fix: purchase master

app/Http/Controllers/PurchaseController.php

      */
     public function show(Purchase $purchase)
     {
-        //
+        return inertia("Purchases/Show", [
+            "id" => $purchase->id,
+            "number" => $purchase->number,
+            "ppn" => Ppn::first()->ppn,
+            "status" => $purchase->status,
+            "ppnChecked" => $purchase->ppn ? true : false,
+            "purchaseDetail" => $purchase->purchaseDetail->transform(
+                fn($purchase) => [
+                    "id" => $purchase->id,
+                    "number" => $purchase->product_number,
+                    "name" => $purchase->product->name,
+                    "price" => $purchase->price,
+                    "qty" => $purchase->qty,
+                    "unit" => $purchase->product->unit,
+                ]
+            ),
+        ]);
     }
 
     /**

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

     required: true,
     type: Array,
   },
+  btnEditShow: {
+    default: true,
+    type: Boolean,
+  },
+  btnDeleteShow: {
+    default: true,
+    type: Boolean,
+  },
+  btnPpnDisabled: {
+    default: false,
+    type: Boolean,
+  },
   checkedPpn: Boolean,
 })
 
         <input
           type="checkbox"
           id="ppn"
+          :disabled="btnPpnDisabled"
           :checked="checkedPpn"
           @input="$emit('update:checkedPpn', $event.target.checked)"
         />
       </template>
     </Column>
 
-    <Column :row-editor="true" />
+    <Column v-if="btnEditShow" :row-editor="true" />
 
     <Column>
       <template #body="{ index }">
         <Button
+          v-if="btnDeleteShow"
           icon="pi pi-trash"
           class="p-button-icon-only p-button-rounded p-button-text"
           v-tooltip.bottom="'hapus'"

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

 
   const onClearProductCartDelete = () => {
     productCartDeleted.splice(0)
-
-    console.info('this is running')
   }
 
   const totalProductPrice = () => {

resources/js/pages/Purchases/Create.vue

         <div class="grid">
           <div class="col-12">
             <Card>
-              <template #title> Penjual </template>
+              <template #title> Transaksi </template>
               <template #content>
                 <div class="grid">
                   <div class="col-12 md:col-6">

resources/js/pages/Purchases/Edit.vue

         <div class="grid">
           <div class="col-12">
             <Card>
-              <template #title> Penjual </template>
+              <template #title> Transaksi </template>
               <template #content>
                 <div class="grid">
                   <div class="col-12 md:col-6">

resources/js/pages/Purchases/Index.vue

       <Column>
         <template #body="{ data }">
           <AppButtonLink
+            v-if="data.status == 'pending'"
             icon="pi pi-pencil"
             class="p-button-icon-only p-button-rounded p-button-text"
             v-tooltip.bottom="'Ubah Pembelian'"
             :href="route('purchases.edit', data.id)"
           />
+
+          <AppButtonLink
+            v-else
+            icon="pi pi-eye"
+            class="p-button-icon-only p-button-rounded p-button-text"
+            v-tooltip.bottom="'Lihat Pembelian'"
+            :href="route('purchases.show', data.id)"
+          />
         </template>
       </Column>
     </DataTable>

resources/js/pages/Purchases/Show.vue

+<script setup>
+import { useForm } from '@/composables/useForm'
+import { IDRCurrencyFormat } from '@/utils/currencyFormat'
+import { cartTable } from './config'
+import Cart from './Components/Cart.vue'
+import { useProductCart } from './Composables/useProductCart'
+import DashboardLayout from '@/layouts/Dashboard/DashboardLayout.vue'
+
+const props = defineProps({
+  number: String,
+  ppn: Number,
+  status: String,
+  ppnChecked: Boolean,
+  supplier: Object,
+  purchaseDetail: Array,
+})
+
+const form = useForm({
+  status: props.status,
+  supplier: props.supplier,
+  ppn: props.ppn,
+  checkedPpn: props.ppnChecked,
+})
+
+const { productCart, onDeleteProduct, onEditProduct, totalProductPrice } =
+  useProductCart(form, props.purchaseDetail)
+</script>
+
+<template>
+  <DashboardLayout title="Lihat Pembelian">
+    <DynamicDialog />
+
+    <div class="grid">
+      <div class="col-12 md:col-8">
+        <div class="grid">
+          <div class="col-12">
+            <Card>
+              <template #title>
+                <h2 class="text-2xl font-bold">Detail Pembelian</h2>
+              </template>
+              <template #content>
+                <div class="grid">
+                  <div class="col">
+                    <h3 class="text-base">Nomor Pembelian</h3>
+                    <span>{{ number }}</span>
+                  </div>
+                  <div class="col">
+                    <h3 class="text-base">Status Pembelian</h3>
+                    <span>{{ status }}</span>
+                  </div>
+                  <div class="col">
+                    <h3 class="text-base">Total Harga</h3>
+                    <span>{{ IDRCurrencyFormat(totalProductPrice()) }}</span>
+                  </div>
+                </div>
+              </template>
+            </Card>
+          </div>
+          <div class="col-12">
+            <Cart
+              title="Keranjang Produk"
+              :product-cart="productCart"
+              :header-table="cartTable"
+              :btn-ppn-disabled="true"
+              :btn-delete-show="false"
+              :btn-edit-show="false"
+              v-model:checked-ppn="form.checkedPpn"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </DashboardLayout>
+</template>

resources/js/pages/Sales/Composables/useProductCart.js

     productCart.splice(index, 1)
   }
 
-  const onClearProduct = () => {
+  const onClearProductCart = () => {
     productCart.splice(0)
   }
 
+  const onClearProductCartDelete = () => {
+    productCartDeleted.splice(0)
+  }
+
   const totalProductPrice = () => {
     const productPrices = productCart.map((product) => {
       if (form.checkedPpn) {
   return {
     productCart,
     productCartDeleted,
+    onClearProductCart,
+    onClearProductCartDelete,
     onAddProduct,
     onDeleteProduct,
     onEditProduct,
-    onClearProduct,
     totalProductPrice,
   }
 }

resources/js/pages/Sales/Create.vue

         <div class="grid">
           <div class="col-12">
             <Card>
-              <template #title> Pembeli </template>
+              <template #title> Transaksi </template>
               <template #content>
                 <div class="grid">
                   <div class="col-12 md:col-6">

resources/js/pages/Sales/Edit.vue

       products: [...productCart, ...productCartDeleted],
     }))
     .post(route('sales.store'), {
-      onSuccess: () => {
-        form.reset()
-
-        onClearProduct()
-      },
+      onSuccess: () => onClearProductCartDelete(),
     })
 }
 
 const {
   productCart,
   productCartDeleted,
+  onClearProductCartDelete,
   onAddProduct,
   onDeleteProduct,
   onEditProduct,
         <div class="grid">
           <div class="col-12">
             <Card>
-              <template #title> Pembeli </template>
+              <template #title> Transaksi </template>
               <template #content>
                 <div class="grid">
                   <div class="col-12 md:col-6">