sale and purchase master

app/Http/Controllers/PurchaseController.php

             "ppn" => Ppn::first()->ppn,
             "status" => $purchase->status,
             "ppnChecked" => $purchase->ppn ? true : false,
+            "supplier" => $purchase->supplier,
             "purchaseDetail" => $purchase->purchaseDetail->transform(
                 fn($purchase) => [
                     "id" => $purchase->id,

app/Http/Controllers/SalesController.php

 use App\Models\Sale;
 use Inertia\Inertia;
 use App\Models\Customer;
-use App\Models\SaleDetail;
 use App\Models\StockProduct;
 use App\Services\HelperService;
 use Illuminate\Support\Facades\DB;
                         "phone" => $sale->customer->phone,
                         "email" => $sale->customer->email,
                         "price" => HelperService::setRupiahFormat(
-                            SaleDetail::totalPrice($sale)
+                            $sale->saleDetail->sum("price")
                         ),
                         "status" => $sale->status,
                     ]
                             "number" => $stockProduct->product_number,
                             "name" => $stockProduct->product->name,
                             "price" => $stockProduct->price,
+                            "ppn" => $stockProduct->ppn,
                             "qty" => $stockProduct->qty,
                             "unit" => $stockProduct->product->unit,
                         ]
      */
     public function store(StoreSaleRequest $request)
     {
-        dd($request->validated());
-
         DB::beginTransaction();
 
         try {
                 $sale->saleDetail()->create($validated);
 
                 if ($request->status == "success") {
-                    $validated = [
-                        "sale_number" => $sale->number,
-                        "price" => $product["price"],
-                        "qty" => $product["qty"],
-                        "product_number" => $product["number"],
-                    ];
-
-                    StockProduct::create($validated);
+                    StockProduct::where(
+                        "product_number",
+                        $product["number"]
+                    )->decrement("qty", $product["qty"]);
                 }
             }
 
             DB::commit();
 
-            return back()->with("success", __("messages.success.store.sale"));
+            return to_route("sales.show", $sale)->with(
+                "success",
+                __("messages.success.store.sale")
+            );
         } catch (QueryException $e) {
             DB::rollBack();
 
      */
     public function show(Sale $sale)
     {
-        //
-    }
-
-    /**
-     * Show the form for editing the specified resource.
-     *
-     * @param  Sale $sale
-     * @return \Illuminate\Http\Response
-     */
-    public function edit(Sale $sale)
-    {
-        return inertia("Sales/Edit", [
+        return inertia("Sales/Show", [
             "id" => $sale->id,
             "number" => $sale->number,
             "ppn" => Ppn::first()->ppn,
             "status" => $sale->status,
             "ppnChecked" => $sale->ppn ? true : false,
             "customer" => $sale->customer,
-            "stockProducts" => Inertia::lazy(
-                fn() => StockProduct::filter([
-                    "search" => request("stockProduct"),
-                ])
-                    ->get()
-                    ->transform(
-                        fn($stockProduct) => [
-                            "number" => $stockProduct->product_number,
-                            "name" => $stockProduct->product->name,
-                            "price" => $stockProduct->price,
-                            "qty" => $stockProduct->qty,
-                            "unit" => $stockProduct->product->unit,
-                            "profit" => $stockProduct->product->profit,
-                        ]
-                    )
-            ),
             "saleDetail" => $sale->saleDetail->transform(
                 fn($sale) => [
                     "id" => $sale->id,
                     "number" => $sale->product_number,
                     "name" => $sale->product->name,
-                    "price" => $sale->price,
+                    "price" => $sale->getRawOriginal("price"),
                     "qty" => $sale->qty,
                     "unit" => $sale->product->unit,
                 ]
         ]);
     }
 
+    /**
+     * Show the form for editing the specified resource.
+     *
+     * @param  Sale $sale
+     * @return \Illuminate\Http\Response
+     */
+    public function edit(Sale $sale)
+    {
+        //
+    }
+
     /**
      * Update the specified resource in storage.
      *
      */
     public function update(UpdateSaleRequest $request, Sale $sale)
     {
-        dd($sale);
-
-        DB::beginTransaction();
-
-        try {
-            $ppn = Ppn::first()->ppn;
-
-            $validated = $request
-                ->safe()
-                ->merge([
-                    "ppn" => $request->ppn ? $ppn : 0,
-                ])
-                ->all();
-
-            $sale->update($validated);
-
-            foreach ($request->products as $product) {
-                $validated = [
-                    "product_number" => $product["number"],
-                    "price" => $product["price"],
-                    "qty" => $product["qty"],
-                ];
-
-                if (!empty($product["label"])) {
-                    if ($product["label"] == "add") {
-                        $sale->saleDetail()->create($validated);
-                    }
-
-                    if ($product["label"] == "edit") {
-                        $sale->saleDetail
-                            ->find($product["id"])
-                            ->update($validated);
-                    }
-
-                    if ($product["label"] == "delete") {
-                        $sale->saleDetail->find($product["id"])->delete();
-                    }
-                }
-
-                if ($request->status == "success") {
-                    $validated = [
-                        "sale_number" => $sale->number,
-                        "price" => $product["price"],
-                        "qty" => $product["qty"],
-                        "product_number" => $product["number"],
-                    ];
-
-                    StockProduct::create($validated);
-                }
-            }
-
-            DB::commit();
-
-            return back()->with("success", __("messages.success.update.sale"));
-        } catch (QueryException $e) {
-            DB::rollBack();
-
-            return back()->with("error", __("messages.error.update.sale"));
-        }
+        //
     }
 
     /**

app/Models/PurchaseDetail.php

                 $query,
                 $search
             ) {
-                $query->whereRelation("product", "number", $search);
+                $query->where("product_number", $search);
             })
             ->when($filters["supplierId"] ?? null, function ($query, $search) {
                 $query->whereHas("purchase", function ($query) use ($search) {

app/Models/SaleDetail.php

     use HasFactory;
 
     protected $fillable = ["price", "qty", "sale_number", "product_number"];
+
+    protected function price(): Attribute
+    {
+        return Attribute::make(
+            get: function ($value) {
+                $ppn = Ppn::first()->ppn;
+
+                return $this->sale->ppn
+                    ? HelperService::addPPN($value, $ppn)
+                    : $value;
+            }
+        );
+    }
+
+    public function product()
+    {
+        return $this->belongsTo(Product::class, "product_number", "number");
+    }
+
+    public function sale()
+    {
+        return $this->belongsTo(Sale::class, "sale_number", "number");
+    }
+
+    public function scopeHistoryProductSale($query, array $filters)
+    {
+        $query
+            ->when($filters["productNumber"] ?? null, function (
+                $query,
+                $search
+            ) {
+                $query->where("product_number", $search);
+            })
+            ->when($filters["customerId"] ?? null, function ($query, $search) {
+                $query->whereHas("sale", function ($query) use ($search) {
+                    $query->where("customer_id", $search);
+                });
+            });
+    }
 }

app/Models/StockProduct.php

 
 namespace App\Models;
 
-use Illuminate\Database\Eloquent\Factories\HasFactory;
+use App\Models\Ppn;
+use App\Services\HelperService;
 use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Casts\Attribute;
+use Illuminate\Database\Eloquent\Factories\HasFactory;
 
 class StockProduct extends Model
 {
 
     protected $fillable = ["price", "qty", "ppn", "product_number"];
 
+    protected function price(): Attribute
+    {
+        return Attribute::make(
+            get: function ($value) {
+                $ppn = Ppn::first()->ppn;
+
+                return $this->ppn
+                    ? HelperService::addPPN($value, $ppn)
+                    : $value;
+            }
+        );
+    }
+
     public function product()
     {
         return $this->belongsTo(Product::class, "product_number", "number");

lang/en/messages.php

 <?php
 
 return [
-
     /*
     |--------------------------------------------------------------------------
     | Authentication Language Lines
     |
      */
 
-    'user' => [
-        'active_user' => 'Successfully active the user',
-        'no_active_user' => 'Successfully block user'
+    "user" => [
+        "active_user" => "Successfully active the user",
+        "no_active_user" => "Successfully block user",
     ],
 
-    'success' => [
-        'email' => [
-            'verify_email' => 'Email Verification link successfully sent'
+    "success" => [
+        "email" => [
+            "verify_email" => "Email Verification link successfully sent",
+        ],
+        "store" => [
+            "parking_fee" => "Parking fee successfully added",
+            "type_vehicle" => "Type vehicle successfully added",
+            "top_up" => "Top Up successfully",
+            "member" => "Member successfully added",
+            "type_member" => "Jenis member successfully added",
+            "discount" => "Discount successfully added",
+            "expense" => "Expense successfully added",
+            "transaction" => "Transaction successfully added",
+            "user" => "User Account successfully added",
+            "reset_password" => "Password successfully reset",
+            "customer" => "Customer successfully added",
+            "supplier" => "Supplier successfully added",
+            "product" => "Product successfully added",
+            "sale" => "Sale successfully",
+            "purchase" => "Purchase successfully added",
         ],
-        'store' => [
-            'parking_fee' => 'Parking fee successfully added',
-            'type_vehicle' => 'Type vehicle successfully added',
-            'top_up' => 'Top Up successfully',
-            'member' => 'Member successfully added',
-            'type_member' => 'Jenis member successfully added',
-            'discount' => 'Discount successfully added',
-            'expense' => 'Expense successfully added',
-            'transaction' => 'Transaction successfully added',
-            'user' => 'User Account successfully added',
-            'reset_password' => 'Password successfully reset',
-            'customer' => 'Customer successfully added',
-            'supplier' => 'Supplier successfully added',
-            'product' => 'Product successfully added',
-            'sale' => 'Sale successfully added',
-            'purchase' => 'Purchase successfully added'
+        "update" => [
+            "type_vehicle" => "Type vehicle successfully changed",
+            "top_up" => "Top Up successfully changed",
+            "member" => "Member successfully changed",
+            "type_member" => "Jenis member successfully changed",
+            "change_password" => "Password successfully changed",
+            "transaction_status" => "Transaction Status successfully changed",
+            "user" => "User Account successfully changed",
+            "customer" => "Customer successfully changed",
+            "supplier" => "Supplier successfully changed",
+            "product" => "Product successfully changed",
+            "sale" => "Sale successfully changed",
+            "ppn" => "Tax successfully changed",
+            "purchase" => "Purchase successfully added",
         ],
-        'update' => [
-            'type_vehicle' => 'Type vehicle successfully changed',
-            'top_up' => 'Top Up successfully changed',
-            'member' => 'Member successfully changed',
-            'type_member' => 'Jenis member successfully changed',
-            'change_password' => 'Password successfully changed',
-            'transaction_status' => 'Transaction Status successfully changed',
-            'user' => 'User Account successfully changed',
-            'customer' => 'Customer successfully changed',
-            'supplier' => 'Supplier successfully changed',
-            'product' => 'Product successfully changed',
-            'sale' => 'Sale successfully changed',
-            'ppn' => 'Tax successfully changed',
-            'purchase' => 'Purchase successfully added'
+        "destroy" => [
+            "type_member" => "Jenis member successfully deleted",
+            "type_vehicle" => "Type vehicle successfully deleted",
+            "top_up" => "Top Up successfully deleted",
+            "member" => "Member Account successfully deleted",
+            "user" => "User Account successfully deleted",
+            "customer" => "Customer successfully deleted",
+            "product" => "Product successfully deleted",
+            "supplier" => "Supplier successfully deleted",
         ],
-        'destroy' => [
-            'type_member' => 'Jenis member successfully deleted',
-            'type_vehicle' => 'Type vehicle successfully deleted',
-            'top_up' => 'Top Up successfully deleted',
-            'member' => 'Member Account successfully deleted',
-            'user' => 'User Account successfully deleted',
-            'customer' => 'Customer successfully deleted',
-            'product' => 'Product successfully deleted',
-            'supplier' => 'Supplier successfully deleted'
-        ]
     ],
 
-    'error' => [
-        'store' => [
-            'top_up' => 'Top up failed to be added',
-            'type_member' => 'Type member failed to be added',
-            'member' => 'member failed to be added',
-            'change_password' => 'Password invalid',
-            'expense' => 'Expense failed to be added',
-            'transaction' => 'Transaction failed to be added',
-            'sale' => 'Sale failed to be added',
-            'purchase' => 'Purchase failed to be added'
+    "error" => [
+        "store" => [
+            "top_up" => "Top up failed to be added",
+            "type_member" => "Type member failed to be added",
+            "member" => "member failed to be added",
+            "change_password" => "Password invalid",
+            "expense" => "Expense failed to be added",
+            "transaction" => "Transaction failed to be added",
+            "sale" => "Sale failed",
+            "purchase" => "Purchase failed to be added",
         ],
-        'update' => [
-            'type_member' => 'Type member failed to be changed',
-            'member' => 'Member failed to be changed',
-            'sale' => 'Sale failed to be changed',
-            'purchase' => 'Purchase failed to be changed'
-        ]
-    ]
+        "update" => [
+            "type_member" => "Type member failed to be changed",
+            "member" => "Member failed to be changed",
+            "sale" => "Sale failed to be changed",
+            "purchase" => "Purchase failed to be changed",
+        ],
+    ],
 ];

lang/id/messages.php

 <?php
 
 return [
-
     /*
     |--------------------------------------------------------------------------
     | Authentication Language Lines
     |
      */
 
-    'user' => [
-        'active_user' => 'Sukses mengaktifkan user',
-        'no_active_user' => 'Sukses memblokir user'
+    "user" => [
+        "active_user" => "Sukses mengaktifkan user",
+        "no_active_user" => "Sukses memblokir user",
     ],
 
-    'success' => [
-        'email' => [
-            'verify_email' => 'Link verifikasi email berhasil terkirim'
+    "success" => [
+        "email" => [
+            "verify_email" => "Link verifikasi email berhasil terkirim",
+        ],
+        "store" => [
+            "parking_fee" => "Tarif parkir berhasil ditambahkan",
+            "type_vehicle" => "Jenis kendaraan berhasil ditambahkan",
+            "top_up" => "Top Up berhasil",
+            "member" => "Member berhasil ditambahkan",
+            "type_member" => "Jenis member berhasil ditambahkan",
+            "discount" => "Diskon berhasil diubah",
+            "expense" => "Pengeluaran berhasil ditambahkan",
+            "transaction" => "Transaksi berhasil ditambahkan",
+            "user" => "Akun user berhasil ditambahkan",
+            "reset_password" => "Kata sandi berhasil di reset",
+            "customer" => "Pelanggan berhasil ditambahkan",
+            "supplier" => "Supplier berhasil ditambahkan",
+            "product" => "Produk berhasil ditambahkan",
+            "sale" => "Penjualan berhasil",
+            "purchase" => "Pembelian berhasil ditambahkan",
         ],
-        'store' => [
-            'parking_fee' => 'Tarif parkir berhasil ditambahkan',
-            'type_vehicle' => 'Jenis kendaraan berhasil ditambahkan',
-            'top_up' => 'Top Up berhasil',
-            'member' => 'Member berhasil ditambahkan',
-            'type_member' => 'Jenis member berhasil ditambahkan',
-            'discount' => 'Diskon berhasil diubah',
-            'expense' => 'Pengeluaran berhasil ditambahkan',
-            'transaction' => 'Transaksi berhasil ditambahkan',
-            'user' => 'Akun user berhasil ditambahkan',
-            'reset_password' => 'Kata sandi berhasil di reset',
-            'customer' => 'Pelanggan berhasil ditambahkan',
-            'supplier' => 'Supplier berhasil ditambahkan',
-            'product' => 'Produk berhasil ditambahkan',
-            'sale' => 'Penjualan berhasil ditambahkan',
-            'purchase' => 'Pembelian berhasil ditambahkan'
+        "update" => [
+            "type_vehicle" => "Jenis kendaraan berhasil diubah",
+            "top_up" => "Top Up berhasil diubah",
+            "member" => "Member berhasil diubah",
+            "type_member" => "Jenis member berhasil diubah",
+            "change_password" => "Password berhasil diubah",
+            "transaction_status" => "Status transaksi berhasil diubah",
+            "user" => "Akun user berhasil diubah",
+            "customer" => "Pelanggan berhasil diubah",
+            "supplier" => "Supplier berhasil diubah",
+            "product" => "Produk berhasil diubah",
+            "sale" => "Penjualan berhasil diubah",
+            "ppn" => "Pajak pertambahan nilai berhasil diubah",
+            "purchase" => "Pembelian berhasil diubah",
         ],
-        'update' => [
-            'type_vehicle' => 'Jenis kendaraan berhasil diubah',
-            'top_up' => 'Top Up berhasil diubah',
-            'member' => 'Member berhasil diubah',
-            'type_member' => 'Jenis member berhasil diubah',
-            'change_password' => 'Password berhasil diubah',
-            'transaction_status' => 'Status transaksi berhasil diubah',
-            'user' => 'Akun user berhasil diubah',
-            'customer' => 'Pelanggan berhasil diubah',
-            'supplier' => 'Supplier berhasil diubah',
-            'product' => 'Produk berhasil diubah',
-            'sale' => 'Penjualan berhasil diubah',
-            'ppn' => 'Pajak pertambahan nilai berhasil diubah',
-            'purchase' => 'Pembelian berhasil diubah'
+        "destroy" => [
+            "type_member" => "Jenis member berhasil dihapus",
+            "type_vehicle" => "Jenis kendaraan berhasil dihapus",
+            "top_up" => "Top Up berhasil dihapus",
+            "member" => "Akun member berhasil dihapus",
+            "user" => "Akun user berhasil dihapus",
+            "customer" => "Pelanggan berhasil dihapus",
+            "product" => "Product berhasil dihapus",
+            "supplier" => "Supplier berhasil dihapus",
         ],
-        'destroy' => [
-            'type_member' => 'Jenis member berhasil dihapus',
-            'type_vehicle' => 'Jenis kendaraan berhasil dihapus',
-            'top_up' => 'Top Up berhasil dihapus',
-            'member' => 'Akun member berhasil dihapus',
-            'user' => 'Akun user berhasil dihapus',
-            'customer' => 'Pelanggan berhasil dihapus',
-            'product' => 'Product berhasil dihapus',
-            'supplier' => 'Supplier berhasil dihapus'
-        ]
     ],
 
-    'error' => [
-        'store' => [
-            'top_up' => 'Top up gagal ditambahkan',
-            'type_member' => 'Jenis member gagal ditambahkan',
-            'member' => 'Member gagal ditambahkan',
-            'change_password' => 'Password lama salah',
-            'expense' => 'Pengeluaran gagal ditambahkan',
-            'transaction' => 'Transaksi gagal ditambahkan',
-            'sale' => 'Penjualan gagal ditambahkan',
-            'purchase' => 'Pembelian gagal ditambahkan'
+    "error" => [
+        "store" => [
+            "top_up" => "Top up gagal ditambahkan",
+            "type_member" => "Jenis member gagal ditambahkan",
+            "member" => "Member gagal ditambahkan",
+            "change_password" => "Password lama salah",
+            "expense" => "Pengeluaran gagal ditambahkan",
+            "transaction" => "Transaksi gagal ditambahkan",
+            "sale" => "Penjualan gagal",
+            "purchase" => "Pembelian gagal ditambahkan",
         ],
-        'update' => [
-            'type_member' => 'Jenis member gagal diubah',
-            'member' => 'Member gagal diubah',
-            'sale' => 'Penjualan gagal dibuah',
-            'purchase' => 'Pembelian gagal dibuah'
-        ]
-    ]
+        "update" => [
+            "type_member" => "Jenis member gagal diubah",
+            "member" => "Member gagal diubah",
+            "sale" => "Penjualan gagal dibuah",
+            "purchase" => "Pembelian gagal dibuah",
+        ],
+    ],
 ];

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

     <div class="col-12">
       <h3 class="text-lg">Riwayat Produk Sebelumnya</h3>
     </div>
+
     <div class="col-12 md:col-6">
       <AppInputNumber
         disabled
         class="mb-0"
-        label="Harga"
+        label="Harga "
         placeholder="harga"
         v-model="$page.props.historyProductPurchase.price"
       />

resources/js/pages/Purchases/Create.vue

                     />
                   </div>
 
+                  <Divider type="dashed" />
+
                   <HistoryProduct
                     :product="form.product"
                     :supplier="form.supplier"
                   <div class="col-12 md:col-6">
                     <AppInputNumber
                       :disabled="!form.supplier?.id"
-                      label="Harga"
-                      placeholder="harga"
+                      label="Harga Terbaru"
+                      placeholder="harga terbaru"
                       v-model="form.price"
                     />
                   </div>

resources/js/pages/Purchases/Index.vue

             v-else
             icon="pi pi-eye"
             class="p-button-icon-only p-button-rounded p-button-text"
-            v-tooltip.bottom="'Lihat Pembelian'"
+            v-tooltip.bottom="'Lihat Detail Pembelian'"
             :href="route('purchases.show', data.id)"
           />
         </template>

resources/js/pages/Purchases/Show.vue

   checkedPpn: props.ppnChecked,
 })
 
-const { productCart, onDeleteProduct, onEditProduct, totalProductPrice } =
-  useProductCart(form, props.purchaseDetail)
+const { productCart, totalProductPrice } = useProductCart(
+  form,
+  props.purchaseDetail
+)
 </script>
 
 <template>
               </template>
               <template #content>
                 <div class="grid">
-                  <div class="col">
-                    <h3 class="text-base">Nomor Pembelian</h3>
-                    <span>{{ number }}</span>
+                  <div class="col-12">
+                    <div class="grid">
+                      <div class="col">
+                        <h3 class="text-base">Nama</h3>
+                        <span>{{ supplier.name }}</span>
+                      </div>
+                      <div class="col">
+                        <h3 class="text-base">Alamat</h3>
+                        <span>{{ supplier.address }}</span>
+                      </div>
+                      <div class="col">
+                        <h3 class="text-base">No HP</h3>
+                        <span>{{ supplier.phone }}</span>
+                      </div>
+                      <div class="col">
+                        <h3 class="text-base">NPWP</h3>
+                        <span>{{ supplier.npwp }}</span>
+                      </div>
+                    </div>
                   </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 class="col-12">
+                    <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 class="col"></div>
+                    </div>
                   </div>
                 </div>
               </template>

resources/js/pages/Sales/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/Sales/Create.vue

 <script setup>
+import { computed } from 'vue'
 import { optionStatus } from './config'
 import { cartTable } from './config'
 import Details from './Components/Details.vue'
 })
 
 const form = useForm({
-  status: 'pending',
+  status: 'success',
   price: null,
   qty: null,
   customer: null,
       onSuccess: () => {
         form.reset()
 
-        onClearProduct()
+        onClearProductCart()
       },
     })
 }
 
+const dropdownStatus = computed(() => {
+  return optionStatus.filter((val) => val.value != 'pending')
+})
+
 const {
   productCart,
   onAddProduct,
+  onClearProductCart,
   onDeleteProduct,
   onEditProduct,
-  onClearProduct,
   totalProductPrice,
 } = useProductCart(form)
 
                     <AppDropdown
                       label="Status"
                       placeholder="status"
-                      :options="optionStatus"
+                      :options="dropdownStatus"
                       :error="form.errors.status"
                       v-model="form.status"
                     />
                     </AppAutoComplete>
                   </div>
 
+                  <Divider type="dashed" />
+
                   <template v-if="form.product?.number">
+                    <div class="col-12">
+                      <h3 class="text-lg">Riwayat Pembelian Sebelumnya</h3>
+                    </div>
+
                     <div class="col-12 md:col-6">
                       <AppInputText
                         disabled
                     <div class="col-12 md:col-6">
                       <AppInputNumber
                         disabled
-                        label="Harga Beli"
-                        placeholder="harga beli produk"
+                        class="mb-0"
+                        label="Harga"
+                        placeholder="harga"
                         v-model="form.product.price"
                       />
+
+                      <span v-if="form.product.ppn" class="text-xs">
+                        Harga sudah termasuk PPN {{ ppn }} %
+                      </span>
                     </div>
 
                     <div class="col-12 md:col-6">

resources/js/pages/Sales/Index.vue

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

resources/js/pages/Sales/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,
+  customer: Object,
+  saleDetail: Array,
+})
+
+const form = useForm({
+  status: props.status,
+  customer: props.customer,
+  ppn: props.ppn,
+  checkedPpn: props.ppnChecked,
+})
+
+const { productCart, totalProductPrice } = useProductCart(
+  form,
+  props.saleDetail
+)
+</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-12">
+                    <div class="grid">
+                      <div class="col">
+                        <h3 class="text-base">Nama</h3>
+                        <span>{{ customer.name }}</span>
+                      </div>
+                      <div class="col">
+                        <h3 class="text-base">Alamat</h3>
+                        <span>{{ customer.address }}</span>
+                      </div>
+                      <div class="col">
+                        <h3 class="text-base">No HP</h3>
+                        <span>{{ customer.phone }}</span>
+                      </div>
+                      <div class="col">
+                        <h3 class="text-base">NPWP</h3>
+                        <span>{{ customer.npwp }}</span>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-12">
+                    <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 class="col"></div>
+                    </div>
+                  </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/config.js

   { field: 'updatedAt', header: 'Tanggal' },
   { field: 'name', header: 'Nama Pelanggan' },
   { field: 'phone', header: 'No HP Pelanggan' },
-  { field: 'email', header: 'Email Pelanggan' },
   { field: 'price', header: 'Total Harga' },
   { field: 'status', header: 'Status' },
 ]