fix: master

app/Http/Controllers/CustomerController.php

                     'name' => $customer->name,
                     'address' => $customer->address,
                     'phone' => $customer->phone,
-                    'npwp' => $customer->npwp
+                    'npwp' => $customer->npwp,
+                    'isUsed' => $customer->sales()->exists()
                 ])
         ]);
     }
     {
         $customer->delete();
 
-        return to_route('customers.index')->with('success', __('messages.success.destroy.customer'));
+        return back()->with('success', __('messages.success.destroy.customer'));
     }
 }

app/Http/Controllers/ProductController.php

 use App\Http\Requests\Product\StoreProductRequest;
 use App\Http\Requests\Product\UpdateProductRequest;
 use App\Models\Product;
+use App\Services\ProductService;
 use Inertia\Inertia;
 
 class ProductController extends Controller
                     'id' => $product->id,
                     'number' => $product->number,
                     'name' => $product->name,
-                    'unit' => $product->unit
+                    'unit' => $product->unit,
+                    'isUsed' => ProductService::isUsed($product)
                 ])
         ]);
     }
     {
         $product->delete();
 
-        return to_route('products.index')->with('success', __('messages.success.destroy.product'));
+        return back()->with('success', __('messages.success.destroy.product'));
     }
 }

app/Http/Controllers/SalesController.php

 namespace App\Http\Controllers;
 
 use App\Http\Requests\Sales\StoreSaleRequest;
+use App\Http\Requests\Sales\UpdateSaleRequest;
 use App\Models\Customer;
 use App\Models\Product;
 use App\Models\Sale;
-use Illuminate\Http\Request;
+use Illuminate\Database\QueryException;
+use Illuminate\Support\Facades\DB;
 use Inertia\Inertia;
 
 class SalesController extends Controller
      */
     public function store(StoreSaleRequest $request)
     {
-        $validated = $request->safe()->merge([
-            'user_id' => auth()->user()->id,
-            'ppn' => 11
-        ])->all();
+        DB::beginTransaction();
 
-        $sale = Sale::create($validated);
+        try {
+            $validated = $request->safe()->merge([
+                'user_id' => auth()->user()->id,
+                'ppn' => 11
+            ])->all();
 
-        $sale->saleDetail()->create($validated);
+            $sale = Sale::create($validated);
 
-        return back()->with('success', __('messages.success.store.sale'));
+            $sale->saleDetail()->create($validated);
+
+            DB::commit();
+
+            return back()->with('success', __('messages.success.store.sale'));
+        } catch (QueryException $e) {
+            DB::rollBack();
+
+            return back()->with('error', __('messages.error.store.sale'));
+        }
     }
 
     /**
      */
     public function edit(Sale $sale)
     {
-        //
+        return inertia('Sales/Edit', [
+            'sale' => [
+                'id' => $sale->id,
+                'number' => $sale->number,
+                'status' => [
+                    'value' => $sale->status
+                ],
+                'price' => $sale->saleDetail->getRawOriginal('price'),
+                'qty' => $sale->saleDetail->qty,
+                'customer' => $sale->customer,
+                'product' => $sale->product
+            ]
+        ]);
     }
 
     /**
      * @param  Sale $sale
      * @return \Illuminate\Http\Response
      */
-    public function update(Request $request, Sale $sale)
+    public function update(UpdateSaleRequest $request, Sale $sale)
     {
-        //
+        dd($request->validated());
+
+        DB::beginTransaction();
+
+        try {
+            DB::commit();
+
+            return back()->with('succes', __('messages.success.update.sale'));
+        } catch (QueryException $e) {
+            DB::rollBack();
+
+            return back()->with('error', __('messages.error.update.sale'));
+        }
     }
 
     /**

app/Http/Controllers/SupplierController.php

                 ->latest()
                 ->paginate(10)
                 ->withQueryString()
-                ->through(fn($customer) => [
-                    'id' => $customer->id,
-                    'name' => $customer->name,
-                    'address' => $customer->address,
-                    'email' => $customer->email,
-                    'phone' => $customer->phone,
-                    'npwp' => $customer->npwp
+                ->through(fn($supplier) => [
+                    'id' => $supplier->id,
+                    'name' => $supplier->name,
+                    'address' => $supplier->address,
+                    'email' => $supplier->email,
+                    'phone' => $supplier->phone,
+                    'npwp' => $supplier->npwp,
+                    'isUsed' => $supplier->purchases()->exists()
                 ])
         ]);
     }
      */
     public function destroy(Supplier $supplier)
     {
-        //
+        $supplier->delete();
+
+        return back()->with('success', __('messages.success.destroy.supplier'));
     }
 }

app/Http/Requests/Sales/StoreSaleRequest.php

             'price' => 'required|numeric',
             'qty' => 'required|numeric',
             'customer_id' => 'required|numeric',
-            'product_id' => 'required|string'
+            'product_number' => 'required|string'
         ];
     }
 }

app/Http/Requests/Sales/UpdateSaleRequest.php

+<?php
+
+namespace App\Http\Requests\Sales;
+
+use Illuminate\Foundation\Http\FormRequest;
+
+class UpdateSaleRequest extends FormRequest
+{
+    /**
+     * Determine if the user is authorized to make this request.
+     *
+     * @return bool
+     */
+    public function authorize()
+    {
+        return true;
+    }
+
+    /**
+     * Get the validation rules that apply to the request.
+     *
+     * @return array<string, mixed>
+     */
+    public function rules()
+    {
+        return [
+            'status' => 'required|string',
+            'price' => 'required|numeric',
+            'qty' => 'required|numeric'
+        ];
+    }
+}

app/Models/Customer.php

 
     protected $hidden = ['created_at', 'updated_at'];
 
+    public function sales()
+    {
+        return $this->hasMany(Sale::class);
+    }
+
     public function scopeFilter($query, array $filters)
     {
         $query->when($filters['search'] ?? null, function ($query, $search) {

app/Models/Price.php

 
     protected $fillable = [
         'price',
-        'product_id',
+        'product_number',
         'customer_id',
         'supplier_id'
     ];

app/Models/Product.php

 
 namespace App\Models;
 
+use App\Models\PurchaseDetail;
+use App\Models\SaleDetail;
+use App\Models\StockProduct;
 use Illuminate\Database\Eloquent\Factories\HasFactory;
 use Illuminate\Database\Eloquent\Model;
 
 
     protected $hidden = ['created_at', 'updated_at'];
 
+    public function stockProducts()
+    {
+        return $this->hasMany(StockProduct::class, 'product_number', 'number');
+    }
+
+    public function purchaseDetails()
+    {
+        return $this->hasMany(PurchaseDetail::class, 'product_number', 'number');
+    }
+
+    public function saleDetails()
+    {
+        return $this->hasMany(SaleDetail::class, 'product_number', 'number');
+    }
+
     public function scopeFilter($query, array $filters)
     {
         $query->when($filters['search'] ?? null, function ($query, $search) {

app/Models/PurchaseDetail.php

         'price',
         'ppn',
         'qty',
-        'purchase_id',
-        'product_id'
+        'purchase_number',
+        'product_number'
     ];
 }

app/Models/Sale.php

 
     public function saleDetail()
     {
-        return $this->hasOne(SaleDetail::class);
+        return $this->hasOne(SaleDetail::class, 'sale_number', 'number');
     }
 
     public function product()
         return $this->hasOneThrough(
             Product::class,
             SaleDetail::class,
-            'sale_id',
+            'sale_number',
             'number',
-            'id',
-            'product_id'
+            'number',
+            'product_number'
         );
     }
 
+    public function customer()
+    {
+        return $this->belongsTo(Customer::class);
+    }
+
     public function scopeFilter($query, array $filters)
     {
         $query->when($filters['search'] ?? null, function ($query, $search) {

app/Models/SaleDetail.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;
 
         'price',
         'ppn',
         'qty',
-        'sale_id',
-        'product_id'
+        'sale_number',
+        'product_number'
     ];
+
+    public function price(): Attribute
+    {
+        return Attribute::make(
+            get:fn($value) => HelperService::setRupiahFormat($value, true)
+        );
+    }
 }

app/Models/StockProduct.php

         'purchase_number',
         'sale_number',
         'amount',
-        'product_id'
+        'product_number'
     ];
 }

app/Models/Supplier.php

 
     protected $hidden = ['created_at', 'updated_at'];
 
+    public function purchases()
+    {
+        return $this->hasMany(Purchase::class);
+    }
+
     public function scopeFilter($query, array $filters)
     {
         $query->when($filters['search'] ?? null, function ($query, $search) {

app/Services/ProductService.php

+<?php
+
+namespace App\Services;
+
+use App\Models\Product;
+
+class ProductService
+{
+    public static function isUsed(Product $product)
+    {
+        return $product->saleDetails()->exists()
+        || $product->stockProducts()->exists()
+        || $product->purchaseDetails()->exists();
+    }
+}

database/migrations/2022_06_16_091443_create_sales_table.php

     {
         Schema::create('sales', function (Blueprint $table) {
             $table->id();
-            $table->string('number');
+            $table->string('number')->unique();
             $table->enum('status', ['pending', 'success']);
             $table->foreignId('customer_id')->constrained();
             $table->foreignId('user_id')->constrained();

database/migrations/2022_06_17_115154_create_sale_details_table.php

             $table->unsignedInteger('ppn');
             $table->unsignedInteger('qty');
             $table->string('product_number');
-            $table->foreignId('sale_id')->constrained();
+            $table->string('sale_number');
+            $table->foreign('sale_number')->references('number')->on('sales');
             $table->foreign('product_number')->references('number')->on('products');
             $table->timestamps();
         });

lang/en/messages.php

             'user' => 'User Account successfully changed',
             'customer' => 'Customer successfully changed',
             'supplier' => 'Supplier successfully changed',
-            'product' => 'Product successfully changed'
+            'product' => 'Product successfully changed',
+            'sale' => 'Sale successfully changed'
         ],
         'destroy' => [
             'type_member' => 'Jenis member successfully deleted',
             'member' => 'Member Account successfully deleted',
             'user' => 'User Account successfully deleted',
             'customer' => 'Customer successfully deleted',
-            'product' => 'Product successfully deleted'
+            'product' => 'Product successfully deleted',
+            'supplier' => 'Supplier successfully deleted'
         ]
     ],
 
             'member' => 'member failed to be added',
             'change_password' => 'Password invalid',
             'expense' => 'Expense failed to be added',
-            'transaction' => 'Transaction failed to be added'
+            'transaction' => 'Transaction failed to be added',
+            'sale' => 'Sale failed to be added'
         ],
         'update' => [
             'type_member' => 'Type member failed to be changed',
-            'member' => 'Member failed to be changed'
+            'member' => 'Member failed to be changed',
+            'sale' => 'Sale failed to be changed'
         ]
     ]
 ];

lang/id/messages.php

             'user' => 'Akun user berhasil diubah',
             'customer' => 'Pelanggan berhasil diubah',
             'supplier' => 'Supplier berhasil diubah',
-            'product' => 'Produk berhasil diubah'
+            'product' => 'Produk berhasil diubah',
+            'sale' => 'Penjualan berhasil diubah'
         ],
         'destroy' => [
             'type_member' => 'Jenis member berhasil dihapus',
             'member' => 'Akun member berhasil dihapus',
             'user' => 'Akun user berhasil dihapus',
             'customer' => 'Pelanggan berhasil dihapus',
-            'product' => 'Product berhasil dihapus'
+            'product' => 'Product berhasil dihapus',
+            'supplier' => 'Supplier berhasil dihapus'
         ]
     ],
 
             'member' => 'Member gagal ditambahkan',
             'change_password' => 'Password lama salah',
             'expense' => 'Pengeluaran gagal ditambahkan',
-            'transaction' => 'Transaksi gagal ditambahkan'
+            'transaction' => 'Transaksi gagal ditambahkan',
+            'sale' => 'Penjualan gagal ditambahkan'
         ],
         'update' => [
             'type_member' => 'Jenis member gagal diubah',
-            'member' => 'Member gagal diubah'
+            'member' => 'Member gagal diubah',
+            'sale' => 'Penjualan gagal dibuah'
         ]
     ]
 ];

public/js/resources_js_pages_Customers_Edit_vue.js

 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _inertiajs_inertia__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @inertiajs/inertia */ "./node_modules/@inertiajs/inertia/dist/index.js");
-/* harmony import */ var primevue_useconfirm__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! primevue/useconfirm */ "./node_modules/primevue/useconfirm/useconfirm.esm.js");
-/* harmony import */ var _components_useForm__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/components/useForm */ "./resources/js/components/useForm.js");
-/* harmony import */ var _components_AppInputText_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/components/AppInputText.vue */ "./resources/js/components/AppInputText.vue");
-/* harmony import */ var _layouts_Dashboard_DashboardLayout_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/layouts/Dashboard/DashboardLayout.vue */ "./resources/js/layouts/Dashboard/DashboardLayout.vue");
-
-
+/* harmony import */ var _components_useForm__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/components/useForm */ "./resources/js/components/useForm.js");
+/* harmony import */ var _components_AppInputText_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components/AppInputText.vue */ "./resources/js/components/AppInputText.vue");
+/* harmony import */ var _layouts_Dashboard_DashboardLayout_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/layouts/Dashboard/DashboardLayout.vue */ "./resources/js/layouts/Dashboard/DashboardLayout.vue");
 
 
 
     var expose = _ref.expose;
     expose();
     var props = __props;
-    var form = (0,_components_useForm__WEBPACK_IMPORTED_MODULE_2__.useForm)({
+    var form = (0,_components_useForm__WEBPACK_IMPORTED_MODULE_0__.useForm)({
       name: props.customer.name,
       address: props.customer.address,
       phone: props.customer.phone,
       npwp: props.customer.npwp
     });
-    var deleteConfirm = (0,primevue_useconfirm__WEBPACK_IMPORTED_MODULE_1__.useConfirm)();
-
-    var onDelete = function onDelete() {
-      deleteConfirm.require({
-        message: "Yakin akan menghapus (".concat(props.customer.name, ") ?"),
-        header: 'Hapus Pelanggan',
-        acceptLabel: 'Hapus',
-        rejectLabel: 'Batalkan',
-        accept: function accept() {
-          _inertiajs_inertia__WEBPACK_IMPORTED_MODULE_0__.Inertia["delete"](route('customers.destroy', props.customer.id));
-        },
-        reject: function reject() {
-          deleteConfirm.close();
-        }
-      });
-    };
 
     var onSubmit = function onSubmit() {
       form.put(route('customers.update', props.customer.id));
     var __returned__ = {
       props: props,
       form: form,
-      deleteConfirm: deleteConfirm,
-      onDelete: onDelete,
       onSubmit: onSubmit,
-      Inertia: _inertiajs_inertia__WEBPACK_IMPORTED_MODULE_0__.Inertia,
-      useConfirm: primevue_useconfirm__WEBPACK_IMPORTED_MODULE_1__.useConfirm,
-      useForm: _components_useForm__WEBPACK_IMPORTED_MODULE_2__.useForm,
-      AppInputText: _components_AppInputText_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-      DashboardLayout: _layouts_Dashboard_DashboardLayout_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
+      useForm: _components_useForm__WEBPACK_IMPORTED_MODULE_0__.useForm,
+      AppInputText: _components_AppInputText_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+      DashboardLayout: _layouts_Dashboard_DashboardLayout_vue__WEBPACK_IMPORTED_MODULE_2__["default"]
     };
     Object.defineProperty(__returned__, '__isScriptSetup', {
       enumerable: false,
   "class": "grid"
 };
 var _hoisted_10 = {
-  "class": "col-12 md:col-6 flex flex-column md:flex-row justify-content-center md:justify-content-start"
-};
-var _hoisted_11 = {
-  "class": "col-12 md:col-6 flex flex-column md:flex-row justify-content-center md:justify-content-end"
+  "class": "col-12 flex flex-column md:flex-row justify-content-end"
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  var _component_ConfirmDialog = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("ConfirmDialog");
-
   var _component_Button = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Button");
 
   var _component_Card = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Card");
     title: "Ubah Pelanggan"
   }, {
     "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
-      return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_ConfirmDialog), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_1, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_2, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Card, null, {
+      return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_1, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_2, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Card, null, {
         title: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
           return [_hoisted_3];
         }),
         }),
         footer: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
           return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_9, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_10, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Button, {
-            label: "Hapus",
-            icon: "pi pi-trash",
-            "class": "p-button-outlined p-button-danger",
-            onClick: $setup.onDelete
-          })]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_11, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Button, {
             label: "Simpan",
             icon: "pi pi-check",
             "class": "p-button-outlined",

public/js/resources_js_pages_Customers_Index_vue.js

 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./config */ "./resources/js/pages/Customers/config.js");
-/* harmony import */ var _components_AppSearch_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components/AppSearch.vue */ "./resources/js/components/AppSearch.vue");
-/* harmony import */ var _components_AppButtonLink_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/components/AppButtonLink.vue */ "./resources/js/components/AppButtonLink.vue");
-/* harmony import */ var _components_AppPagination_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/components/AppPagination.vue */ "./resources/js/components/AppPagination.vue");
-/* harmony import */ var _layouts_Dashboard_DashboardLayout_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/layouts/Dashboard/DashboardLayout.vue */ "./resources/js/layouts/Dashboard/DashboardLayout.vue");
+/* harmony import */ var _inertiajs_inertia__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @inertiajs/inertia */ "./node_modules/@inertiajs/inertia/dist/index.js");
+/* harmony import */ var primevue_useconfirm__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! primevue/useconfirm */ "./node_modules/primevue/useconfirm/useconfirm.esm.js");
+/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./config */ "./resources/js/pages/Customers/config.js");
+/* harmony import */ var _components_AppSearch_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/components/AppSearch.vue */ "./resources/js/components/AppSearch.vue");
+/* harmony import */ var _components_AppButtonLink_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/components/AppButtonLink.vue */ "./resources/js/components/AppButtonLink.vue");
+/* harmony import */ var _components_AppPagination_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @/components/AppPagination.vue */ "./resources/js/components/AppPagination.vue");
+/* harmony import */ var _layouts_Dashboard_DashboardLayout_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @/layouts/Dashboard/DashboardLayout.vue */ "./resources/js/layouts/Dashboard/DashboardLayout.vue");
+
+
 
 
 
   setup: function setup(__props, _ref) {
     var expose = _ref.expose;
     expose();
+    var deleteConfirm = (0,primevue_useconfirm__WEBPACK_IMPORTED_MODULE_1__.useConfirm)();
+
+    var onDelete = function onDelete(data) {
+      deleteConfirm.require({
+        message: "Yakin akan menghapus data (".concat(data.name, ") ?"),
+        header: 'Hapus Pelanggan',
+        acceptLabel: 'Iya',
+        rejectLabel: 'Tidak',
+        accept: function accept() {
+          _inertiajs_inertia__WEBPACK_IMPORTED_MODULE_0__.Inertia["delete"](route('customers.destroy', data.id));
+        },
+        reject: function reject() {
+          deleteConfirm.close();
+        }
+      });
+    };
+
     var __returned__ = {
-      indexTable: _config__WEBPACK_IMPORTED_MODULE_0__.indexTable,
-      AppSearch: _components_AppSearch_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-      AppButtonLink: _components_AppButtonLink_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-      AppPagination: _components_AppPagination_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-      DashboardLayout: _layouts_Dashboard_DashboardLayout_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
+      deleteConfirm: deleteConfirm,
+      onDelete: onDelete,
+      Inertia: _inertiajs_inertia__WEBPACK_IMPORTED_MODULE_0__.Inertia,
+      useConfirm: primevue_useconfirm__WEBPACK_IMPORTED_MODULE_1__.useConfirm,
+      indexTable: _config__WEBPACK_IMPORTED_MODULE_2__.indexTable,
+      AppSearch: _components_AppSearch_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+      AppButtonLink: _components_AppButtonLink_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+      AppPagination: _components_AppPagination_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
+      DashboardLayout: _layouts_Dashboard_DashboardLayout_vue__WEBPACK_IMPORTED_MODULE_6__["default"]
     };
     Object.defineProperty(__returned__, '__isScriptSetup', {
       enumerable: false,
   "class": "col-12 md:col-4 flex flex-column md:flex-row justify-content-end"
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_ConfirmDialog = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("ConfirmDialog");
+
   var _component_Column = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Column");
 
+  var _component_Button = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Button");
+
   var _component_DataTable = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("DataTable");
 
   var _directive_tooltip = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveDirective)("tooltip");
 
-  return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)($setup["DashboardLayout"], {
+  return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)(vue__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_ConfirmDialog), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["DashboardLayout"], {
     title: "Daftar Pelanggan"
   }, {
     "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
             _: 1
             /* STABLE */
 
+          }), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Column, null, {
+            body: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function (_ref2) {
+              var data = _ref2.data;
+              return [!data.isUsed ? (0,vue__WEBPACK_IMPORTED_MODULE_0__.withDirectives)(((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)(_component_Button, {
+                key: 0,
+                icon: "pi pi-trash",
+                "class": "p-button-icon-only p-button-rounded p-button-text",
+                onClick: function onClick($event) {
+                  return $setup.onDelete(data);
+                }
+              }, null, 8
+              /* PROPS */
+              , ["onClick"])), [[_directive_tooltip, 'Hapus Pelanggan', void 0, {
+                bottom: true
+              }]]) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)];
+            }),
+            _: 1
+            /* STABLE */
+
           })];
         }),
         _: 1
     _: 1
     /* STABLE */
 
-  });
+  })], 64
+  /* STABLE_FRAGMENT */
+  );
 }
 
 /***/ }),

public/js/resources_js_pages_Products_Create_vue.js

 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _components_AppInputText_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/components/AppInputText.vue */ "./resources/js/components/AppInputText.vue");
-/* harmony import */ var _layouts_Dashboard_DashboardLayout_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/layouts/Dashboard/DashboardLayout.vue */ "./resources/js/layouts/Dashboard/DashboardLayout.vue");
+/* harmony import */ var _components_useForm__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/components/useForm */ "./resources/js/components/useForm.js");
+/* harmony import */ var _components_AppInputText_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components/AppInputText.vue */ "./resources/js/components/AppInputText.vue");
+/* harmony import */ var _layouts_Dashboard_DashboardLayout_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/layouts/Dashboard/DashboardLayout.vue */ "./resources/js/layouts/Dashboard/DashboardLayout.vue");
+
 
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
     var expose = _ref.expose;
     expose();
     var props = __props;
-    var form = useForm({
+    var form = (0,_components_useForm__WEBPACK_IMPORTED_MODULE_0__.useForm)({
       number: props.number,
       name: null,
       unit: null
       props: props,
       form: form,
       onSubmit: onSubmit,
-      AppInputText: _components_AppInputText_vue__WEBPACK_IMPORTED_MODULE_0__["default"],
-      DashboardLayout: _layouts_Dashboard_DashboardLayout_vue__WEBPACK_IMPORTED_MODULE_1__["default"]
+      useForm: _components_useForm__WEBPACK_IMPORTED_MODULE_0__.useForm,
+      AppInputText: _components_AppInputText_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+      DashboardLayout: _layouts_Dashboard_DashboardLayout_vue__WEBPACK_IMPORTED_MODULE_2__["default"]
     };
     Object.defineProperty(__returned__, '__isScriptSetup', {
       enumerable: false,
 
 /***/ }),
 
+/***/ "./resources/js/components/useForm.js":
+/*!********************************************!*\
+  !*** ./resources/js/components/useForm.js ***!
+  \********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "useForm": () => (/* binding */ useForm)
+/* harmony export */ });
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm-bundler.js");
+/* harmony import */ var _inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @inertiajs/inertia-vue3 */ "./node_modules/@inertiajs/inertia-vue3/dist/index.js");
+
+
+function useForm(obj) {
+  var form = (0,_inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_1__.useForm)(obj);
+  var errors = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(function () {
+    return (0,_inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_1__.usePage)().props.value.errors;
+  });
+  (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)(errors, function () {
+    form.clearErrors();
+  });
+  return form;
+}
+
+/***/ }),
+
 /***/ "./resources/js/utils/menu.js":
 /*!************************************!*\
   !*** ./resources/js/utils/menu.js ***!

public/js/resources_js_pages_Products_Edit_vue.js

 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _components_AppInputText_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/components/AppInputText.vue */ "./resources/js/components/AppInputText.vue");
-/* harmony import */ var _layouts_Dashboard_DashboardLayout_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/layouts/Dashboard/DashboardLayout.vue */ "./resources/js/layouts/Dashboard/DashboardLayout.vue");
+/* harmony import */ var _components_useForm__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/components/useForm */ "./resources/js/components/useForm.js");
+/* harmony import */ var _components_AppInputText_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components/AppInputText.vue */ "./resources/js/components/AppInputText.vue");
+/* harmony import */ var _layouts_Dashboard_DashboardLayout_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/layouts/Dashboard/DashboardLayout.vue */ "./resources/js/layouts/Dashboard/DashboardLayout.vue");
+
 
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
     var expose = _ref.expose;
     expose();
     var props = __props;
-    var form = useForm({
+    var form = (0,_components_useForm__WEBPACK_IMPORTED_MODULE_0__.useForm)({
       number: props.product.number,
       name: props.product.name,
       unit: props.product.unit
       props: props,
       form: form,
       onSubmit: onSubmit,
-      AppInputText: _components_AppInputText_vue__WEBPACK_IMPORTED_MODULE_0__["default"],
-      DashboardLayout: _layouts_Dashboard_DashboardLayout_vue__WEBPACK_IMPORTED_MODULE_1__["default"]
+      useForm: _components_useForm__WEBPACK_IMPORTED_MODULE_0__.useForm,
+      AppInputText: _components_AppInputText_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
+      DashboardLayout: _layouts_Dashboard_DashboardLayout_vue__WEBPACK_IMPORTED_MODULE_2__["default"]
     };
     Object.defineProperty(__returned__, '__isScriptSetup', {
       enumerable: false,
 
 /***/ }),
 
+/***/ "./resources/js/components/useForm.js":
+/*!********************************************!*\
+  !*** ./resources/js/components/useForm.js ***!
+  \********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "useForm": () => (/* binding */ useForm)
+/* harmony export */ });
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm-bundler.js");
+/* harmony import */ var _inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @inertiajs/inertia-vue3 */ "./node_modules/@inertiajs/inertia-vue3/dist/index.js");
+
+
+function useForm(obj) {
+  var form = (0,_inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_1__.useForm)(obj);
+  var errors = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(function () {
+    return (0,_inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_1__.usePage)().props.value.errors;
+  });
+  (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)(errors, function () {
+    form.clearErrors();
+  });
+  return form;
+}
+
+/***/ }),
+
 /***/ "./resources/js/utils/menu.js":
 /*!************************************!*\
   !*** ./resources/js/utils/menu.js ***!

public/js/resources_js_pages_Products_Index_vue.js

 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./config */ "./resources/js/pages/Products/config.js");
-/* harmony import */ var _components_AppSearch_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components/AppSearch.vue */ "./resources/js/components/AppSearch.vue");
-/* harmony import */ var _components_AppButtonLink_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/components/AppButtonLink.vue */ "./resources/js/components/AppButtonLink.vue");
-/* harmony import */ var _components_AppPagination_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/components/AppPagination.vue */ "./resources/js/components/AppPagination.vue");
-/* harmony import */ var _layouts_Dashboard_DashboardLayout_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/layouts/Dashboard/DashboardLayout.vue */ "./resources/js/layouts/Dashboard/DashboardLayout.vue");
+/* harmony import */ var _inertiajs_inertia__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @inertiajs/inertia */ "./node_modules/@inertiajs/inertia/dist/index.js");
+/* harmony import */ var primevue_useconfirm__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! primevue/useconfirm */ "./node_modules/primevue/useconfirm/useconfirm.esm.js");
+/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./config */ "./resources/js/pages/Products/config.js");
+/* harmony import */ var _components_AppSearch_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/components/AppSearch.vue */ "./resources/js/components/AppSearch.vue");
+/* harmony import */ var _components_AppButtonLink_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/components/AppButtonLink.vue */ "./resources/js/components/AppButtonLink.vue");
+/* harmony import */ var _components_AppPagination_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @/components/AppPagination.vue */ "./resources/js/components/AppPagination.vue");
+/* harmony import */ var _layouts_Dashboard_DashboardLayout_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @/layouts/Dashboard/DashboardLayout.vue */ "./resources/js/layouts/Dashboard/DashboardLayout.vue");
+
+
 
 
 
   setup: function setup(__props, _ref) {
     var expose = _ref.expose;
     expose();
+    var deleteConfirm = (0,primevue_useconfirm__WEBPACK_IMPORTED_MODULE_1__.useConfirm)();
+
+    var onDelete = function onDelete(data) {
+      deleteConfirm.require({
+        message: "Yakin akan menghapus data (".concat(data.name, ") ?"),
+        header: 'Hapus Produk',
+        acceptLabel: 'Iya',
+        rejectLabel: 'Tidak',
+        accept: function accept() {
+          _inertiajs_inertia__WEBPACK_IMPORTED_MODULE_0__.Inertia["delete"](route('products.destroy', data.id));
+        },
+        reject: function reject() {
+          deleteConfirm.close();
+        }
+      });
+    };
+
     var __returned__ = {
-      indexTable: _config__WEBPACK_IMPORTED_MODULE_0__.indexTable,
-      AppSearch: _components_AppSearch_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-      AppButtonLink: _components_AppButtonLink_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-      AppPagination: _components_AppPagination_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-      DashboardLayout: _layouts_Dashboard_DashboardLayout_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
+      deleteConfirm: deleteConfirm,
+      onDelete: onDelete,
+      Inertia: _inertiajs_inertia__WEBPACK_IMPORTED_MODULE_0__.Inertia,
+      useConfirm: primevue_useconfirm__WEBPACK_IMPORTED_MODULE_1__.useConfirm,
+      indexTable: _config__WEBPACK_IMPORTED_MODULE_2__.indexTable,
+      AppSearch: _components_AppSearch_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+      AppButtonLink: _components_AppButtonLink_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+      AppPagination: _components_AppPagination_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
+      DashboardLayout: _layouts_Dashboard_DashboardLayout_vue__WEBPACK_IMPORTED_MODULE_6__["default"]
     };
     Object.defineProperty(__returned__, '__isScriptSetup', {
       enumerable: false,
   "class": "col-12 md:col-4 flex flex-column md:flex-row justify-content-end"
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_ConfirmDialog = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("ConfirmDialog");
+
   var _component_Column = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Column");
 
+  var _component_Button = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Button");
+
   var _component_DataTable = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("DataTable");
 
   var _directive_tooltip = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveDirective)("tooltip");
 
-  return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)($setup["DashboardLayout"], {
+  return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)(vue__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_ConfirmDialog), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["DashboardLayout"], {
     title: "Daftar Produk"
   }, {
     "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
                 href: _ctx.route('products.edit', data.id)
               }, null, 8
               /* PROPS */
-              , ["href"]), [[_directive_tooltip, 'Ubah Pelanggan', void 0, {
+              , ["href"]), [[_directive_tooltip, 'Ubah Produk', void 0, {
                 bottom: true
               }]])];
             }),
             _: 1
             /* STABLE */
 
+          }), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Column, null, {
+            body: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function (_ref2) {
+              var data = _ref2.data;
+              return [!data.isUsed ? (0,vue__WEBPACK_IMPORTED_MODULE_0__.withDirectives)(((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)(_component_Button, {
+                key: 0,
+                icon: "pi pi-trash",
+                "class": "p-button-icon-only p-button-rounded p-button-text",
+                onClick: function onClick($event) {
+                  return $setup.onDelete(data);
+                }
+              }, null, 8
+              /* PROPS */
+              , ["onClick"])), [[_directive_tooltip, 'Hapus Produk', void 0, {
+                bottom: true
+              }]]) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)];
+            }),
+            _: 1
+            /* STABLE */
+
           })];
         }),
         _: 1
     _: 1
     /* STABLE */
 
-  });
+  })], 64
+  /* STABLE_FRAGMENT */
+  );
 }
 
 /***/ }),

public/js/resources_js_pages_Sales_Create_vue.js

           price: data.price,
           qty: data.qty,
           customer_id: data.customer.id,
-          product_id: data.product.number
+          product_number: data.product.number
         };
       }).post(route('sales.store'), {
         onSuccess: function onSuccess() {
             "onUpdate:modelValue": _cache[3] || (_cache[3] = function ($event) {
               return $setup.form.product = $event;
             }),
-            error: $setup.form.errors.product_id,
+            error: $setup.form.errors.product_number,
             suggestions: $props.products
           }, {
             item: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function (slotProps) {
   label: 'Pending',
   value: 'pending'
 }, {
-  label: 'Berhasil',
+  label: 'Success',
   value: 'success'
 }];
 var indexTable = [{

public/js/resources_js_pages_Sales_Index_vue.js

 
   var _component_DataTable = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("DataTable");
 
+  var _directive_tooltip = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveDirective)("tooltip");
+
   return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)($setup["DashboardLayout"], {
     title: "Daftar Penjualan"
   }, {
           )), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Column, null, {
             body: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function (_ref) {
               var data = _ref.data;
-              return [];
+              return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.withDirectives)((0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppButtonLink"], {
+                icon: "pi pi-pencil",
+                "class": "p-button-icon-only p-button-rounded p-button-text",
+                href: _ctx.route('sales.edit', data.id)
+              }, null, 8
+              /* PROPS */
+              , ["href"]), [[_directive_tooltip, 'Ubah Penjualan', void 0, {
+                bottom: true
+              }]])];
             }),
             _: 1
             /* STABLE */
   label: 'Pending',
   value: 'pending'
 }, {
-  label: 'Berhasil',
+  label: 'Success',
   value: 'success'
 }];
 var indexTable = [{

public/js/resources_js_pages_Sales_config_js.js

   label: 'Pending',
   value: 'pending'
 }, {
-  label: 'Berhasil',
+  label: 'Success',
   value: 'success'
 }];
 var indexTable = [{

public/js/resources_js_pages_Suppliers_Index_vue.js

 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./config */ "./resources/js/pages/Suppliers/config.js");
-/* harmony import */ var _components_AppSearch_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components/AppSearch.vue */ "./resources/js/components/AppSearch.vue");
-/* harmony import */ var _components_AppButtonLink_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/components/AppButtonLink.vue */ "./resources/js/components/AppButtonLink.vue");
-/* harmony import */ var _components_AppPagination_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/components/AppPagination.vue */ "./resources/js/components/AppPagination.vue");
-/* harmony import */ var _layouts_Dashboard_DashboardLayout_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/layouts/Dashboard/DashboardLayout.vue */ "./resources/js/layouts/Dashboard/DashboardLayout.vue");
+/* harmony import */ var _inertiajs_inertia__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @inertiajs/inertia */ "./node_modules/@inertiajs/inertia/dist/index.js");
+/* harmony import */ var primevue_useconfirm__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! primevue/useconfirm */ "./node_modules/primevue/useconfirm/useconfirm.esm.js");
+/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./config */ "./resources/js/pages/Suppliers/config.js");
+/* harmony import */ var _components_AppSearch_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/components/AppSearch.vue */ "./resources/js/components/AppSearch.vue");
+/* harmony import */ var _components_AppButtonLink_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/components/AppButtonLink.vue */ "./resources/js/components/AppButtonLink.vue");
+/* harmony import */ var _components_AppPagination_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @/components/AppPagination.vue */ "./resources/js/components/AppPagination.vue");
+/* harmony import */ var _layouts_Dashboard_DashboardLayout_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @/layouts/Dashboard/DashboardLayout.vue */ "./resources/js/layouts/Dashboard/DashboardLayout.vue");
+
+
 
 
 
   setup: function setup(__props, _ref) {
     var expose = _ref.expose;
     expose();
+    var deleteConfirm = (0,primevue_useconfirm__WEBPACK_IMPORTED_MODULE_1__.useConfirm)();
+
+    var onDelete = function onDelete(data) {
+      deleteConfirm.require({
+        message: "Yakin akan menghapus data (".concat(data.name, ") ?"),
+        header: 'Hapus Supplier',
+        acceptLabel: 'Iya',
+        rejectLabel: 'Tidak',
+        accept: function accept() {
+          _inertiajs_inertia__WEBPACK_IMPORTED_MODULE_0__.Inertia["delete"](route('suppliers.destroy', data.id));
+        },
+        reject: function reject() {
+          deleteConfirm.close();
+        }
+      });
+    };
+
     var __returned__ = {
-      indexTable: _config__WEBPACK_IMPORTED_MODULE_0__.indexTable,
-      AppSearch: _components_AppSearch_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-      AppButtonLink: _components_AppButtonLink_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
-      AppPagination: _components_AppPagination_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
-      DashboardLayout: _layouts_Dashboard_DashboardLayout_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
+      deleteConfirm: deleteConfirm,
+      onDelete: onDelete,
+      Inertia: _inertiajs_inertia__WEBPACK_IMPORTED_MODULE_0__.Inertia,
+      useConfirm: primevue_useconfirm__WEBPACK_IMPORTED_MODULE_1__.useConfirm,
+      indexTable: _config__WEBPACK_IMPORTED_MODULE_2__.indexTable,
+      AppSearch: _components_AppSearch_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
+      AppButtonLink: _components_AppButtonLink_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
+      AppPagination: _components_AppPagination_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
+      DashboardLayout: _layouts_Dashboard_DashboardLayout_vue__WEBPACK_IMPORTED_MODULE_6__["default"]
     };
     Object.defineProperty(__returned__, '__isScriptSetup', {
       enumerable: false,
   "class": "col-12 md:col-4 flex flex-column md:flex-row justify-content-end"
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_ConfirmDialog = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("ConfirmDialog");
+
   var _component_Column = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Column");
 
+  var _component_Button = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Button");
+
   var _component_DataTable = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("DataTable");
 
   var _directive_tooltip = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveDirective)("tooltip");
 
-  return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)($setup["DashboardLayout"], {
+  return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)(vue__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_ConfirmDialog), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["DashboardLayout"], {
     title: "Daftar Supplier"
   }, {
     "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
             _: 1
             /* STABLE */
 
+          }), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Column, null, {
+            body: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function (_ref2) {
+              var data = _ref2.data;
+              return [!data.isUsed ? (0,vue__WEBPACK_IMPORTED_MODULE_0__.withDirectives)(((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)(_component_Button, {
+                key: 0,
+                icon: "pi pi-trash",
+                "class": "p-button-icon-only p-button-rounded p-button-text",
+                onClick: function onClick($event) {
+                  return $setup.onDelete(data);
+                }
+              }, null, 8
+              /* PROPS */
+              , ["onClick"])), [[_directive_tooltip, 'Hapus Supplier', void 0, {
+                bottom: true
+              }]]) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)];
+            }),
+            _: 1
+            /* STABLE */
+
           })];
         }),
         _: 1
     _: 1
     /* STABLE */
 
-  });
+  })], 64
+  /* STABLE_FRAGMENT */
+  );
 }
 
 /***/ }),

public/js/vue.js

 		"./resources/js/pages/Sales/Create.vue",
 		"resources_js_pages_Sales_Create_vue"
 	],
+	"./Sales/Edit": [
+		"./resources/js/pages/Sales/Edit.vue",
+		"resources_js_pages_Sales_Edit_vue"
+	],
+	"./Sales/Edit.vue": [
+		"./resources/js/pages/Sales/Edit.vue",
+		"resources_js_pages_Sales_Edit_vue"
+	],
 	"./Sales/Index": [
 		"./resources/js/pages/Sales/Index.vue",
 		"resources_js_pages_Sales_Index_vue"
 /******/ 		// This function allow to reference async chunks
 /******/ 		__webpack_require__.u = (chunkId) => {
 /******/ 			// return url for filenames based on template
-/******/ 			return "js/" + chunkId + ".js?id=" + {"node_modules_chart_js_auto_auto_esm_js":"9296b829a7757dee","resources_js_pages_Auth_Login_vue":"be578e085a239e29","resources_js_pages_Customers_Create_vue":"3f071508eabc668b","resources_js_pages_Customers_Edit_vue":"aebd0864e4ad3e68","resources_js_pages_Customers_Index_vue":"1e494ee438fa9df6","resources_js_pages_Customers_config_js":"3e69b9c9add806c6","resources_js_pages_Dashboards_Index_vue":"d3d4e8305b123375","resources_js_pages_Error_Index_vue":"4119ff1c60260652","resources_js_pages_Products_Create_vue":"654f3597a7f836a8","resources_js_pages_Products_Edit_vue":"92630d22ca001222","resources_js_pages_Products_Index_vue":"f21347c772e5a78b","resources_js_pages_Products_config_js":"885a5522b0477687","resources_js_pages_Purchases_Index_vue":"b4137df9a769fdf3","resources_js_pages_Sales_Components_Dialog_CustomerCreate_vue":"0e45b005d2175423","resources_js_pages_Sales_Components_Dialog_ProductCreate_vue":"26ef1d3355ba7e47","resources_js_pages_Sales_Components_SaleDetails_vue":"b0aacea6649cd1d1","resources_js_pages_Sales_Create_vue":"e90f4bf66d9a6f95","resources_js_pages_Sales_Index_vue":"ea504c94494d14bb","resources_js_pages_Sales_config_js":"130f88fd092690ee","resources_js_pages_StockProducts_Index_vue":"7f6b33a4fbab582d","resources_js_pages_Suppliers_Create_vue":"c013262c0e5fb7ee","resources_js_pages_Suppliers_Edit_vue":"c026816d9eff6a88","resources_js_pages_Suppliers_Index_vue":"96c102e92f653886","resources_js_pages_Suppliers_config_js":"52e8d25c6bfab54b","resources_js_pages_Users_Create_vue":"efad98f9f2b8dba6","resources_js_pages_Users_Edit_vue":"a5c8a2cdddf14020","resources_js_pages_Users_Index_vue":"bcd25543a8cc6f19","resources_js_pages_Users_Show_vue":"1e641b8d61834507","resources_js_pages_Users_config_js":"92384d78612abc88"}[chunkId] + "";
+/******/ 			return "js/" + chunkId + ".js?id=" + {"node_modules_chart_js_auto_auto_esm_js":"9296b829a7757dee","resources_js_pages_Auth_Login_vue":"be578e085a239e29","resources_js_pages_Customers_Create_vue":"3f071508eabc668b","resources_js_pages_Customers_Edit_vue":"b195d54357f43a2d","resources_js_pages_Customers_Index_vue":"6882e2ddc4f886c0","resources_js_pages_Customers_config_js":"3e69b9c9add806c6","resources_js_pages_Dashboards_Index_vue":"d3d4e8305b123375","resources_js_pages_Error_Index_vue":"4119ff1c60260652","resources_js_pages_Products_Create_vue":"9a60a13d33678f2b","resources_js_pages_Products_Edit_vue":"213fbd014f856c8f","resources_js_pages_Products_Index_vue":"e5eb059406afbe3f","resources_js_pages_Products_config_js":"885a5522b0477687","resources_js_pages_Purchases_Index_vue":"b4137df9a769fdf3","resources_js_pages_Sales_Components_Dialog_CustomerCreate_vue":"0e45b005d2175423","resources_js_pages_Sales_Components_Dialog_ProductCreate_vue":"26ef1d3355ba7e47","resources_js_pages_Sales_Components_SaleDetails_vue":"b0aacea6649cd1d1","resources_js_pages_Sales_Create_vue":"7c3ad48c918ffd4a","resources_js_pages_Sales_Edit_vue":"5ad741e047bbf9ea","resources_js_pages_Sales_Index_vue":"f19c9fbcd01218cf","resources_js_pages_Sales_config_js":"c4816c15a415fd36","resources_js_pages_StockProducts_Index_vue":"7f6b33a4fbab582d","resources_js_pages_Suppliers_Create_vue":"c013262c0e5fb7ee","resources_js_pages_Suppliers_Edit_vue":"c026816d9eff6a88","resources_js_pages_Suppliers_Index_vue":"ecce1594ff033787","resources_js_pages_Suppliers_config_js":"52e8d25c6bfab54b","resources_js_pages_Users_Create_vue":"efad98f9f2b8dba6","resources_js_pages_Users_Edit_vue":"a5c8a2cdddf14020","resources_js_pages_Users_Index_vue":"bcd25543a8cc6f19","resources_js_pages_Users_Show_vue":"1e641b8d61834507","resources_js_pages_Users_config_js":"92384d78612abc88"}[chunkId] + "";
 /******/ 		};
 /******/ 	})();
 /******/ 	

resources/js/components/AppDropdown.vue

   const result = props.options.find(
     (option) => option[props.optionValue] == value
   )
+
   if (result) {
     return result[props.optionLabel]
   }

resources/js/pages/Customers/Edit.vue

 <script setup>
-import { Inertia } from '@inertiajs/inertia'
-import { useConfirm } from 'primevue/useconfirm'
 import { useForm } from '@/components/useForm'
 import AppInputText from '@/components/AppInputText.vue'
 import DashboardLayout from '@/layouts/Dashboard/DashboardLayout.vue'
   npwp: props.customer.npwp,
 })
 
-const deleteConfirm = useConfirm()
-
-const onDelete = () => {
-  deleteConfirm.require({
-    message: `Yakin akan menghapus (${props.customer.name}) ?`,
-    header: 'Hapus Pelanggan',
-    acceptLabel: 'Hapus',
-    rejectLabel: 'Batalkan',
-    accept: () => {
-      Inertia.delete(route('customers.destroy', props.customer.id))
-    },
-    reject: () => {
-      deleteConfirm.close()
-    },
-  })
-}
-
 const onSubmit = () => {
   form.put(route('customers.update', props.customer.id))
 }
 
 <template>
   <DashboardLayout title="Ubah Pelanggan">
-    <ConfirmDialog />
-
     <div class="grid">
       <div class="col-12 lg:col-8">
         <Card>
           <template #footer>
             <div class="grid">
               <div
-                class="col-12 md:col-6 flex flex-column md:flex-row justify-content-center md:justify-content-start"
-              >
-                <Button
-                  label="Hapus"
-                  icon="pi pi-trash"
-                  class="p-button-outlined p-button-danger"
-                  @click="onDelete"
-                />
-              </div>
-
-              <div
-                class="col-12 md:col-6 flex flex-column md:flex-row justify-content-center md:justify-content-end"
+                class="col-12 flex flex-column md:flex-row justify-content-end"
               >
                 <Button
                   label="Simpan"

resources/js/pages/Customers/Index.vue

 <script setup>
+import { Inertia } from '@inertiajs/inertia'
+import { useConfirm } from 'primevue/useconfirm'
 import { indexTable } from './config'
 import AppSearch from '@/components/AppSearch.vue'
 import AppButtonLink from '@/components/AppButtonLink.vue'
   customers: Object,
   initialSearch: String,
 })
+
+const deleteConfirm = useConfirm()
+
+const onDelete = (data) => {
+  deleteConfirm.require({
+    message: `Yakin akan menghapus data (${data.name}) ?`,
+    header: 'Hapus Pelanggan',
+    acceptLabel: 'Iya',
+    rejectLabel: 'Tidak',
+    accept: () => {
+      Inertia.delete(route('customers.destroy', data.id))
+    },
+    reject: () => {
+      deleteConfirm.close()
+    },
+  })
+}
 </script>
 
 <template>
+  <ConfirmDialog />
+
   <DashboardLayout title="Daftar Pelanggan">
     <DataTable
       responsiveLayout="scroll"
           />
         </template>
       </Column>
+
+      <Column>
+        <template #body="{ data }">
+          <Button
+            v-if="!data.isUsed"
+            icon="pi pi-trash"
+            class="p-button-icon-only p-button-rounded p-button-text"
+            v-tooltip.bottom="'Hapus Pelanggan'"
+            @click="onDelete(data)"
+          />
+        </template>
+      </Column>
     </DataTable>
 
     <AppPagination :links="customers.links" />

resources/js/pages/Products/Create.vue

 <script setup>
+import { useForm } from '@/components/useForm'
 import AppInputText from '@/components/AppInputText.vue'
 import DashboardLayout from '@/layouts/Dashboard/DashboardLayout.vue'
 
                 />
               </div>
             </div>
+
             <div class="flex flex-column md:flex-row justify-content-end">
               <Button
                 label="Simpan"

resources/js/pages/Products/Edit.vue

 <script setup>
+import { useForm } from '@/components/useForm'
 import AppInputText from '@/components/AppInputText.vue'
 import DashboardLayout from '@/layouts/Dashboard/DashboardLayout.vue'
 

resources/js/pages/Products/Index.vue

 <script setup>
+import { Inertia } from '@inertiajs/inertia'
+import { useConfirm } from 'primevue/useconfirm'
 import { indexTable } from './config'
 import AppSearch from '@/components/AppSearch.vue'
 import AppButtonLink from '@/components/AppButtonLink.vue'
   products: Object,
   initialSearch: String,
 })
+
+const deleteConfirm = useConfirm()
+
+const onDelete = (data) => {
+  deleteConfirm.require({
+    message: `Yakin akan menghapus data (${data.name}) ?`,
+    header: 'Hapus Produk',
+    acceptLabel: 'Iya',
+    rejectLabel: 'Tidak',
+    accept: () => {
+      Inertia.delete(route('products.destroy', data.id))
+    },
+    reject: () => {
+      deleteConfirm.close()
+    },
+  })
+}
 </script>
 
 <template>
+  <ConfirmDialog />
+
   <DashboardLayout title="Daftar Produk">
     <DataTable
       responsiveLayout="scroll"
           <AppButtonLink
             icon="pi pi-pencil"
             class="p-button-icon-only p-button-rounded p-button-text"
-            v-tooltip.bottom="'Ubah Pelanggan'"
+            v-tooltip.bottom="'Ubah Produk'"
             :href="route('products.edit', data.id)"
           />
         </template>
       </Column>
+
+      <Column>
+        <template #body="{ data }">
+          <Button
+            v-if="!data.isUsed"
+            icon="pi pi-trash"
+            class="p-button-icon-only p-button-rounded p-button-text"
+            v-tooltip.bottom="'Hapus Produk'"
+            @click="onDelete(data)"
+          />
+        </template>
+      </Column>
     </DataTable>
 
     <AppPagination :links="products.links" />

resources/js/pages/Sales/Create.vue

       price: data.price,
       qty: data.qty,
       customer_id: data.customer.id,
-      product_id: data.product.number,
+      product_number: data.product.number,
     }))
     .post(route('sales.store'), {
       onSuccess: () => form.reset(),
                   field="name"
                   refresh-data="products"
                   v-model="form.product"
-                  :error="form.errors.product_id"
+                  :error="form.errors.product_number"
                   :suggestions="products"
                 >
                   <template #item="slotProps">

resources/js/pages/Sales/Edit.vue

+<script setup>
+import { useForm } from '@/components/useForm'
+import { optionStatus } from './config'
+import AppDropdown from '@/components/AppDropdown.vue'
+import AppInputNumber from '@/components/AppInputNumber.vue'
+import AppInputText from '@/components/AppInputText.vue'
+import SaleDetails from './Components/SaleDetails.vue'
+import DashboardLayout from '@/layouts/Dashboard/DashboardLayout.vue'
+
+const props = defineProps({
+  sale: Object,
+})
+
+const form = useForm({
+  status: props.sale.status.value,
+  price: props.sale.price,
+  qty: props.sale.qty,
+})
+
+const onSubmit = () => {
+  form.put(route('sales.update', props.sale.id))
+}
+</script>
+
+<template>
+  <DashboardLayout title="Ubah Penjualan">
+    <div class="grid">
+      <div class="col-12 lg:col-8">
+        <Card>
+          <template #title> Ubah Penjualan </template>
+          <template #content>
+            <div class="grid">
+              <div class="col-12 md:col-6">
+                <AppDropdown
+                  label="Status"
+                  placeholder="status"
+                  :options="optionStatus"
+                  :error="form.errors.status"
+                  v-model="form.status"
+                />
+              </div>
+
+              <div class="col-12 md:col-6">
+                <AppInputNumber
+                  label="Harga"
+                  placeholder="harga"
+                  :error="form.errors.price"
+                  v-model="form.price"
+                />
+              </div>
+
+              <div class="col-12 md:col-6">
+                <AppInputText
+                  label="Kuantitas"
+                  placeholder="kuantitas"
+                  type="number"
+                  :error="form.errors.qty"
+                  v-model="form.qty"
+                />
+              </div>
+            </div>
+          </template>
+
+          <template #footer>
+            <div class="flex flex-column md:flex-row justify-content-end">
+              <Button
+                label="Simpan"
+                icon="pi pi-check"
+                class="p-button-outlined"
+                :disabled="form.processing"
+                @click="onSubmit"
+              />
+            </div>
+          </template>
+        </Card>
+      </div>
+
+      <div class="col-12 lg:col-4">
+        <SaleDetails
+          :sale-number="sale.number"
+          :sale-price="form.price"
+          :sale-qty="form.qty"
+          :sale-status="form.status"
+          :customer="sale.customer"
+          :product="sale.product"
+        />
+      </div>
+    </div>
+  </DashboardLayout>
+</template>

resources/js/pages/Sales/Index.vue

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

resources/js/pages/Sales/config.js

     value: 'pending',
   },
   {
-    label: 'Berhasil',
+    label: 'Success',
     value: 'success',
   },
 ]

resources/js/pages/Suppliers/Index.vue

 <script setup>
+import { Inertia } from '@inertiajs/inertia'
+import { useConfirm } from 'primevue/useconfirm'
 import { indexTable } from './config'
 import AppSearch from '@/components/AppSearch.vue'
 import AppButtonLink from '@/components/AppButtonLink.vue'
   suppliers: Object,
   initialSearch: String,
 })
+
+const deleteConfirm = useConfirm()
+
+const onDelete = (data) => {
+  deleteConfirm.require({
+    message: `Yakin akan menghapus data (${data.name}) ?`,
+    header: 'Hapus Supplier',
+    acceptLabel: 'Iya',
+    rejectLabel: 'Tidak',
+    accept: () => {
+      Inertia.delete(route('suppliers.destroy', data.id))
+    },
+    reject: () => {
+      deleteConfirm.close()
+    },
+  })
+}
 </script>
 
 <template>
+  <ConfirmDialog />
+
   <DashboardLayout title="Daftar Supplier">
     <DataTable
       responsiveLayout="scroll"
           />
         </template>
       </Column>
+
+      <Column>
+        <template #body="{ data }">
+          <Button
+            v-if="!data.isUsed"
+            icon="pi pi-trash"
+            class="p-button-icon-only p-button-rounded p-button-text"
+            v-tooltip.bottom="'Hapus Supplier'"
+            @click="onDelete(data)"
+          />
+        </template>
+      </Column>
     </DataTable>
 
     <AppPagination :links="suppliers.links" />