feat(FE): Improve empty state handling and add "Unclose Flock"

functionality

src/components/pages/production/project-flock/closing/ProjectFlockClosingForm.tsx

@@ -70,6 +70,10 @@ const ProjectFlockClosingForm = ({
       )
   );
 
+  const isKandangClosed = useMemo(() => {
+    return projectFlockKandang.kandang?.status === 'NON_ACTIVE';
+  }, [projectFlockKandang]);
+
   const isCanClose = useMemo(() => {
     return isResponseSuccess(projectFlockKandangApprovals)
       ? projectFlockKandangApprovals?.data?.[0]?.step_number <= 2
@@ -81,8 +85,10 @@ const ProjectFlockClosingForm = ({
     const deleteProjectFlockRes = await ProjectFlockKandangApi.closing(
       projectFlockKandang?.id as number,
       {
-        closed_date: isCanClose ? formatDate(new Date(), 'YYYY-MM-DD') : '',
-        action: isCanClose ? 'close' : 'unclose',
+        closed_date: !isKandangClosed
+          ? formatDate(new Date(), 'YYYY-MM-DD')
+          : '',
+        action: !isKandangClosed ? 'close' : 'unclose',
       }
     );
 
@@ -121,7 +127,7 @@ const ProjectFlockClosingForm = ({
           leftIcon='heroicons:chevron-left'
           leftIconHref={`/production/project-flock/detail?projectFlockId=${projectFlock.id}`}
           leftIconClassName='hover:text-gray-400'
-          subtitle='Close Flock'
+          subtitle={isKandangClosed ? 'Unclose Flock' : 'Close Flock'}
           className='sticky top-0 z-10 bg-base-100'
         />
 
@@ -134,8 +140,8 @@ const ProjectFlockClosingForm = ({
           {/* Badge Row */}
           <div className='flex flex-row gap-2'>
             <StatusBadge
-              color='success'
-              text='Aktif'
+              color={isKandangClosed ? 'error' : 'success'}
+              text={isKandangClosed ? 'Non-Aktif' : 'Aktif'}
               className={{ badge: 'w-fit text-nowrap' }}
             />
             <div className='divider divider-horizontal p-0 m-0'></div>
@@ -332,8 +338,14 @@ const ProjectFlockClosingForm = ({
               disabled={!isCanCloseValid}
               onClick={() => closeModal.openModal()}
             >
-              <Icon icon='mdi:checkbox-marked-circle-outline' />{' '}
-              {isCanClose ? 'Close' : 'Unclose'}
+              <Icon
+                icon={
+                  isKandangClosed
+                    ? 'mdi:lock-open-variant'
+                    : 'mdi:checkbox-marked-circle-outline'
+                }
+              />{' '}
+              {isKandangClosed ? 'Unclose' : 'Close'}
             </Button>
           </RequirePermission>
         </div>
@@ -342,7 +354,7 @@ const ProjectFlockClosingForm = ({
           ref={closeModal.ref}
           type='error'
           text={
-            isCanClose
+            !isKandangClosed
               ? 'Apakah kamu yakin ingin mengakhiri project ini ? *Pastikan persediaan produk di gudang terkait sudah kosong, dan BOP sudah selesai'
               : 'Apakah kamu yakin ingin membuka kembali project ini ? *Project ini akan kembali ke status aktif'
           }