From 40b1254518c1c292f7da850070a2e26867b3195b Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Sun, 5 Jul 2026 16:03:50 +0700
Subject: [PATCH] refactor: update CuttingGroupedTable component to display
 item indices alongside material variants for improved clarity in grouped
 results

---
 .../admin/manage/cuttings/table/CuttingGroupedTable.vue   | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/resources/js/pages/admin/manage/cuttings/table/CuttingGroupedTable.vue b/resources/js/pages/admin/manage/cuttings/table/CuttingGroupedTable.vue
index 8fc5969..5fff3fc 100644
--- a/resources/js/pages/admin/manage/cuttings/table/CuttingGroupedTable.vue
+++ b/resources/js/pages/admin/manage/cuttings/table/CuttingGroupedTable.vue
@@ -260,9 +260,9 @@ function getGroupedResults(results: any[]): GroupedCuttingResults[] {
                                                 </template>
                                             </TableCell>
                                         </TableRow>
-                                        <TableRow v-for="material in group.items" :key="material.id">
+                                        <TableRow v-for="(material, index) in group.items" :key="material.id">
                                             <TableCell class="pl-6 font-medium">
-                                                {{ material.variant }}
+                                                {{ index + 1 }}. {{ material.variant }}
                                             </TableCell>
                                             <TableCell>
                                                 <MediaThumbnailCell :items="material.images ?? []
@@ -318,9 +318,9 @@ function getGroupedResults(results: any[]): GroupedCuttingResults[] {
                                                 {{ group.productName }}
                                             </TableCell>
                                         </TableRow>
-                                        <TableRow v-for="result in group.items" :key="result.id">
+                                        <TableRow v-for="(result, index) in group.items" :key="result.id">
                                             <TableCell class="pl-6 font-medium">
-                                                {{
+                                                {{ index + 1 }}. {{
                                                     result.product_variant?.name
                                                 }}
                                             </TableCell>