From 68f9e27b5f2c930709783006bbba233fa3f329b4 Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Thu, 15 Jan 2026 15:48:18 +0700
Subject: [PATCH] refactor(FE): Reorder fields in RecordingForm

---
 .../recording/form/RecordingForm.tsx          | 198 +++++++++---------
 1 file changed, 99 insertions(+), 99 deletions(-)

diff --git a/src/components/pages/production/recording/form/RecordingForm.tsx b/src/components/pages/production/recording/form/RecordingForm.tsx
index 13267c22..a644734e 100644
--- a/src/components/pages/production/recording/form/RecordingForm.tsx
+++ b/src/components/pages/production/recording/form/RecordingForm.tsx
@@ -1468,6 +1468,105 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
                 }}
               >
                 <div className='grid grid-cols-3 gap-4'>
+                  <div>
+                    <span className='text-sm text-gray-600'>Lokasi</span>
+                    <p className='font-semibold'>
+                      {projectFlockKandangLookup?.project_flock?.location
+                        ?.name ||
+                        projectFlockKandangDetail?.project_flock?.location
+                          ?.name ||
+                        '-'}
+                    </p>
+                  </div>
+                  <div>
+                    <span className='text-sm text-gray-600'>Project Flock</span>
+                    <p className='font-semibold'>
+                      {projectFlockKandangLookup?.project_flock?.flock_name ||
+                        projectFlockKandangDetail?.project_flock?.flock_name ||
+                        '-'}
+                    </p>
+                  </div>
+                  <div>
+                    <span className='text-sm text-gray-600'>Kandang</span>
+                    <p className='font-semibold'>
+                      {projectFlockKandangLookup?.kandang?.name ||
+                        projectFlockKandangDetail?.kandang?.name ||
+                        '-'}
+                    </p>
+                  </div>
+                  <div>
+                    <span className='text-sm text-gray-600'>Kategori</span>
+                    <p className='font-semibold'>
+                      <Badge
+                        variant='soft'
+                        color={
+                          initialValues.project_flock
+                            ?.project_flock_category === 'LAYING'
+                            ? 'info'
+                            : 'warning'
+                        }
+                        size='sm'
+                      >
+                        {initialValues.project_flock?.project_flock_category}
+                      </Badge>
+                    </p>
+                  </div>
+                  <div>
+                    <span className='text-sm text-gray-600'>Gudang</span>
+                    <p className='font-semibold'>
+                      {initialValues.warehouse?.name || '-'}
+                    </p>
+                  </div>
+                  <div>
+                    <span className='text-sm text-gray-600'>
+                      Jumlah Ayam Saat Ini
+                    </span>
+                    <p className='font-semibold'>
+                      {initialValues.project_flock?.total_chick_qty
+                        ? formatNumber(
+                            initialValues.project_flock.total_chick_qty
+                          )
+                        : '-'}
+                    </p>
+                  </div>
+                  <div>
+                    <span className='text-sm text-gray-600'>Periode</span>
+                    <p className='font-semibold'>
+                      <Badge
+                        variant='soft'
+                        color='neutral'
+                        size='sm'
+                        className={{
+                          badge: 'whitespace-nowrap font-semibold text-xs px-2',
+                        }}
+                      >
+                        Periode{' '}
+                        {projectFlockKandangLookup?.project_flock?.period ||
+                          projectFlockKandangDetail?.project_flock?.period ||
+                          '-'}
+                      </Badge>
+                    </p>
+                  </div>
+                  <div>
+                    <span className='text-sm text-gray-600'>
+                      Tanggal Recording
+                    </span>
+                    <p className='font-semibold'>
+                      {formatDate(
+                        initialValues.record_datetime || '',
+                        'DD MMMM YYYY'
+                      )}
+                    </p>
+                  </div>
+                  <div>
+                    <span className='text-sm text-gray-600'>Hari</span>
+                    <p className='font-semibold'>
+                      Hari ke-{initialValues.day} (Minggu ke-
+                      {initialValues.project_flock?.production_standart?.week ||
+                        '-'}
+                      )
+                    </p>
+                  </div>
                   {initialValues.approval && (
                     <div>
                       <span className='text-sm text-gray-600'>
@@ -1518,105 +1617,6 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
                       </div>
                     </div>
                   )}
-                  <div>
-                    <span className='text-sm text-gray-600'>Lokasi</span>
-                    <p className='font-semibold'>
-                      {projectFlockKandangLookup?.project_flock?.location
-                        ?.name ||
-                        projectFlockKandangDetail?.project_flock?.location
-                          ?.name ||
-                        '-'}
-                    </p>
-                  </div>
-                  <div>
-                    <span className='text-sm text-gray-600'>Project Flock</span>
-                    <p className='font-semibold'>
-                      {projectFlockKandangLookup?.project_flock?.flock_name ||
-                        projectFlockKandangDetail?.project_flock?.flock_name ||
-                        '-'}
-                    </p>
-                  </div>
-                  <div>
-                    <span className='text-sm text-gray-600'>Kandang</span>
-                    <p className='font-semibold'>
-                      {projectFlockKandangLookup?.kandang?.name ||
-                        projectFlockKandangDetail?.kandang?.name ||
-                        '-'}
-                    </p>
-                  </div>
-                  <div>
-                    <span className='text-sm text-gray-600'>
-                      Tanggal Recording
-                    </span>
-                    <p className='font-semibold'>
-                      {formatDate(
-                        initialValues.record_datetime || '',
-                        'DD MMMM YYYY'
-                      )}
-                    </p>
-                  </div>
-                  <div>
-                    <span className='text-sm text-gray-600'>
-                      Jumlah Ayam Saat Ini
-                    </span>
-                    <p className='font-semibold'>
-                      {initialValues.project_flock?.total_chick_qty
-                        ? formatNumber(
-                            initialValues.project_flock.total_chick_qty
-                          )
-                        : '-'}
-                    </p>
-                  </div>
-                  <div>
-                    <span className='text-sm text-gray-600'>Gudang</span>
-                    <p className='font-semibold'>
-                      {initialValues.warehouse?.name || '-'}
-                    </p>
-                  </div>
-                  <div>
-                    <span className='text-sm text-gray-600'>Hari</span>
-                    <p className='font-semibold'>
-                      Hari ke-{initialValues.day} (Minggu ke-
-                      {initialValues.project_flock?.production_standart?.week ||
-                        '-'}
-                      )
-                    </p>
-                  </div>
-                  <div>
-                    <span className='text-sm text-gray-600'>Kategori</span>
-                    <p className='font-semibold'>
-                      <Badge
-                        variant='soft'
-                        color={
-                          initialValues.project_flock
-                            ?.project_flock_category === 'LAYING'
-                            ? 'info'
-                            : 'warning'
-                        }
-                        size='sm'
-                      >
-                        {initialValues.project_flock?.project_flock_category}
-                      </Badge>
-                    </p>
-                  </div>
-                  <div>
-                    <span className='text-sm text-gray-600'>Periode</span>
-                    <p className='font-semibold'>
-                      <Badge
-                        variant='soft'
-                        color='neutral'
-                        size='sm'
-                        className={{
-                          badge: 'whitespace-nowrap font-semibold text-xs px-2',
-                        }}
-                      >
-                        Periode{' '}
-                        {projectFlockKandangLookup?.project_flock?.period ||
-                          projectFlockKandangDetail?.project_flock?.period ||
-                          '-'}
-                      </Badge>
-                    </p>
-                  </div>
                   <div>
                     <span className='text-sm text-gray-600'>Standard FCR</span>
                     <div className='mt-1'>