fix: purchase master

app/Http/Controllers/PurchaseController.php

                     "qty" => $product["qty"],
                 ];
 
-                if (empty($product["id"])) {
-                    $purchase->purchaseDetail()->create($validated);
-                } else {
-                    $purchase->purchaseDetail
-                        ->find($product["id"])
-                        ->update($validated);
+                if (!empty($product["label"])) {
+                    if ($product["label"] == "add") {
+                        $purchase->purchaseDetail()->create($validated);
+                    }
+
+                    if ($product["label"] == "edit") {
+                        $purchase->purchaseDetail
+                            ->find($product["id"])
+                            ->update($validated);
+                    }
+
+                    if ($product["label"] == "delete") {
+                        $purchase->purchaseDetail
+                            ->find($product["id"])
+                            ->delete();
+                    }
                 }
 
-                $validated = [
-                    "purchase_number" => $purchase->number,
-                    "qty" => $product["qty"],
-                    "product_number" => $product["number"],
-                ];
+                if ($request->status == "success") {
+                    $validated = [
+                        "purchase_number" => $purchase->number,
+                        "qty" => $product["qty"],
+                        "product_number" => $product["number"],
+                    ];
 
-                if ($request->status === "success") {
                     StockProduct::create($validated);
                 }
             }

app/Http/Controllers/SalesController.php

 
             $sale->saleDetail()->update($request->safe()->except("status"));
 
-            if ($request->status === "success") {
+            if ($request->status == "success") {
                 StockProduct::create([
                     "sale_number" => $sale->number,
                     "qty" => -$request->qty,

resources/js/pages/Purchases/Components/Cart.vue

     required: true,
     type: Array,
   },
-  valueTable: {
+  productCart: {
     required: true,
     type: Array,
   },
     columnResizeMode="expand"
     edit-mode="row"
     data-key="number"
-    :value="valueTable"
+    :value="productCart"
     :rowHover="true"
     :stripedRows="true"
     v-model:editing-rows="editingRows"
       :header="value.header"
     >
       <template #body="{ data, field }">
-        <template v-if="field === 'price'">
+        <template v-if="field == 'price'">
           {{ IDRCurrencyFormat(data[field]) }}
         </template>
 
 
       <template #editor="{ data, field }">
         <AppInputNumber
-          v-if="field === 'price'"
+          v-if="field == 'price'"
           label="Harga"
           placeholder="harga"
           v-model="data[field]"
         />
 
         <AppInputText
-          v-if="field === 'qty'"
+          v-if="field == 'qty'"
           label="Kuantitas"
           placeholder="kuantitas"
           type="number"

resources/js/pages/Purchases/Composables/useProductCart.js

-import FormValidationError from '@/utils/FormValidationError'
 import { reactive } from 'vue'
+import FormValidationError from '@/utils/FormValidationError'
 
 export function useProductCart(form, initialProducts = []) {
   const productCart = reactive(initialProducts)
 
+  const productCartDeleted = reactive([])
+
   const productValidation = () => {
     const existProduct = productCart.find(
       (product) => product.number === form.product.number
       productValidation()
 
       productCart.push({
+        label: 'add',
         number: form.product.number,
         name: form.product.name,
         price: form.price,
   }
 
   const onDeleteProduct = (index) => {
+    if (productCart[index]?.id) {
+      productCartDeleted.push({
+        ...productCart[index],
+        label: 'delete',
+      })
+    }
+
     productCart.splice(index, 1)
   }
 
   const onEditProduct = (event) => {
     const { newData, index } = event
 
-    productCart[index] = newData
+    productCart[index] = {
+      ...newData,
+      label: 'edit',
+    }
   }
 
   return {
     productCart,
+    productCartDeleted,
     onAddProduct,
     onDeleteProduct,
     onEditProduct,

resources/js/pages/Purchases/Create.vue

           <div class="col-12">
             <Cart
               title="Keranjang Produk"
-              :value-table="productCart"
+              :product-cart="productCart"
               :header-table="cartTable"
               v-model:checked-ppn="form.checkedPpn"
               @delete="onDeleteProduct"

resources/js/pages/Purchases/Edit.vue

     .transform((data) => ({
       status: data.status,
       ppn: data.checkedPpn,
-      products: productCart,
+      products: [...productCart, ...productCartDeleted],
     }))
     .put(route('purchases.update', props.id))
 }
 
 const {
   productCart,
+  productCartDeleted,
   onAddProduct,
   onDeleteProduct,
   onEditProduct,
           <div class="col-12">
             <Cart
               title="Keranjang Produk"
-              :value-table="productCart"
+              :product-cart="productCart"
               :header-table="cartTable"
               v-model:checked-ppn="form.checkedPpn"
               @delete="onDeleteProduct"

resources/js/pages/Sales/Components/Cart.vue

       :key="value.field"
     >
       <template #body="{ data, field }">
-        <template v-if="field === 'price'">
+        <template v-if="field == 'price'">
           {{ IDRCurrencyFormat(data[field]) }}
         </template>