feat: stock_product master

app/Http/Controllers/StockProductController.php

 namespace App\Http\Controllers;
 
 use App\Models\StockProduct;
+use App\Services\HelperService;
 use Illuminate\Http\Request;
 
 class StockProductController extends Controller
      */
     public function index()
     {
-        return inertia("StockProducts/Index");
+        return inertia("StockProducts/Index", [
+            "initialSearch" => request("search"),
+            "stockProducts" => StockProduct::filter(request()->only("search"))
+                ->latest()
+                ->paginate(10)
+                ->withQueryString()
+                ->through(
+                    fn($stockProduct) => [
+                        "id" => $stockProduct->id,
+                        "updatedAt" => $stockProduct->updated_at,
+                        "name" => $stockProduct->product->name,
+                        "price" => HelperService::setRupiahFormat(
+                            $stockProduct->price
+                        ),
+                        "qty" => $stockProduct->qty,
+                        "unit" => $stockProduct->product->unit,
+                    ]
+                ),
+        ]);
     }
 
     /**

app/Models/StockProduct.php

 
 use App\Models\Ppn;
 use App\Services\HelperService;
+use Carbon\Carbon;
 use Illuminate\Database\Eloquent\Model;
 use Illuminate\Database\Eloquent\Casts\Attribute;
 use Illuminate\Database\Eloquent\Factories\HasFactory;
 
     protected $fillable = ["price", "qty", "ppn", "product_number"];
 
+    protected function updatedAt(): Attribute
+    {
+        return Attribute::make(
+            get: fn($value) => Carbon::parse($value)->translatedFormat(
+                "l d/m/y"
+            )
+        );
+    }
+
     protected function price(): Attribute
     {
         return Attribute::make(
 
     public function scopeFilter($query, array $filters)
     {
-        $query->when($filters["search"] ?? null, function ($query, $search) {
-            $query
-                ->whereHas("product", function ($query) use ($search) {
+        $query
+            ->when($filters["search"] ?? null, function ($query, $search) {
+                $query->whereHas("product", function ($query) use ($search) {
                     $query
                         ->where("number", "like", "%" . $search . "%")
                         ->orWhere("name", "like", "%" . $search . "%");
-                })
-                ->where("qty", ">", 0);
-        });
+                });
+            })
+            ->where("qty", ">", 0);
     }
 }

resources/js/pages/Sales/Index.vue

 <template>
   <DashboardLayout title="Daftar Penjualan">
     <DataTable
-      responsiveLayout="scroll"
-      columnResizeMode="expand"
+      responsive-layout="scroll"
+      column-resize-mode="expand"
       :value="sales.data"
       :rowHover="true"
       :stripedRows="true"

resources/js/pages/StockProducts/Index.vue

 <script setup>
+import { indexTable } from './config'
+import AppSearch from '@/components/AppSearch.vue'
+import AppPagination from '@/components/AppPagination.vue'
 import DashboardLayout from '@/layouts/Dashboard/DashboardLayout.vue'
+
+defineProps({
+  stockProducts: Object,
+  initialSearch: String,
+})
 </script>
 
 <template>
   <DashboardLayout title="Daftar Stok Barang">
-    <h1>Soon</h1>
+    <DataTable
+      responsive-layout="scroll"
+      column-resize-mode="expand"
+      :value="stockProducts.data"
+      :rowHover="true"
+      :stripedRows="true"
+    >
+      <template #header>
+        <h1>Stok Produk</h1>
+
+        <AppSearch
+          class="w-full md:w-27rem"
+          placeholder="nama"
+          url="/stock-products"
+          :initial-search="initialSearch"
+        />
+      </template>
+
+      <Column
+        v-for="value in indexTable"
+        :field="value.field"
+        :header="value.header"
+        :key="value.field"
+      />
+    </DataTable>
+
+    <AppPagination :links="stockProducts.links" />
   </DashboardLayout>
 </template>

resources/js/pages/StockProducts/config.js

+export const indexTable = [
+  { field: 'updatedAt', header: 'Terakhir Diperbaharui' },
+  { field: 'name', header: 'Nama Produk' },
+  { field: 'price', header: 'Harga' },
+  { field: 'qty', header: 'Kuantitas' },
+  { field: 'unit', header: 'Satuan' },
+]