From 8c73a8f61af18ffe2c0dc0bcf06a118df9e032b6 Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Sat, 24 Jan 2026 11:17:13 +0700
Subject: [PATCH 01/21] refactor(FE): Include selected record date in next-day
 API

---
 .../pages/production/recording/form/RecordingForm.tsx         | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/pages/production/recording/form/RecordingForm.tsx b/src/components/pages/production/recording/form/RecordingForm.tsx
index 63d78397..f3d175a1 100644
--- a/src/components/pages/production/recording/form/RecordingForm.tsx
+++ b/src/components/pages/production/recording/form/RecordingForm.tsx
@@ -554,8 +554,8 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
   const nextDayRecordingUrl = useMemo(() => {
     if (!projectFlockKandangLookup) return null;
     const projectFlockKandangId = projectFlockKandangLookup.id;
-    return `${RecordingApi.basePath}/next-day?project_flock_kandang_id=${projectFlockKandangId}`;
-  }, [projectFlockKandangLookup]);
+    return `${RecordingApi.basePath}/next-day?project_flock_kandang_id=${projectFlockKandangId}&record_date=${selectedRecordDate}`;
+  }, [projectFlockKandangLookup, selectedRecordDate]);
 
   const { data: nextDayRecordingData } = useSWR(
     nextDayRecordingUrl,

From 52213fc8c4f03437902aabb699b790a7a5e096ce Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Sat, 24 Jan 2026 12:51:01 +0700
Subject: [PATCH 02/21] refactor(FE): Add optional location and flock ids

---
 .../recording/form/RecordingForm.schema.ts    | 32 +++++++++++++++----
 1 file changed, 25 insertions(+), 7 deletions(-)

diff --git a/src/components/pages/production/recording/form/RecordingForm.schema.ts b/src/components/pages/production/recording/form/RecordingForm.schema.ts
index 063c2cc0..b39f94ca 100644
--- a/src/components/pages/production/recording/form/RecordingForm.schema.ts
+++ b/src/components/pages/production/recording/form/RecordingForm.schema.ts
@@ -164,6 +164,9 @@ export const RecordingLayingFormSchema: Yup.ObjectSchema<RecordingLayingFormSche
 
 export const UpdateRecordingGrowingFormSchema =
   RecordingGrowingFormSchema.shape({
+    location_id: Yup.number().nullable().optional(),
+    project_flock_id: Yup.number().nullable().optional(),
+    kandang_id: Yup.number().nullable().optional(),
     project_flock_kandang_id: Yup.number()
       .default(0)
       .typeError('Project Flock Kandang wajib diisi!')
@@ -176,6 +179,9 @@ export const UpdateRecordingGrowingFormSchema =
   });
 
 export const UpdateRecordingLayingFormSchema = RecordingLayingFormSchema.shape({
+  location_id: Yup.number().nullable().optional(),
+  project_flock_id: Yup.number().nullable().optional(),
+  kandang_id: Yup.number().nullable().optional(),
   project_flock_kandang_id: Yup.number()
     .default(0)
     .typeError('Project Flock Kandang wajib diisi!')
@@ -217,13 +223,25 @@ export const getRecordingGrowingFormInitialValues = (
   project_flock_id: 0,
   kandang: null,
   kandang_id: 0,
-  project_flock_kandang: initialValues?.project_flock_kandang_id
-    ? {
-        value: initialValues.project_flock_kandang_id,
-        label: `Project Flock #${initialValues.project_flock_kandang_id}`,
-      }
-    : null,
-  project_flock_kandang_id: initialValues?.project_flock_kandang_id ?? 0,
+  project_flock_kandang:
+    (initialValues?.project_flock_kandang_id ??
+    initialValues?.project_flock?.project_flock_kandang_id)
+      ? {
+          value:
+            initialValues?.project_flock_kandang_id ??
+            initialValues?.project_flock?.project_flock_kandang_id ??
+            0,
+          label: `Project Flock #${
+            initialValues?.project_flock_kandang_id ??
+            initialValues?.project_flock?.project_flock_kandang_id ??
+            0
+          }`,
+        }
+      : null,
+  project_flock_kandang_id:
+    initialValues?.project_flock_kandang_id ??
+    initialValues?.project_flock?.project_flock_kandang_id ??
+    0,
   stocks: initialValues?.stocks?.map((stock) => ({
     product_warehouse_id: stock.product_warehouse_id,
     qty:

From 6307cdc0dc199217ae3e44247a784e63834132fe Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Sat, 24 Jan 2026 12:53:54 +0700
Subject: [PATCH 03/21] refactor(FE): Send selected record date to next-day API

---
 .../pages/production/recording/form/RecordingForm.tsx        | 5 ++++-
 src/services/api/production.ts                               | 4 +++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/pages/production/recording/form/RecordingForm.tsx b/src/components/pages/production/recording/form/RecordingForm.tsx
index f3d175a1..6ea77373 100644
--- a/src/components/pages/production/recording/form/RecordingForm.tsx
+++ b/src/components/pages/production/recording/form/RecordingForm.tsx
@@ -562,7 +562,10 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
     nextDayRecordingUrl
       ? () => {
           const projectFlockKandangId = projectFlockKandangLookup!.id;
-          return RecordingApi.nextDayRecording(projectFlockKandangId);
+          return RecordingApi.nextDayRecording(
+            projectFlockKandangId,
+            selectedRecordDate
+          );
         }
       : null
   );
diff --git a/src/services/api/production.ts b/src/services/api/production.ts
index 8e66d57e..d481081d 100644
--- a/src/services/api/production.ts
+++ b/src/services/api/production.ts
@@ -74,7 +74,8 @@ export class RecordingService extends BaseApiService<
   }
 
   async nextDayRecording(
-    projectFlockId: number
+    projectFlockId: number,
+    recordDate?: string
   ): Promise<BaseApiResponse<NextDayRecording> | undefined> {
     return await this.customRequest<BaseApiResponse<NextDayRecording>>(
       `next-day`,
@@ -82,6 +83,7 @@ export class RecordingService extends BaseApiService<
         method: 'GET',
         params: {
           project_flock_kandang_id: projectFlockId,
+          record_date: recordDate,
         },
       }
     );

From 2d6e8480f5407f24336226d9e5f870b5b8432851 Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Sat, 24 Jan 2026 13:27:17 +0700
Subject: [PATCH 04/21] refactor(FE): Show detailed stock usage and remove
 limit check

---
 .../production/recording/form/RecordingForm.tsx      | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/components/pages/production/recording/form/RecordingForm.tsx b/src/components/pages/production/recording/form/RecordingForm.tsx
index 6ea77373..24f862d7 100644
--- a/src/components/pages/production/recording/form/RecordingForm.tsx
+++ b/src/components/pages/production/recording/form/RecordingForm.tsx
@@ -1078,14 +1078,9 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
       if ((type as 'add' | 'edit' | 'detail') === 'detail') return null;
       const stock = formik.values.stocks?.[stockIdx];
       if (!stock || !stock.product_warehouse_id) return null;
-      const availableStock = getAvailableStock(stock.product_warehouse_id);
-      const requestedUsage = Number(stock.qty) || 0;
-      if (requestedUsage > availableStock) {
-        return `Jumlah pakai melebihi stok tersedia! Maksimal: ${formatNumber(availableStock)}`;
-      }
       return null;
     },
-    [formik.values.stocks, getAvailableStock, type]
+    [formik.values.stocks, type]
   );
 
   const getStockUsageAdornment = useCallback(
@@ -1099,7 +1094,10 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
       if (requestedUsage > 0) {
         return (
           <span className='text-sm text-gray-600 whitespace-nowrap'>
-            (sisa: {formatNumber(remainingStock)})
+            (tersedia: {formatNumber(availableStock)} | pakai:{' '}
+            {formatNumber(requestedUsage)} | sisa:{' '}
+            {formatNumber(Math.max(remainingStock, 0))} | dipinjam:{' '}
+            {formatNumber(Math.max(-remainingStock, 0))})
           </span>
         );
       }

From 1d06c6f02af976460e0b545d6e5e6505efd01a8c Mon Sep 17 00:00:00 2001
From: randy-ar <randyabdulrahman87@gmail.com>
Date: Sat, 24 Jan 2026 14:52:54 +0700
Subject: [PATCH 05/21] fix(FE): fixing injection payload negative not send
 properly

---
 .../pages/finance/add/injection/FormFinanceInjection.tsx        | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/pages/finance/add/injection/FormFinanceInjection.tsx b/src/components/pages/finance/add/injection/FormFinanceInjection.tsx
index ff49005c..07c8e61e 100644
--- a/src/components/pages/finance/add/injection/FormFinanceInjection.tsx
+++ b/src/components/pages/finance/add/injection/FormFinanceInjection.tsx
@@ -94,7 +94,7 @@ const FormFinanceInjection = ({
     return {
       bank_id: Number(values.bank_id_option?.value) || 0,
       adjustment_date: formatDate(values.adjustment_date, 'YYYY-MM-DD'),
-      nominal: Number(values.nominal.replace(/\D/g, '')) || 0,
+      nominal: isNaN(Number(values.nominal)) ? 0 : Number(values.nominal),
       notes: values.note,
     };
   };

From caba77d87107d2af840e6ca856010dc8f83a622b Mon Sep 17 00:00:00 2001
From: randy-ar <randyabdulrahman87@gmail.com>
Date: Sun, 25 Jan 2026 14:11:47 +0700
Subject: [PATCH 06/21] fix(FE): fixing bank undefined in detail page

---
 src/components/pages/finance/FinanceDetail.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/pages/finance/FinanceDetail.tsx b/src/components/pages/finance/FinanceDetail.tsx
index 3ee9a7df..12d513d7 100644
--- a/src/components/pages/finance/FinanceDetail.tsx
+++ b/src/components/pages/finance/FinanceDetail.tsx
@@ -30,7 +30,7 @@ const FinanceDetail = ({ finance }: { finance: Finance }) => {
     },
     {
       label: 'Jenis Transaksi',
-      value: finance.transaction_type,
+      value: formatTitleCase(finance.transaction_type.split('_').join(' ')),
     },
     {
       label: 'Pihak',
@@ -56,7 +56,9 @@ const FinanceDetail = ({ finance }: { finance: Finance }) => {
     },
     {
       label: 'Nomor Rekening',
-      value: `${finance.bank?.alias} - ${finance.bank?.account_number} - ${finance.bank?.owner}`,
+      value: finance.bank?.alias
+        ? `${finance.bank?.alias} - ${finance.bank?.account_number} - ${finance.bank?.owner}`
+        : '-',
     },
     {
       label: `Rekening ${formatTitleCase(finance.party?.type)}`,

From 8b1e43cdb95539c839c1ae9d0cb7c1a079811e4f Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Sun, 25 Jan 2026 18:00:53 +0700
Subject: [PATCH 07/21] refactor(FE): Set week using chick_in_date and earliest
 record

---
 .../uniformity/form/UniformityForm.tsx        | 47 ++++++++++++++++---
 src/types/api/production/project-flock.d.ts   |  1 +
 2 files changed, 42 insertions(+), 6 deletions(-)

diff --git a/src/components/pages/production/uniformity/form/UniformityForm.tsx b/src/components/pages/production/uniformity/form/UniformityForm.tsx
index d7013520..e6b0657d 100644
--- a/src/components/pages/production/uniformity/form/UniformityForm.tsx
+++ b/src/components/pages/production/uniformity/form/UniformityForm.tsx
@@ -399,23 +399,58 @@ const UniformityForm = ({
   // ===== SIDE EFFECTS =====
   useEffect(() => {
     if (
+      projectFlockKandangLookup?.chick_in_date &&
       projectFlockKandangLookup?.project_flock_kandang_id &&
       isResponseSuccess(recordingsData) &&
       recordingsData.data
     ) {
-      const matchingRecording = recordingsData.data.find(
+      const matchingRecordings = recordingsData.data.filter(
         (recording: Recording) =>
           recording.project_flock?.project_flock_kandang_id ===
           projectFlockKandangLookup.project_flock_kandang_id
       );
 
-      if (matchingRecording?.project_flock?.production_standart?.week) {
-        const weekValue =
-          matchingRecording.project_flock.production_standart.week;
-        formik.setFieldValue('week', weekValue);
+      matchingRecordings.sort(
+        (a: Recording, b: Recording) =>
+          new Date(a.record_datetime).getTime() -
+          new Date(b.record_datetime).getTime()
+      );
+
+      const earliestRecording = matchingRecordings[0];
+
+      if (earliestRecording) {
+        const chickInDate = new Date(projectFlockKandangLookup.chick_in_date);
+        chickInDate.setHours(0, 0, 0, 0);
+
+        const earliestRecordDate = new Date(earliestRecording.record_datetime);
+        earliestRecordDate.setHours(0, 0, 0, 0);
+
+        const initialWeek =
+          earliestRecording.project_flock?.production_standart?.week || 18;
+
+        if (formik.values.date) {
+          const selectedDate = new Date(formik.values.date);
+          selectedDate.setHours(0, 0, 0, 0);
+
+          const daysDiff = Math.floor(
+            (selectedDate.getTime() - chickInDate.getTime()) /
+              (1000 * 60 * 60 * 24)
+          );
+
+          const weeksDiff = Math.floor(daysDiff / 7);
+
+          formik.setFieldValue('week', initialWeek + weeksDiff);
+        } else {
+          formik.setFieldValue('week', initialWeek);
+        }
       }
     }
-  }, [projectFlockKandangLookup?.project_flock_kandang_id, recordingsData]);
+  }, [
+    projectFlockKandangLookup?.chick_in_date,
+    projectFlockKandangLookup?.project_flock_kandang_id,
+    recordingsData,
+    formik.values.date,
+  ]);
 
   useEffect(() => {
     const unsub = subscribeValidate(() => {
diff --git a/src/types/api/production/project-flock.d.ts b/src/types/api/production/project-flock.d.ts
index dcc1a348..d3a862d9 100644
--- a/src/types/api/production/project-flock.d.ts
+++ b/src/types/api/production/project-flock.d.ts
@@ -76,6 +76,7 @@ export type ProjectFlockKandangLookup = {
   quantity: number;
   available_quantity?: number;
   population: number;
+  chick_in_date: string;
 };
 
 export type ProjectFlockAvailableQuantity = {

From 56326cc8d242b121eecf195dd4370224780dac97 Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Mon, 26 Jan 2026 09:41:50 +0700
Subject: [PATCH 08/21] refactor(FE): Disable product select until kandang
 chosen

---
 .../pages/production/recording/form/RecordingForm.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/pages/production/recording/form/RecordingForm.tsx b/src/components/pages/production/recording/form/RecordingForm.tsx
index 24f862d7..4603832c 100644
--- a/src/components/pages/production/recording/form/RecordingForm.tsx
+++ b/src/components/pages/production/recording/form/RecordingForm.tsx
@@ -2444,7 +2444,11 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
                             );
                           }}
                           options={unifiedStockProducts}
-                          placeholder='Pilih Produk'
+                          placeholder={
+                            !formik.values.project_flock_kandang_id
+                              ? 'Pilih kandang terlebih dahulu'
+                              : 'Pilih Produk'
+                          }
                           isLoading={isLoadingStockProducts}
                           onMenuScrollToBottom={loadMoreStockProducts}
                           isError={
@@ -2465,7 +2469,10 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
                             wrapper: 'w-full min-w-48',
                           }}
                           isSearchable
-                          isDisabled={type === 'detail'}
+                          isDisabled={
+                            type === 'detail' ||
+                            !formik.values.project_flock_kandang_id
+                          }
                           isClearable={type !== 'detail'}
                           startAdornment={
                             stock.product_warehouse_id

From 47e51e01056c87e0c04501a61c672206b100046f Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Mon, 26 Jan 2026 09:51:37 +0700
Subject: [PATCH 09/21] refactor(FE): Remove redundant input bg class from
 TextInputs

---
 .../pages/inventory/movement/form/MovementForm.tsx   | 12 ------------
 1 file changed, 12 deletions(-)

diff --git a/src/components/pages/inventory/movement/form/MovementForm.tsx b/src/components/pages/inventory/movement/form/MovementForm.tsx
index bdf37487..d4d175e2 100644
--- a/src/components/pages/inventory/movement/form/MovementForm.tsx
+++ b/src/components/pages/inventory/movement/form/MovementForm.tsx
@@ -1369,9 +1369,6 @@ const MovementForm = ({ type = 'add', initialValues }: MovementFormProps) => {
                   }
                   readOnly
                   disabled
-                  className={{
-                    input: 'bg-base-200',
-                  }}
                 />
                 <TextInput
                   label='Lokasi'
@@ -1382,9 +1379,6 @@ const MovementForm = ({ type = 'add', initialValues }: MovementFormProps) => {
                   }
                   readOnly
                   disabled
-                  className={{
-                    input: 'bg-base-200',
-                  }}
                 />
               </div>
             </Card>
@@ -1433,9 +1427,6 @@ const MovementForm = ({ type = 'add', initialValues }: MovementFormProps) => {
                   }
                   readOnly
                   disabled
-                  className={{
-                    input: 'bg-base-200',
-                  }}
                 />
                 <TextInput
                   label='Lokasi'
@@ -1446,9 +1437,6 @@ const MovementForm = ({ type = 'add', initialValues }: MovementFormProps) => {
                   }
                   readOnly
                   disabled
-                  className={{
-                    input: 'bg-base-200',
-                  }}
                 />
               </div>
             </Card>

From 85f4a5deaac7c7b251da4a309f48bd8659133943 Mon Sep 17 00:00:00 2001
From: randy-ar <randyabdulrahman87@gmail.com>
Date: Mon, 26 Jan 2026 16:08:23 +0700
Subject: [PATCH 10/21] fix(FE): adding select injection type for positive and
 negative value

---
 .../pages/finance/FinanceDetail.tsx           |  6 ++-
 .../injection/FormFinanceInjection.schema.ts  |  2 +
 .../add/injection/FormFinanceInjection.tsx    | 43 ++++++++++++++++++-
 src/config/constant.ts                        |  5 +++
 4 files changed, 53 insertions(+), 3 deletions(-)

diff --git a/src/components/pages/finance/FinanceDetail.tsx b/src/components/pages/finance/FinanceDetail.tsx
index 12d513d7..622fff6f 100644
--- a/src/components/pages/finance/FinanceDetail.tsx
+++ b/src/components/pages/finance/FinanceDetail.tsx
@@ -66,7 +66,11 @@ const FinanceDetail = ({ finance }: { finance: Finance }) => {
     },
     {
       label: 'Nominal',
-      value: formatCurrency(Math.abs(finance.nominal)),
+      value: formatCurrency(
+        finance.transaction_type === 'INJECTION'
+          ? finance.nominal
+          : Math.abs(finance.nominal)
+      ),
     },
   ].filter((item) => {
     // Hide party account number row if transaction type is INJECTION
diff --git a/src/components/pages/finance/add/injection/FormFinanceInjection.schema.ts b/src/components/pages/finance/add/injection/FormFinanceInjection.schema.ts
index c6118af6..304bac18 100644
--- a/src/components/pages/finance/add/injection/FormFinanceInjection.schema.ts
+++ b/src/components/pages/finance/add/injection/FormFinanceInjection.schema.ts
@@ -5,6 +5,7 @@ import * as Yup from 'yup';
 export type InjectionFormValues = {
   bank_id_option: OptionType | null;
   adjustment_date: string;
+  injection_type?: OptionType | null | undefined;
   nominal: string;
   note: string;
 };
@@ -18,6 +19,7 @@ export const InjectionFormSchema = Yup.object<InjectionFormValues>({
       (value) => value !== null && value !== undefined
     ),
   adjustment_date: Yup.string().required('Tanggal penyesuaian wajib diisi'),
+  injection_type: Yup.mixed().nullable().required('Tipe injeksi wajib diisi'),
   nominal: Yup.string().required('Nominal wajib diisi'),
   note: Yup.string().required('Catatan wajib diisi'),
 });
diff --git a/src/components/pages/finance/add/injection/FormFinanceInjection.tsx b/src/components/pages/finance/add/injection/FormFinanceInjection.tsx
index 07c8e61e..a4b77baf 100644
--- a/src/components/pages/finance/add/injection/FormFinanceInjection.tsx
+++ b/src/components/pages/finance/add/injection/FormFinanceInjection.tsx
@@ -28,6 +28,10 @@ import { useCallback, useMemo, useState } from 'react';
 import toast from 'react-hot-toast';
 import Alert from '@/components/Alert';
 import { Icon } from '@iconify/react';
+import {
+  FINANCE_INJECTION_STATUS,
+  FINANCE_INJECTION_TYPE_OPTIONS,
+} from '@/config/constant';
 
 interface FormFinanceInjectionProps {
   type?: 'add' | 'edit';
@@ -51,6 +55,11 @@ const FormFinanceInjection = ({
           }
         : null,
       adjustment_date: initialValues?.payment_date || '',
+      injection_type: initialValues?.nominal
+        ? initialValues.nominal < 0
+          ? FINANCE_INJECTION_TYPE_OPTIONS[1]
+          : FINANCE_INJECTION_TYPE_OPTIONS[0]
+        : FINANCE_INJECTION_TYPE_OPTIONS[0],
       nominal: initialValues?.nominal?.toString() || '',
       note: initialValues?.notes || '',
     };
@@ -94,7 +103,10 @@ const FormFinanceInjection = ({
     return {
       bank_id: Number(values.bank_id_option?.value) || 0,
       adjustment_date: formatDate(values.adjustment_date, 'YYYY-MM-DD'),
-      nominal: isNaN(Number(values.nominal)) ? 0 : Number(values.nominal),
+      nominal:
+        values.injection_type?.value == 'POSITIVE'
+          ? Math.abs(Number(values.nominal))
+          : -Math.abs(Number(values.nominal)),
       notes: values.note,
     };
   };
@@ -203,6 +215,24 @@ const FormFinanceInjection = ({
               }
               required
             />
+            <SelectInput
+              label='Tipe Injeksi'
+              placeholder='Pilih tipe injeksi'
+              options={FINANCE_INJECTION_TYPE_OPTIONS}
+              value={formik.values.injection_type}
+              onChange={(value) => {
+                formik.setFieldValue('injection_type', value);
+              }}
+              isError={Boolean(
+                formik.touched.injection_type && formik.errors.injection_type
+              )}
+              errorMessage={
+                formik.touched.injection_type && formik.errors.injection_type
+                  ? formik.errors.injection_type
+                  : ''
+              }
+              required
+            />
             <NumberInput
               label='Nominal'
               placeholder='Masukkan nominal'
@@ -216,8 +246,17 @@ const FormFinanceInjection = ({
                   ? formik.errors.nominal
                   : ''
               }
-              allowNegative={true}
+              allowNegative={false}
               required
+              startAdornment={
+                formik.values.injection_type?.value === 'POSITIVE' ? (
+                  <Icon icon='mdi:plus' />
+                ) : formik.values.injection_type?.value === 'NEGATIVE' ? (
+                  <Icon icon='mdi:minus' />
+                ) : (
+                  ''
+                )
+              }
             />
             <TextArea
               label='Catatan'
diff --git a/src/config/constant.ts b/src/config/constant.ts
index eb271b9b..30af4b0a 100644
--- a/src/config/constant.ts
+++ b/src/config/constant.ts
@@ -389,6 +389,11 @@ export const FINANCE_INITIAL_BALANCE_TYPE_OPTIONS = [
   { label: 'Saldo Awal Negatif', value: 'NEGATIVE' },
 ];
 
+export const FINANCE_INJECTION_TYPE_OPTIONS = [
+  { label: 'Saldo Injection Positif', value: 'POSITIVE' },
+  { label: 'Saldo Injection Negatif', value: 'NEGATIVE' },
+];
+
 export const FINANCE_TRANSACTION_TYPE_OPTIONS = [
   { label: 'Pembelian', value: 'PEMBELIAN' },
   { label: 'Penjualan', value: 'PENJUALAN' },

From 7c73e8e5c61126cc0598c2aeaf81393ec6ce2620 Mon Sep 17 00:00:00 2001
From: randy-ar <randyabdulrahman87@gmail.com>
Date: Mon, 26 Jan 2026 16:13:43 +0700
Subject: [PATCH 11/21] fix(FE): fixing negative value in index table

---
 src/components/pages/finance/FinanceTable.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/pages/finance/FinanceTable.tsx b/src/components/pages/finance/FinanceTable.tsx
index d189195a..c1c7f079 100644
--- a/src/components/pages/finance/FinanceTable.tsx
+++ b/src/components/pages/finance/FinanceTable.tsx
@@ -416,7 +416,8 @@ const FinanceTable = () => {
       },
       {
         header: 'Pemasukan (Rp)',
-        accessorFn: (finance: Finance) => formatCurrency(finance.income_amount),
+        accessorFn: (finance: Finance) =>
+          formatCurrency(Math.abs(finance.income_amount)),
       },
       {
         header: 'Aksi',

From 66c537ec101922798265771e5bcce329ac8b6f42 Mon Sep 17 00:00:00 2001
From: ValdiANS <rvdans002@gmail.com>
Date: Mon, 26 Jan 2026 20:56:12 +0700
Subject: [PATCH 12/21] chore: change loading text to loading spinner

---
 src/app/page.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9cc0177d..33d01de7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -25,5 +25,9 @@ export default function Home() {
     );
   }
 
-  return <>Loading...</>;
+  return (
+    <main className='w-full h-full min-h-screen flex flex-row justify-center items-center'>
+      <span className='loading loading-spinner loading-lg'></span>
+    </main>
+  );
 }

From 34f01abb322a6451dd390ffdfb5d67baf859e1df Mon Sep 17 00:00:00 2001
From: ValdiANS <rvdans002@gmail.com>
Date: Mon, 26 Jan 2026 20:57:05 +0700
Subject: [PATCH 13/21] chore: add new props (withPagination, getRowCanExpand,
 renderSubComponent, expanded, and getSubRows)

---
 src/components/Table.tsx | 171 ++++++++++++++++++++++++++-------------
 1 file changed, 116 insertions(+), 55 deletions(-)

diff --git a/src/components/Table.tsx b/src/components/Table.tsx
index 0e095c1f..0be39fb5 100644
--- a/src/components/Table.tsx
+++ b/src/components/Table.tsx
@@ -1,11 +1,12 @@
 'use client';
 
-import { ReactNode, useCallback, useEffect, useState } from 'react';
+import { Fragment, ReactNode, useCallback, useEffect, useState } from 'react';
 import {
   flexRender,
   getCoreRowModel,
   getFilteredRowModel,
   getPaginationRowModel,
+  getExpandedRowModel,
   getSortedRowModel,
   TableOptions,
   useReactTable,
@@ -15,6 +16,7 @@ import {
   OnChangeFn,
   Row,
   HeaderContext,
+  ExpandedState,
 } from '@tanstack/react-table';
 import { rankItem } from '@tanstack/match-sorter-utils';
 import { Icon } from '@iconify/react';
@@ -33,6 +35,9 @@ interface TableClassNames {
   bodyRowClassName?: string;
   selectedBodyRowClassName?: string;
   bodyColumnClassName?: string;
+  bodySubRowClassName?: (depth: number) => string;
+  selectedBodySubRowClassName?: (depth: number) => string;
+  bodySubRowColumnClassName?: (depth: number) => string;
   tableFooterClassName?: string;
   footerRowClassName?: string;
   footerColumnClassName?: string;
@@ -60,6 +65,7 @@ export interface TableProps<TData extends object> {
   enableRowSelection?: boolean | ((row: Row<TData>) => boolean);
   renderFooter?: boolean;
   withCheckbox?: boolean;
+  withPagination?: boolean;
   rowOptions?: number[];
   /**
    * Custom row renderer. Should return a complete <tr> element or null.
@@ -67,6 +73,10 @@ export interface TableProps<TData extends object> {
    * Return null to render the default row.
    */
   renderCustomRow?: (row: Row<TData>) => ReactNode | null;
+  getRowCanExpand?: (row: Row<TData>) => boolean;
+  renderSubComponent?: (props: { row: Row<TData> }) => React.ReactElement;
+  expanded?: ExpandedState;
+  getSubRows?: (originalRow: TData, index: number) => TData[] | undefined;
 }
 
 const DUMMY_SKELETON_DATA = [{}, {}, {}, {}, {}];
@@ -92,7 +102,12 @@ export const TABLE_DEFAULT_STYLING = {
   bodyRowClassName:
     'transition-all duration-200 border-t border-base-content/10 bg-transparent',
   selectedBodyRowClassName: 'bg-primary/5',
-  bodyColumnClassName: 'px-4 py-3 text-base-content',
+  bodyColumnClassName: 'px-4 py-3 text-base-content font-medium',
+  bodySubRowClassName: (depth: number) =>
+    'transition-all duration-200 border-t border-base-content/10 bg-transparent',
+  selectedBodySubRowClassName: (depth: number) => 'bg-primary/5',
+  bodySubRowColumnClassName: (depth: number) =>
+    'px-4 py-3 text-base-content font-medium',
   paginationClassName: 'px-3',
   tableFooterClassName: 'font-semibold border-base-content/10',
   footerRowClassName: 'bg-base-200 border-t-2 border-base-content/10',
@@ -120,8 +135,13 @@ const Table = <TData extends object>({
   enableRowSelection,
   renderFooter = false,
   withCheckbox = false,
+  withPagination = true,
   rowOptions = [10, 20, 50, 100],
   renderCustomRow,
+  getRowCanExpand,
+  renderSubComponent,
+  expanded = {},
+  getSubRows,
 }: TableProps<TData>) => {
   const isServerSideTable =
     totalItems !== undefined &&
@@ -154,10 +174,14 @@ const Table = <TData extends object>({
     getSortedRowModel: getSortedRowModel(),
     getPaginationRowModel: getPaginationRowModel(),
     onPaginationChange: setPagination,
+    getExpandedRowModel: getExpandedRowModel(),
+    getRowCanExpand: getRowCanExpand ?? (getSubRows ? undefined : () => false),
+    getSubRows,
     manualSorting,
     state: {
       pagination,
       globalFilter: fuzzySearchValue,
+      expanded,
     },
     filterFns: {
       fuzzy: fuzzyFilter,
@@ -228,7 +252,10 @@ const Table = <TData extends object>({
     <div
       className={cn(
         TABLE_DEFAULT_STYLING.containerClassName,
-        tableClassNames.containerClassName
+        tableClassNames.containerClassName,
+        {
+          'mb-0': !withPagination,
+        }
       )}
     >
       <div
@@ -352,36 +379,67 @@ const Table = <TData extends object>({
               }
 
               return (
-                <tr
-                  key={row.id}
-                  className={cn(
-                    TABLE_DEFAULT_STYLING.bodyRowClassName,
-                    tableClassNames.bodyRowClassName,
-                    {
-                      [tableClassNames.selectedBodyRowClassName]:
-                        row.getIsSelected(),
-                    }
-                  )}
-                >
-                  {row.getVisibleCells().map((cell) => (
-                    <td
-                      key={cell.id}
-                      className={cn(
-                        { 'first:w-9 first:pr-0': withCheckbox },
-                        TABLE_DEFAULT_STYLING.bodyColumnClassName,
-                        tableClassNames.bodyColumnClassName
-                      )}
-                    >
-                      {!isLoading &&
-                        flexRender(
-                          cell.column.columnDef.cell,
-                          cell.getContext()
+                <Fragment key={row.id}>
+                  <tr
+                    data-depth={row.depth}
+                    className={cn(
+                      row.depth > 0
+                        ? tableClassNames.bodySubRowClassName(row.depth)
+                        : tableClassNames.bodyRowClassName,
+                      {
+                        [tableClassNames.selectedBodyRowClassName!]:
+                          row.getIsSelected() && row.depth === 0,
+                        [tableClassNames.selectedBodySubRowClassName(
+                          row.depth
+                        )!]: row.getIsSelected() && row.depth > 0,
+                      }
+                    )}
+                  >
+                    {row.getVisibleCells().map((cell) => (
+                      <td
+                        key={cell.id}
+                        className={cn(
+                          { 'first:w-9 first:pr-0': withCheckbox },
+                          TABLE_DEFAULT_STYLING.bodyColumnClassName,
+                          row.depth > 0
+                            ? tableClassNames.bodySubRowColumnClassName(
+                                row.depth
+                              )
+                            : tableClassNames.bodyColumnClassName
                         )}
+                      >
+                        {!isLoading &&
+                          flexRender(
+                            cell.column.columnDef.cell,
+                            cell.getContext()
+                          )}
 
-                      {isLoading && <div className='skeleton w-full h-4' />}
-                    </td>
-                  ))}
-                </tr>
+                        {isLoading && <div className='skeleton w-full h-4' />}
+                      </td>
+                    ))}
+                  </tr>
+
+                  {row.getIsExpanded() && (
+                    <>
+                      {renderSubComponent && (
+                        <tr
+                          className={cn(
+                            TABLE_DEFAULT_STYLING.bodySubRowClassName(1),
+                            tableClassNames.bodySubRowClassName(1),
+                            {
+                              [tableClassNames.selectedBodySubRowClassName(1)]:
+                                row.getIsSelected(),
+                            }
+                          )}
+                        >
+                          <td colSpan={row.getVisibleCells().length}>
+                            {renderSubComponent({ row })}
+                          </td>
+                        </tr>
+                      )}
+                    </>
+                  )}
+                </Fragment>
               );
             })}
           </tbody>
@@ -425,30 +483,33 @@ const Table = <TData extends object>({
         !isLoading &&
         emptyContent}
 
-      {data.length > 0 && table.getRowModel().rows.length > 0 && !isLoading && (
-        <div
-          className={cn(
-            'mt-5',
-            TABLE_DEFAULT_STYLING.paginationClassName,
-            tableClassNames.paginationClassName
-          )}
-        >
-          <Pagination
-            totalItems={isServerSideTable ? totalItems : table.getRowCount()}
-            itemsPerPage={table.getState().pagination.pageSize}
-            currentPage={
-              isServerSideTable
-                ? page
-                : table.getState().pagination.pageIndex + 1
-            }
-            onPrevPage={prevPageClickHandler}
-            onNextPage={nextPageClickHandler}
-            onPageChange={pageChangeHandler}
-            rowOptions={rowOptions}
-            onRowChange={onPageSizeChange}
-          />
-        </div>
-      )}
+      {data.length > 0 &&
+        table.getRowModel().rows.length > 0 &&
+        !isLoading &&
+        withPagination && (
+          <div
+            className={cn(
+              'mt-5',
+              TABLE_DEFAULT_STYLING.paginationClassName,
+              tableClassNames.paginationClassName
+            )}
+          >
+            <Pagination
+              totalItems={isServerSideTable ? totalItems : table.getRowCount()}
+              itemsPerPage={table.getState().pagination.pageSize}
+              currentPage={
+                isServerSideTable
+                  ? page
+                  : table.getState().pagination.pageIndex + 1
+              }
+              onPrevPage={prevPageClickHandler}
+              onNextPage={nextPageClickHandler}
+              onPageChange={pageChangeHandler}
+              rowOptions={rowOptions}
+              onRowChange={onPageSizeChange}
+            />
+          </div>
+        )}
     </div>
   );
 };

From a7958166bfb34acc26b2d0c1762b3025af75e475 Mon Sep 17 00:00:00 2001
From: ValdiANS <rvdans002@gmail.com>
Date: Mon, 26 Jan 2026 20:57:27 +0700
Subject: [PATCH 14/21] chore: change circle success color

---
 src/components/helper/StatusBadge.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/helper/StatusBadge.tsx b/src/components/helper/StatusBadge.tsx
index 46b36559..c4f99593 100644
--- a/src/components/helper/StatusBadge.tsx
+++ b/src/components/helper/StatusBadge.tsx
@@ -40,7 +40,7 @@ const StatusBadge = ({
         xmlns='http://www.w3.org/2000/svg'
         className={cn({
           'text-base-content/10': color === 'neutral',
-          'text-success': color === 'success',
+          'text-[#008000]': color === 'success',
           'text-error': color === 'error',
           'text-primary': color === 'info',
         })}

From 1389cb7ed695223c45fc22aa133a6fce698a4469 Mon Sep 17 00:00:00 2001
From: ValdiANS <rvdans002@gmail.com>
Date: Mon, 26 Jan 2026 20:57:50 +0700
Subject: [PATCH 15/21] chore: render button only if primary or secondary
 button is used

---
 src/components/modal/ConfirmationModal.tsx | 96 ++++++++++++----------
 1 file changed, 54 insertions(+), 42 deletions(-)

diff --git a/src/components/modal/ConfirmationModal.tsx b/src/components/modal/ConfirmationModal.tsx
index 98a0b51d..1486b6d5 100644
--- a/src/components/modal/ConfirmationModal.tsx
+++ b/src/components/modal/ConfirmationModal.tsx
@@ -167,49 +167,61 @@ const ConfirmationModal = ({
 
         {children && <div className='w-full'>{children}</div>}
 
-        <div className='w-full grid grid-cols-2 gap-3'>
-          {secondaryButton && secondaryButton.text && (
-            <Button
-              {...secondaryButton}
-              variant='outline'
-              color={secondaryButton?.color}
-              isLoading={secondaryButton?.isLoading}
-              disabled={
-                secondaryButton?.isLoading !== undefined
-                  ? secondaryButton?.isLoading
-                  : isPrimaryButtonLoading
-              }
-              onClick={closeModalHandler}
-              className={cn(
-                'p-2 rounded-xl text-sm',
-                secondaryButton?.className
-              )}
-            >
-              {secondaryButton?.text ?? 'Tidak'}
-            </Button>
-          )}
+        {(secondaryButton || primaryButton) && (
+          <div
+            className={cn('w-full grid gap-3', {
+              'grid-cols-2': secondaryButton && primaryButton,
+              'grid-cols-1':
+                (secondaryButton && !primaryButton) ||
+                (!secondaryButton && primaryButton),
+            })}
+          >
+            {secondaryButton && secondaryButton.text && (
+              <Button
+                {...secondaryButton}
+                variant='outline'
+                color={secondaryButton?.color}
+                isLoading={secondaryButton?.isLoading}
+                disabled={
+                  secondaryButton?.isLoading !== undefined
+                    ? secondaryButton?.isLoading
+                    : isPrimaryButtonLoading
+                }
+                onClick={closeModalHandler}
+                className={cn(
+                  'p-2 rounded-xl text-sm',
+                  secondaryButton?.className
+                )}
+              >
+                {secondaryButton?.text ?? 'Tidak'}
+              </Button>
+            )}
 
-          {primaryButton && primaryButton.text && (
-            <Button
-              {...primaryButton}
-              color={primaryButton?.color ?? 'info'}
-              onClick={primaryButtonClickHandler}
-              isLoading={
-                primaryButton?.isLoading !== undefined
-                  ? primaryButton?.isLoading
-                  : isPrimaryButtonLoading
-              }
-              disabled={
-                primaryButton?.isLoading !== undefined
-                  ? primaryButton?.isLoading
-                  : isPrimaryButtonLoading
-              }
-              className={cn('p-2 rounded-xl text-sm', primaryButton?.className)}
-            >
-              {primaryButton?.text ?? 'Ya'}
-            </Button>
-          )}
-        </div>
+            {primaryButton && primaryButton.text && (
+              <Button
+                {...primaryButton}
+                color={primaryButton?.color ?? 'info'}
+                onClick={primaryButtonClickHandler}
+                isLoading={
+                  primaryButton?.isLoading !== undefined
+                    ? primaryButton?.isLoading
+                    : isPrimaryButtonLoading
+                }
+                disabled={
+                  primaryButton?.isLoading !== undefined
+                    ? primaryButton?.isLoading
+                    : isPrimaryButtonLoading
+                }
+                className={cn(
+                  'p-2 rounded-xl text-sm',
+                  primaryButton?.className
+                )}
+              >
+                {primaryButton?.text ?? 'Ya'}
+              </Button>
+            )}
+          </div>
+        )}
       </div>
     </Modal>
   );

From f98e9d693020ec52eacc7246a40f78e253636bcf Mon Sep 17 00:00:00 2001
From: ValdiANS <rvdans002@gmail.com>
Date: Mon, 26 Jan 2026 21:22:57 +0700
Subject: [PATCH 16/21] feat: create TransferToLayingConfirmationModal
 component

---
 .../TransferToLayingConfirmationModal.tsx     | 276 ++++++++++++++++++
 1 file changed, 276 insertions(+)
 create mode 100644 src/components/pages/production/transfer-to-laying/TransferToLayingConfirmationModal.tsx

diff --git a/src/components/pages/production/transfer-to-laying/TransferToLayingConfirmationModal.tsx b/src/components/pages/production/transfer-to-laying/TransferToLayingConfirmationModal.tsx
new file mode 100644
index 00000000..3cedf839
--- /dev/null
+++ b/src/components/pages/production/transfer-to-laying/TransferToLayingConfirmationModal.tsx
@@ -0,0 +1,276 @@
+'use client';
+
+import { ChangeEventHandler, RefObject, useId, useState } from 'react';
+import useSWR from 'swr';
+
+import ConfirmationModal, {
+  ConfirmationModalProps,
+} from '@/components/modal/ConfirmationModal';
+import Table from '@/components/Table';
+import TextArea from '@/components/input/TextArea';
+
+import { ColumnDef } from '@tanstack/react-table';
+import { cn, formatDate, formatNumber } from '@/lib/helper';
+import { TransferToLayingFormValues } from '@/components/pages/production/transfer-to-laying/form/TransferToLayingForm.schema';
+import { Color } from '@/types/theme';
+import { TransferToLayingApi } from '@/services/api/production/transfer-to-laying';
+import { isResponseSuccess } from '@/lib/api-helper';
+
+interface TransferToLayingConfirmationModalProps
+  extends Omit<ConfirmationModalProps, 'children' | 'primaryButton'> {
+  ref: RefObject<HTMLDialogElement | null>;
+  type?: 'info' | 'success' | 'error';
+  transferToLayingIds?: number[];
+  transferToLayingForm?: TransferToLayingFormValues;
+  onClose?: () => void;
+
+  withNote?: boolean;
+  noteLabel?: string;
+  rows?: number;
+  placeholder?: string;
+
+  primaryButton?: {
+    text?: string;
+    color?: Color;
+    isLoading?: boolean;
+    onClick?: (notes: string) => void;
+  };
+}
+
+interface TransferToLayingConfirmationTableDataType {
+  label: string;
+  value: string;
+  subRows?: TransferToLayingConfirmationTableDataType[];
+}
+
+const TransferToLayingConfirmationModalTable = ({
+  transferToLayingForm,
+  transferToLayingId,
+}: {
+  transferToLayingForm?: TransferToLayingFormValues;
+  transferToLayingId?: number;
+}) => {
+  const { data: transferToLaying, isLoading: isLoadingTransferToLaying } =
+    useSWR(
+      transferToLayingId
+        ? ['detail-transfer-to-laying', String(transferToLayingId)]
+        : undefined,
+      ([_, id]) => TransferToLayingApi.getSingle(Number(id))
+    );
+
+  const confirmationTableColumns: ColumnDef<TransferToLayingConfirmationTableDataType>[] =
+    [
+      {
+        header: 'Label',
+        accessorKey: 'label',
+        enableSorting: false,
+        cell: ({ row }) => {
+          const isSubRow = row.depth > 0;
+
+          return (
+            <>
+              {!isSubRow && row.original.label}
+
+              {isSubRow && (
+                <div
+                  className={cn('w-full min-h-full flex items-stretch gap-0')}
+                >
+                  <div className='w-px mx-4 bg-base-content/10' />
+                  <span className='p-3'>{row.original.label}</span>
+                </div>
+              )}
+            </>
+          );
+        },
+      },
+      {
+        header: 'Value',
+        accessorKey: 'value',
+        enableSorting: false,
+      },
+    ];
+
+  const confirmationTableData: TransferToLayingConfirmationTableDataType[] = [
+    {
+      label: 'Tanggal',
+      value: formatDate(
+        transferToLayingId && isResponseSuccess(transferToLaying)
+          ? transferToLaying.data.transfer_date
+          : transferToLayingForm?.transfer_date,
+        'DD MMMM YYYY'
+      ),
+    },
+    {
+      label: 'Flock Asal',
+      value:
+        transferToLayingId && isResponseSuccess(transferToLaying)
+          ? transferToLaying.data.from_project_flock.flock_name
+          : (transferToLayingForm?.flockSource?.label ?? '-'),
+      subRows:
+        transferToLayingId && isResponseSuccess(transferToLaying)
+          ? (transferToLaying.data.sources?.map(
+              (sourceProjectFlockKandang) => ({
+                label:
+                  sourceProjectFlockKandang.source_project_flock_kandang.kandang
+                    .name,
+                value: formatNumber(
+                  Number(sourceProjectFlockKandang.qty),
+                  'en-US'
+                ),
+              })
+            ) ?? [])
+          : (transferToLayingForm?.flockSourceKandangs?.map((kandang) => ({
+              label: kandang.kandang.label,
+              value: formatNumber(Number(kandang.quantity), 'en-US'),
+            })) ?? []),
+    },
+    {
+      label: 'Flock Tujuan',
+      value:
+        transferToLayingId && isResponseSuccess(transferToLaying)
+          ? transferToLaying.data.to_project_flock.flock_name
+          : (transferToLayingForm?.flockDestination?.label ?? '-'),
+      subRows:
+        transferToLayingId && isResponseSuccess(transferToLaying)
+          ? (transferToLaying.data.targets?.map(
+              (targetProjectFlockKandang) => ({
+                label:
+                  targetProjectFlockKandang.target_project_flock_kandang.kandang
+                    .name,
+                value: formatNumber(
+                  Number(targetProjectFlockKandang.qty),
+                  'en-US'
+                ),
+              })
+            ) ?? [])
+          : (transferToLayingForm?.flockDestinationKandangs?.map((kandang) => ({
+              label: kandang.kandang.label,
+              value: formatNumber(Number(kandang.quantity), 'en-US'),
+            })) ?? []),
+    },
+    {
+      label: 'Jumlah Transfer',
+      value: formatNumber(
+        transferToLayingId && isResponseSuccess(transferToLaying)
+          ? Number(
+              transferToLaying.data.sources.reduce(
+                (total, source) => total + Number(source.qty),
+                0
+              )
+            )
+          : Number(transferToLayingForm?.totalQuantity),
+        'en-US'
+      ),
+    },
+    {
+      label: 'Notes',
+      value:
+        transferToLayingId && isResponseSuccess(transferToLaying)
+          ? (transferToLaying.data.notes ?? '-')
+          : (transferToLayingForm?.reason ?? '-'),
+    },
+  ];
+
+  return (
+    <Table<TransferToLayingConfirmationTableDataType>
+      columns={confirmationTableColumns}
+      data={confirmationTableData}
+      withPagination={false}
+      pageSize={10000}
+      expanded={true}
+      getSubRows={(row) => row.subRows}
+      className={{
+        bodyRowClassName: 'border-none',
+        bodySubRowClassName: () => 'border-none',
+        bodySubRowColumnClassName: () => 'first:p-0',
+      }}
+    />
+  );
+};
+
+const TransferToLayingConfirmationModal = ({
+  ref,
+  type = 'success',
+  transferToLayingForm,
+  transferToLayingIds,
+  onClose,
+  withNote,
+  rows = 4,
+  noteLabel,
+  placeholder = 'Alasan Transfer',
+  primaryButton,
+  ...props
+}: TransferToLayingConfirmationModalProps) => {
+  const randomId = useId();
+
+  const [notes, setNotes] = useState('');
+
+  const notesChangeHandler: ChangeEventHandler<HTMLTextAreaElement> = (e) => {
+    setNotes(e.target.value);
+  };
+
+  const closeModalHandler = () => {
+    onClose?.();
+    ref.current?.close();
+  };
+
+  return (
+    <ConfirmationModal
+      ref={ref}
+      iconPosition='left'
+      type={type}
+      primaryButton={{
+        ...primaryButton,
+        text: primaryButton?.text ?? 'Oke',
+        color: primaryButton?.color ?? 'primary',
+        className: 'rounded-lg',
+        onClick: () => {
+          if (withNote) {
+            primaryButton?.onClick?.(notes);
+          } else {
+            closeModalHandler();
+          }
+        },
+      }}
+      secondaryButton={{
+        text: 'Cancel',
+        color: 'none',
+        onClick: closeModalHandler,
+      }}
+      className={{
+        modalBox: 'max-h-full',
+      }}
+      {...props}
+    >
+      <div className='flex flex-col gap-4'>
+        {!transferToLayingIds && transferToLayingForm && (
+          <TransferToLayingConfirmationModalTable
+            transferToLayingForm={transferToLayingForm}
+          />
+        )}
+
+        {transferToLayingIds &&
+          !transferToLayingForm &&
+          transferToLayingIds.map((transferToLayingId, idx) => (
+            <TransferToLayingConfirmationModalTable
+              key={idx}
+              transferToLayingId={transferToLayingId}
+            />
+          ))}
+
+        {withNote && (
+          <TextArea
+            name={randomId}
+            label={noteLabel}
+            placeholder={placeholder}
+            value={notes}
+            onChange={notesChangeHandler}
+            rows={rows}
+          />
+        )}
+      </div>
+    </ConfirmationModal>
+  );
+};
+
+export default TransferToLayingConfirmationModal;

From 2be417ac0a32d70b34b47797ab388b5e0e492f4d Mon Sep 17 00:00:00 2001
From: ValdiANS <rvdans002@gmail.com>
Date: Mon, 26 Jan 2026 21:23:55 +0700
Subject: [PATCH 17/21] chore: set error in input and use
 TransferToLayingConfirmationModal component

---
 .../TransferToLayingFormModal.tsx             | 55 ++++++++++++++++---
 1 file changed, 47 insertions(+), 8 deletions(-)

diff --git a/src/components/pages/production/transfer-to-laying/TransferToLayingFormModal.tsx b/src/components/pages/production/transfer-to-laying/TransferToLayingFormModal.tsx
index fa159732..85bb4a3f 100644
--- a/src/components/pages/production/transfer-to-laying/TransferToLayingFormModal.tsx
+++ b/src/components/pages/production/transfer-to-laying/TransferToLayingFormModal.tsx
@@ -7,6 +7,7 @@ import {
   useMemo,
   useState,
 } from 'react';
+import { useRouter, useSearchParams } from 'next/navigation';
 import useSWR, { useSWRConfig } from 'swr';
 import toast from 'react-hot-toast';
 
@@ -19,8 +20,8 @@ import { OptionType, useSelect } from '@/components/input/SelectInput';
 import NumberInput from '@/components/input/NumberInput';
 import TextArea from '@/components/input/TextArea';
 import AlertErrorList from '@/components/helper/form/FormErrors';
+import TransferToLayingConfirmationModal from '@/components/pages/production/transfer-to-laying/TransferToLayingConfirmationModal';
 
-import { useRouter, useSearchParams } from 'next/navigation';
 import { ProjectFlockApi } from '@/services/api/production';
 import { getIn, useFormik } from 'formik';
 import {
@@ -58,8 +59,11 @@ const TransferToLayingFormModal = () => {
   };
 
   const { data: transferToLaying, isLoading: isLoadingTransferToLaying } =
-    useSWR(transferToLayingId ? transferToLayingId : undefined, (id: number) =>
-      TransferToLayingApi.getSingle(id)
+    useSWR(
+      transferToLayingId
+        ? ['detail-transfer-to-laying', transferToLayingId]
+        : undefined,
+      ([, id]) => TransferToLayingApi.getSingle(Number(id))
     );
 
   /**
@@ -71,7 +75,11 @@ const TransferToLayingFormModal = () => {
   const [step, setStep] = useState(1);
 
   const formModal = useModal();
+  const successModal = useModal();
 
+  const [formikLastValues, setFormikLastValues] = useState<
+    TransferToLayingFormValues | undefined
+  >(undefined);
   const [formErrorMessage, setFormErrorMessage] = useState<string | null>(null);
 
   //   Flock Source
@@ -133,6 +141,7 @@ const TransferToLayingFormModal = () => {
       toast.success(createTransferToLayingRes?.message as string);
       router.push('/production/transfer-to-laying');
       closeModalHandler(false);
+      successModal.openModal();
     },
     [router]
   );
@@ -156,6 +165,7 @@ const TransferToLayingFormModal = () => {
       toast.success(updateKandangRes?.message as string);
       router.push('/production/transfer-to-laying');
       closeModalHandler(false);
+      successModal.openModal();
     },
     [router]
   );
@@ -187,6 +197,8 @@ const TransferToLayingFormModal = () => {
         reason: values.reason as string,
       };
 
+      setFormikLastValues(values);
+
       switch (modalAction) {
         case 'add':
           await createTransferToLayingHandler(transferToLayingPayload);
@@ -244,7 +256,7 @@ const TransferToLayingFormModal = () => {
       ? selectedFlockSourceRawData.kandangs.map((kandang) => {
           const availability =
             flockSourceKandangsAvailability[kandang.project_flock_kandang_id]
-              .available_qty;
+              ?.available_qty;
 
           return {
             kandang_name: kandang.name,
@@ -375,6 +387,12 @@ const TransferToLayingFormModal = () => {
         formik.setValues(filledInitialValues);
         setStep(3);
       }
+
+      if (isResponseError(transferToLaying)) {
+        router.push('/production/transfer-to-laying');
+        closeModalHandler();
+        toast.error(transferToLaying.message);
+      }
     };
 
     const getFlockSourceData = async () => {
@@ -437,7 +455,7 @@ const TransferToLayingFormModal = () => {
               <div className='w-px border-none bg-base-content/10' />
 
               <h4 className='text-sm font-medium text-base-content/50'>
-                Add Transfer to Laying
+                {modalAction === 'add' ? 'Add' : 'Edit'} Transfer to Laying
               </h4>
             </div>
 
@@ -771,7 +789,12 @@ const TransferToLayingFormModal = () => {
                     <div className='flex flex-col gap-3'>
                       {formik.values.flockSourceKandangs.map((item, index) => {
                         const isInvalid =
-                          item.quantity === ''
+                          !Boolean(
+                            getIn(
+                              formik.touched,
+                              `flockSourceKandangs[${index}].quantity`
+                            )
+                          ) && item.quantity === ''
                             ? false
                             : Boolean(
                                 getIn(
@@ -833,7 +856,8 @@ const TransferToLayingFormModal = () => {
                           : 'neutral'
                       }
                       text={`Sisa transfer: ${formatNumber(
-                        totalAvailableChickenForTransfer
+                        totalAvailableChickenForTransfer,
+                        'en-US'
                       )} ekor`}
                       className={{
                         badge: 'text-nowrap',
@@ -852,7 +876,12 @@ const TransferToLayingFormModal = () => {
                       {formik.values.flockDestinationKandangs.map(
                         (item, index) => {
                           const isInvalid =
-                            item.quantity === ''
+                            !Boolean(
+                              getIn(
+                                formik.touched,
+                                `flockDestinationKandangs.${index}.quantity`
+                              )
+                            ) && item.quantity === ''
                               ? false
                               : Boolean(
                                   getIn(
@@ -968,6 +997,16 @@ const TransferToLayingFormModal = () => {
           )}
         </form>
       </Modal>
+
+      <TransferToLayingConfirmationModal
+        ref={successModal.ref}
+        type='success'
+        text='Data Berhasil Ditambahkan'
+        subtitleText='Data transfer to laying telah berhasil disimpan.'
+        transferToLayingForm={formikLastValues}
+        onClose={() => setFormikLastValues(undefined)}
+        secondaryButton={undefined}
+      />
     </>
   );
 };

From 273810804d8945934b6c6dbb04abba9f4737103a Mon Sep 17 00:00:00 2001
From: ValdiANS <rvdans002@gmail.com>
Date: Mon, 26 Jan 2026 22:20:03 +0700
Subject: [PATCH 18/21] chore: adjust secondayButton onClick

---
 src/components/modal/ConfirmationModal.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/modal/ConfirmationModal.tsx b/src/components/modal/ConfirmationModal.tsx
index 1486b6d5..89b8fbd9 100644
--- a/src/components/modal/ConfirmationModal.tsx
+++ b/src/components/modal/ConfirmationModal.tsx
@@ -187,7 +187,13 @@ const ConfirmationModal = ({
                     ? secondaryButton?.isLoading
                     : isPrimaryButtonLoading
                 }
-                onClick={closeModalHandler}
+                onClick={(e) => {
+                  if (secondaryButton?.onClick) {
+                    secondaryButton.onClick(e);
+                  } else {
+                    closeModalHandler();
+                  }
+                }}
                 className={cn(
                   'p-2 rounded-xl text-sm',
                   secondaryButton?.className

From 97a753133e8ed1d31f0e22d07bd97bee644527db Mon Sep 17 00:00:00 2001
From: ValdiANS <rvdans002@gmail.com>
Date: Mon, 26 Jan 2026 22:20:19 +0700
Subject: [PATCH 19/21] chore: adjust secondayButton onClick

---
 .../TransferToLayingConfirmationModal.tsx     | 30 +++++++++++++++----
 1 file changed, 24 insertions(+), 6 deletions(-)

diff --git a/src/components/pages/production/transfer-to-laying/TransferToLayingConfirmationModal.tsx b/src/components/pages/production/transfer-to-laying/TransferToLayingConfirmationModal.tsx
index 3cedf839..40c08b01 100644
--- a/src/components/pages/production/transfer-to-laying/TransferToLayingConfirmationModal.tsx
+++ b/src/components/pages/production/transfer-to-laying/TransferToLayingConfirmationModal.tsx
@@ -180,6 +180,7 @@ const TransferToLayingConfirmationModalTable = ({
       expanded={true}
       getSubRows={(row) => row.subRows}
       className={{
+        headerRowClassName: 'border-b border-base-content/10',
         bodyRowClassName: 'border-none',
         bodySubRowClassName: () => 'border-none',
         bodySubRowColumnClassName: () => 'first:p-0',
@@ -199,6 +200,7 @@ const TransferToLayingConfirmationModal = ({
   noteLabel,
   placeholder = 'Alasan Transfer',
   primaryButton,
+  secondaryButton,
   ...props
 }: TransferToLayingConfirmationModalProps) => {
   const randomId = useId();
@@ -224,19 +226,35 @@ const TransferToLayingConfirmationModal = ({
         text: primaryButton?.text ?? 'Oke',
         color: primaryButton?.color ?? 'primary',
         className: 'rounded-lg',
-        onClick: () => {
+        onClick: (e) => {
           if (withNote) {
             primaryButton?.onClick?.(notes);
+          } else if (primaryButton && primaryButton?.onClick) {
+            primaryButton?.onClick?.('');
           } else {
             closeModalHandler();
           }
+
+          setNotes('');
         },
       }}
-      secondaryButton={{
-        text: 'Cancel',
-        color: 'none',
-        onClick: closeModalHandler,
-      }}
+      secondaryButton={
+        secondaryButton
+          ? {
+              text: secondaryButton?.text ?? 'Cancel',
+              color: secondaryButton?.color ?? 'none',
+              onClick: (e) => {
+                if (secondaryButton && secondaryButton?.onClick) {
+                  secondaryButton.onClick?.(e);
+                } else {
+                  closeModalHandler();
+                }
+
+                setNotes('');
+              },
+            }
+          : undefined
+      }
       className={{
         modalBox: 'max-h-full',
       }}

From 4323040bd3a38885a8891a57e5592766117cd918 Mon Sep 17 00:00:00 2001
From: ValdiANS <rvdans002@gmail.com>
Date: Mon, 26 Jan 2026 22:21:11 +0700
Subject: [PATCH 20/21] feat: use TransferToLayingConfirmationModal and remove
 unnecessary code

---
 .../TransferToLayingsTable.tsx                | 123 +++++++++---------
 1 file changed, 62 insertions(+), 61 deletions(-)

diff --git a/src/components/pages/production/transfer-to-laying/TransferToLayingsTable.tsx b/src/components/pages/production/transfer-to-laying/TransferToLayingsTable.tsx
index 63f30109..4cdb4a60 100644
--- a/src/components/pages/production/transfer-to-laying/TransferToLayingsTable.tsx
+++ b/src/components/pages/production/transfer-to-laying/TransferToLayingsTable.tsx
@@ -14,9 +14,7 @@ import { Icon } from '@iconify/react';
 import Table from '@/components/Table';
 import Button from '@/components/Button';
 import { useModal } from '@/components/Modal';
-import ConfirmationModal from '@/components/modal/ConfirmationModal';
 import CheckboxInput from '@/components/input/CheckboxInput';
-import ConfirmationModalWithNotes from '@/components/modal/ConfirmationModalWithNotes';
 import RequirePermission from '@/components/helper/RequirePermission';
 import PopoverButton from '@/components/popover/PopoverButton';
 import Badge from '@/components/Badge';
@@ -24,13 +22,14 @@ import PopoverContent from '@/components/popover/PopoverContent';
 import Dropdown from '@/components/Dropdown';
 import StatusBadge from '@/components/helper/StatusBadge';
 import TransferToLayingFilterModal from '@/components/pages/production/transfer-to-laying/TransferToLayingFilterModal';
+import TransferToLayingConfirmationModal from '@/components/pages/production/transfer-to-laying/TransferToLayingConfirmationModal';
 
 import {
   TransferToLaying,
   TransferToLayingFilter,
 } from '@/types/api/production/transfer-to-laying';
 import { TransferToLayingApi } from '@/services/api/production/transfer-to-laying';
-import { cn, formatDate } from '@/lib/helper';
+import { cn, formatDate, formatNumber } from '@/lib/helper';
 import { isResponseError, isResponseSuccess } from '@/lib/api-helper';
 import { useTableFilter } from '@/services/hooks/useTableFilter';
 import { Color } from '@/types/theme';
@@ -38,14 +37,11 @@ import { Color } from '@/types/theme';
 const RowOptionsMenu = ({
   props,
   popoverPosition = 'bottom',
-  approveClickHandler,
-  rejectClickHandler,
+
   deleteClickHandler,
 }: {
   props: CellContext<TransferToLaying, unknown>;
   popoverPosition: 'bottom' | 'top';
-  approveClickHandler: () => void;
-  rejectClickHandler: () => void;
   deleteClickHandler: () => void;
 }) => {
   const showEditButton =
@@ -54,9 +50,6 @@ const RowOptionsMenu = ({
 
   const showDeleteButton = showEditButton;
 
-  // const showApproveButton = showEditButton;
-  // const showRejectButton = showEditButton;
-
   const popoverId = `transferToLaying#${props.row.original.id}`;
   const popoverAnchorName = `--anchor-transferToLaying#${props.row.original.id}`;
 
@@ -260,7 +253,14 @@ const TransferToLayingsTable = () => {
     {
       accessorKey: 'usage_qty',
       header: 'Kuantitas',
-      cell: (props) => props.getValue() ?? props.row.original.pending_usage_qty,
+      cell: (props) => {
+        const totalQuantity = props.row.original.targets.reduce(
+          (total, target) => total + target.qty,
+          0
+        );
+
+        return formatNumber(totalQuantity, 'en-US');
+      },
     },
     {
       accessorKey: 'notes',
@@ -304,38 +304,20 @@ const TransferToLayingsTable = () => {
 
         const isLast2Rows = currentRowRelativeIndex > currentPageSize - 2;
 
-        const approveClickHandler = () => {
-          setSelectedTransferToLaying(props.row.original);
-
-          // Set row selection
-          setRowSelection({
-            [String(props.row.original.id)]: true,
-          });
-
-          approveModal.openModal();
-        };
-
-        const rejectClickHandler = () => {
-          setSelectedTransferToLaying(props.row.original);
-
-          // Set row selection
-          setRowSelection({
-            [String(props.row.original.id)]: true,
-          });
-
-          rejectModal.openModal();
-        };
-
         const deleteClickHandler = () => {
           setSelectedTransferToLaying(props.row.original);
+
+          // Set row selection
+          setRowSelection({
+            [String(props.row.original.id)]: true,
+          });
+
           deleteModal.openModal();
         };
 
         return (
           <RowOptionsMenu
             props={props}
-            approveClickHandler={approveClickHandler}
-            rejectClickHandler={rejectClickHandler}
             deleteClickHandler={deleteClickHandler}
             popoverPosition={isLast2Rows ? 'top' : 'bottom'}
           />
@@ -377,6 +359,8 @@ const TransferToLayingsTable = () => {
 
     refreshTransferToLayings();
 
+    setRowSelection({});
+    setSelectedTransferToLaying(undefined);
     deleteModal.closeModal();
     toast.success('Berhasil menghapus data transfer ke laying!');
     setIsDeleteLoading(false);
@@ -646,53 +630,70 @@ const TransferToLayingsTable = () => {
         onReset={filterResetHandler}
       />
 
-      <ConfirmationModal
+      <TransferToLayingConfirmationModal
         ref={deleteModal.ref}
-        iconPosition='left'
         type='error'
         text='Delete This Data?'
         subtitleText='Are you sure you want to delete this data? '
+        transferToLayingIds={selectedRowIds}
+        primaryButton={{
+          isLoading: isDeleteLoading,
+          color: 'error',
+          onClick: confirmationModalDeleteClickHandler,
+        }}
         secondaryButton={{
           text: 'Cancel',
-        }}
-        primaryButton={{
-          text: 'Delete',
-          color: 'error',
-          isLoading: isDeleteLoading,
-          onClick: confirmationModalDeleteClickHandler,
+          color: 'none',
+          onClick: () => {
+            setRowSelection({});
+            deleteModal.closeModal();
+          },
         }}
       />
 
-      <ConfirmationModalWithNotes
+      {/* Approve Modal */}
+      <TransferToLayingConfirmationModal
         ref={approveModal.ref}
-        type='success'
-        iconPosition='left'
         text='Approve This Submission?'
         subtitleText='Are you sure you want to approve this submission?'
-        secondaryButton={{
-          text: 'Cancel',
-        }}
+        type='success'
+        transferToLayingIds={selectedRowIds}
+        withNote
+        noteLabel='Notes Approval'
         primaryButton={{
-          text: 'Approve',
-          color: 'success',
           isLoading: isApproveLoading,
           onClick: confirmationModalApproveClickHandler,
         }}
-      />
-
-      <ConfirmationModalWithNotes
-        ref={rejectModal.ref}
-        type='error'
-        iconPosition='left'
-        text='Reject This Submission?'
-        subtitleText='Are you sure you want to reject this submission?'
         secondaryButton={{
           text: 'Cancel',
+          color: 'none',
+          onClick: () => {
+            setRowSelection({});
+            approveModal.closeModal();
+          },
+        }}
+      />
+
+      {/* Reject Modal */}
+      <TransferToLayingConfirmationModal
+        ref={rejectModal.ref}
+        type='error'
+        text='Reject This Submission?'
+        subtitleText='Are you sure you want to reject this submission?'
+        transferToLayingIds={selectedRowIds}
+        withNote
+        noteLabel='Notes Reject'
+        secondaryButton={{
+          text: 'Cancel',
+          color: 'none',
+          onClick: () => {
+            setRowSelection({});
+            rejectModal.closeModal();
+          },
         }}
         primaryButton={{
-          text: 'Reject',
-          color: 'error',
           isLoading: isRejectLoading,
+          color: 'error',
           onClick: confirmationModalRejectClickHandler,
         }}
       />

From 163d225dba7a415ff9e87acdaeeaaa7b68371ac1 Mon Sep 17 00:00:00 2001
From: ValdiANS <rvdans002@gmail.com>
Date: Mon, 26 Jan 2026 22:28:49 +0700
Subject: [PATCH 21/21] fix: set limit to 100 when fetching phase activities

---
 .../components/pages/daily-checklist/DailyChecklistContent.tsx   | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/figma-make/components/pages/daily-checklist/DailyChecklistContent.tsx b/src/figma-make/components/pages/daily-checklist/DailyChecklistContent.tsx
index 9b2b6bf2..43a913ed 100644
--- a/src/figma-make/components/pages/daily-checklist/DailyChecklistContent.tsx
+++ b/src/figma-make/components/pages/daily-checklist/DailyChecklistContent.tsx
@@ -312,6 +312,7 @@ export function DailyChecklistContent() {
       try {
         const activitiesRes = await PhaseActivityApi.getAll({
           phase_ids: selectedPhaseIds.join(','),
+          limit: '100',
         });
 
         if (isResponseError(activitiesRes)) {