From 27f55ef18ec247a2560b9d068c80ad4f64318bd6 Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Sun, 5 Jul 2026 02:08:29 +0700
Subject: [PATCH] feat: enhance cutting results display in Share.vue and
 CuttingPosResultSummaryItems.vue; restructure results section for better
 clarity and add computed logic for cutting result calculations

---
 .../form/CuttingPosResultSummaryItems.vue     | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/resources/js/pages/admin/manage/cuttings/form/CuttingPosResultSummaryItems.vue b/resources/js/pages/admin/manage/cuttings/form/CuttingPosResultSummaryItems.vue
index afff01f..3961659 100644
--- a/resources/js/pages/admin/manage/cuttings/form/CuttingPosResultSummaryItems.vue
+++ b/resources/js/pages/admin/manage/cuttings/form/CuttingPosResultSummaryItems.vue
@@ -58,26 +58,27 @@ const emit = defineEmits<{
                 </div>
 
                 <div v-if="!isCreateMode" class="grid grid-cols-3 gap-2">
-                    <Field :data-invalid="formErrors(form, `results.${index}.cutting_result`).length > 0 ? 'true' : undefined">
-                        <FieldLabel class="text-xs">Hasil</FieldLabel>
-                        <NumberInput v-model="item.cutting_result" class="h-8"
-                            :aria-invalid="formErrors(form, `results.${index}.cutting_result`).length > 0"
-                            @change="emit('sync-totals', item); emit('sync-field', index)" />
-                        <FieldError :errors="formErrors(form, `results.${index}.cutting_result`)" class="text-[10px] mt-0.5 leading-tight" />
-                    </Field>
                     <Field :data-invalid="formErrors(form, `results.${index}.sample`).length > 0 ? 'true' : undefined">
                         <FieldLabel class="text-xs">Sample</FieldLabel>
                         <NumberInput v-model="item.sample" class="h-8"
                             :aria-invalid="formErrors(form, `results.${index}.sample`).length > 0"
-                            @change="emit('sync-totals', item); emit('sync-field', index)" />
+                            @change="item.cutting_result = String((Number(item.sample) || 0) + (Number(item.original_outside_sample) || 0)); emit('sync-field', index)" />
                         <FieldError :errors="formErrors(form, `results.${index}.sample`)" class="text-[10px] mt-0.5 leading-tight" />
                     </Field>
                     <Field :data-invalid="formErrors(form, `results.${index}.original_outside_sample`).length > 0 ? 'true' : undefined">
                         <FieldLabel class="text-xs">Diluar Sample</FieldLabel>
                         <NumberInput v-model="item.original_outside_sample" class="h-8"
-                            :aria-invalid="formErrors(form, `results.${index}.original_outside_sample`).length > 0" />
+                            :aria-invalid="formErrors(form, `results.${index}.original_outside_sample`).length > 0"
+                            @change="item.cutting_result = String((Number(item.sample) || 0) + (Number(item.original_outside_sample) || 0)); emit('sync-field', index)" />
                         <FieldError :errors="formErrors(form, `results.${index}.original_outside_sample`)" class="text-[10px] mt-0.5 leading-tight" />
                     </Field>
+                    <Field :data-invalid="formErrors(form, `results.${index}.cutting_result`).length > 0 ? 'true' : undefined">
+                        <FieldLabel class="text-xs">Hasil</FieldLabel>
+                        <NumberInput v-model="item.cutting_result" class="h-8"
+                            :aria-invalid="formErrors(form, `results.${index}.cutting_result`).length > 0"
+                            @change="item.original_outside_sample = String(Math.max((Number(item.cutting_result) || 0) - (Number(item.sample) || 0), 0)); emit('sync-field', index)" />
+                        <FieldError :errors="formErrors(form, `results.${index}.cutting_result`)" class="text-[10px] mt-0.5 leading-tight" />
+                    </Field>
                 </div>
             </div>
         </div>