From db5adacdeaadc59267fd83f3978bfb5beba8320e Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Fri, 19 Jun 2026 22:16:03 +0700
Subject: [PATCH] feat: add total stock and total price display for raw
 materials in RawMaterialGroupedTable.vue, enhancing material overview for
 users

---
 .../raw-materials/RawMaterialGroupedTable.vue      | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/resources/js/components/admin/master/raw-materials/RawMaterialGroupedTable.vue b/resources/js/components/admin/master/raw-materials/RawMaterialGroupedTable.vue
index 7ab1f1c..9c95a46 100644
--- a/resources/js/components/admin/master/raw-materials/RawMaterialGroupedTable.vue
+++ b/resources/js/components/admin/master/raw-materials/RawMaterialGroupedTable.vue
@@ -21,6 +21,7 @@ import {
     TableHeader,
     TableRow,
 } from '@/components/ui/table';
+import { formatRupiah } from '@/lib/rupiah';
 import type {
     DataTableFilterDef,
     DataTablePagination,
@@ -87,6 +88,19 @@ function rowNumber(index: number): number {
                                     {{ material.unit_label }}
                                 </Badge>
                             </div>
+                            <div class="flex flex-wrap items-center gap-2">
+                                <p class="text-xs text-muted-foreground">
+                                    <strong>Total stok:</strong> {{material.prices.reduce((acc, price) => acc +
+                                        Number(price.stock), 0)
+                                    }}
+                                    {{ material.unit_abbreviation }}
+                                </p>
+                                <p class="text-xs text-muted-foreground">
+                                    <strong>Total harga:</strong> Rp {{formatRupiah(material.prices.reduce((acc, price) => acc +
+                                        Number(price.stock) * Number(price.price), 0))
+                                    }}
+                                </p>
+                            </div>
                         </div>
                     </div>