fix: purchase master

app/Http/Controllers/PurchaseController.php

 use App\Models\Ppn;
 use App\Models\Product;
 use App\Models\Purchase;
+use App\Models\PurchaseDetail;
 use App\Models\StockProduct;
 use App\Models\Supplier;
 use App\Services\HelperService;
             "products" => Inertia::lazy(
                 fn() => Product::filter(["search" => request("product")])->get()
             ),
+            "historyProductPurchase" => Inertia::lazy(
+                fn() => PurchaseDetail::historyProductPurchase(
+                    request()->only("productNumber", "supplierId")
+                )->first()
+            ),
         ]);
     }
 

app/Models/PurchaseDetail.php

 
 namespace App\Models;
 
-use App\Services\HelperService;
-use Illuminate\Database\Eloquent\Casts\Attribute;
 use Illuminate\Database\Eloquent\Factories\HasFactory;
 use Illuminate\Database\Eloquent\Model;
 
     {
         return $this->belongsTo(Product::class, "product_number", "number");
     }
+
+    public function supplier()
+    {
+        return $this->hasOneThrough(
+            Supplier::class,
+            Purchase::class,
+            "number",
+            "id",
+            "purchase_number",
+            "supplier_id"
+        );
+    }
+
+    public function scopeHistoryProductPurchase($query, array $filters)
+    {
+        $query
+            ->when($filters["productNumber"] ?? null, function (
+                $query,
+                $search
+            ) {
+                $query->whereRelation("product", "number", $search);
+            })
+            ->when($filters["supplierId"] ?? null, function ($query, $search) {
+                $query->whereHas("supplier");
+            });
+    }
 }

resources/js/pages/Purchases/Create.vue

 <script setup>
+import { watch, computed } from 'vue'
+import { Inertia } from '@inertiajs/inertia'
 import { optionStatus } from './config'
 import { cartTable } from './config'
 import Details from './Components/Details.vue'
 import AppDropdown from '@/components/AppDropdown.vue'
 import AppAutoComplete from '@/components/AppAutoComplete.vue'
 import DashboardLayout from '@/layouts/Dashboard/DashboardLayout.vue'
-import { computed } from '@vue/reactivity'
 
 const props = defineProps({
   number: String,
     type: Array,
     default: [],
   },
+  historyProductPurchase: Object,
 })
 
 const form = useForm({
   return optionStatus.filter((val) => val.value != 'success')
 })
 
+watch(
+  () => form.product,
+  () => {
+    if (form.product.id) {
+      Inertia.reload({
+        data: {
+          productNumber: form.product.number,
+          supplierId: form.supplier.id,
+        },
+        only: ['historyProductPurchase'],
+      })
+    }
+  }
+)
+
+const historyProductPrice = computed(() => {
+  return props.historyProductPurchase?.price
+})
+
 const {
   productCart,
   onClearProductCart,
                     />
                   </div>
 
+                  <div class="col-12 md:col-6">
+                    <AppInputNumber
+                      disabled
+                      label="Harga Sebelumya"
+                      placeholder="harga sebelumnya"
+                      v-model="historyProductPrice"
+                    />
+                  </div>
+
+                  <Divider type="dashed" />
+
                   <div class="col-12 md:col-6">
                     <AppInputNumber
                       :disabled="!form.supplier?.id"