fix: sales master

app/Http/Controllers/SalesController.php

                     'number' => $sale->number,
                     'status' => $sale->status,
                     'price' => $sale->saleDetail->price,
-                    'ppn' => $sale->saleDetail->ppn,
+                    'ppn' => $sale->saleDetail->ppn . '%',
                     'qty' => $sale->saleDetail->qty,
                     'productName' => $sale->product->name,
                     'productNumber' => $sale->product->number
             'sale' => [
                 'id' => $sale->id,
                 'number' => $sale->number,
-                'status' => [
-                    'value' => $sale->status
-                ],
+                'status' => $sale->status,
                 'price' => $sale->saleDetail->getRawOriginal('price'),
                 'qty' => $sale->saleDetail->qty,
+                'ppn' => $sale->saleDetail->ppn,
                 'customer' => $sale->customer,
                 'product' => $sale->product
             ]
      */
     public function update(UpdateSaleRequest $request, Sale $sale)
     {
-        dd($request->validated());
-
         DB::beginTransaction();
 
         try {
+            $sale->create($request->validated());
+
+            $sale->saleDetail()->create($request->validated());
+
             DB::commit();
 
             return back()->with('succes', __('messages.success.update.sale'));

app/Models/Sale.php

     protected function updatedAt(): Attribute
     {
         return Attribute::make(
-            get:fn($value) => Carbon::parse($value)->translatedFormat('l d/m/Y H:i:s')
+            get:fn($value) => Carbon::parse($value)->translatedFormat('l d/m/Y')
         );
     }
 

public/js/resources_js_pages_Sales_Components_SaleDetails_vue.js

 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
   __name: 'SaleDetails',
-  props: ['saleNumber', 'salePrice', 'saleQty', 'saleStatus', 'customer', 'product'],
+  props: ['saleNumber', 'salePrice', 'saleQty', 'salePpn', 'saleStatus', 'customer', 'product'],
   setup: function setup(__props, _ref) {
     var expose = _ref.expose;
     expose();
 );
 
 var _hoisted_26 = {
-  key: 1,
   "class": "col-12"
 };
+var _hoisted_27 = {
+  "class": "grid"
+};
+var _hoisted_28 = {
+  "class": "col"
+};
+
+var _hoisted_29 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("h3", {
+  "class": "text-base"
+}, "Harga", -1
+/* HOISTED */
+);
 
-var _hoisted_27 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("h3", {
+var _hoisted_30 = {
+  "class": "col"
+};
+
+var _hoisted_31 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("h3", {
   "class": "text-base"
 }, "Kuantitas", -1
 /* HOISTED */
 );
 
-var _hoisted_28 = {
-  key: 2,
-  "class": "col-12"
+var _hoisted_32 = {
+  "class": "col"
 };
 
-var _hoisted_29 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("h3", {
+var _hoisted_33 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("h3", {
   "class": "text-base"
-}, "Harga", -1
+}, "PPN", -1
 /* HOISTED */
 );
 
       /* TEXT */
       )])])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Divider, {
         type: "dashed"
-      }), $props.saleQty !== null && $props.saleQty.length >= 1 ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("div", _hoisted_26, [_hoisted_27, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("span", null, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.saleQty), 1
+      }), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_26, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_27, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_28, [_hoisted_29, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("span", null, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.salePrice), 1
+      /* TEXT */
+      )]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_30, [_hoisted_31, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("span", null, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.saleQty), 1
       /* TEXT */
-      )])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.salePrice !== null ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("div", _hoisted_28, [_hoisted_29, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("span", null, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.salePrice), 1
+      )]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_32, [_hoisted_33, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("span", null, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.salePpn) + " %", 1
       /* TEXT */
-      )])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)])];
+      )])])])])];
     }),
     _: 1
     /* STABLE */

public/js/resources_js_pages_Sales_Create_vue.js

 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
   __name: 'SaleDetails',
-  props: ['saleNumber', 'salePrice', 'saleQty', 'saleStatus', 'customer', 'product'],
+  props: ['saleNumber', 'salePrice', 'saleQty', 'salePpn', 'saleStatus', 'customer', 'product'],
   setup: function setup(__props, _ref) {
     var expose = _ref.expose;
     expose();
   __name: 'Create',
   props: {
     number: String,
+    ppn: Number,
     customers: {
       type: Array,
       "default": []
 );
 
 var _hoisted_26 = {
-  key: 1,
   "class": "col-12"
 };
+var _hoisted_27 = {
+  "class": "grid"
+};
+var _hoisted_28 = {
+  "class": "col"
+};
+
+var _hoisted_29 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("h3", {
+  "class": "text-base"
+}, "Harga", -1
+/* HOISTED */
+);
+
+var _hoisted_30 = {
+  "class": "col"
+};
 
-var _hoisted_27 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("h3", {
+var _hoisted_31 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("h3", {
   "class": "text-base"
 }, "Kuantitas", -1
 /* HOISTED */
 );
 
-var _hoisted_28 = {
-  key: 2,
-  "class": "col-12"
+var _hoisted_32 = {
+  "class": "col"
 };
 
-var _hoisted_29 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("h3", {
+var _hoisted_33 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("h3", {
   "class": "text-base"
-}, "Harga", -1
+}, "PPN", -1
 /* HOISTED */
 );
 
       /* TEXT */
       )])])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Divider, {
         type: "dashed"
-      }), $props.saleQty !== null && $props.saleQty.length >= 1 ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("div", _hoisted_26, [_hoisted_27, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("span", null, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.saleQty), 1
+      }), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_26, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_27, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_28, [_hoisted_29, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("span", null, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.salePrice), 1
       /* TEXT */
-      )])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.salePrice !== null ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("div", _hoisted_28, [_hoisted_29, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("span", null, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.salePrice), 1
+      )]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_30, [_hoisted_31, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("span", null, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.saleQty), 1
       /* TEXT */
-      )])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)])];
+      )]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_32, [_hoisted_33, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("span", null, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.salePpn) + " %", 1
+      /* TEXT */
+      )])])])])];
     }),
     _: 1
     /* STABLE */
         "sale-number": $props.number,
         "sale-price": $setup.form.price,
         "sale-qty": $setup.form.qty,
+        "sale-ppn": $props.ppn,
         "sale-status": $setup.form.status,
         customer: $setup.form.customer,
         product: $setup.form.product
       }, null, 8
       /* PROPS */
-      , ["sale-number", "sale-price", "sale-qty", "sale-status", "customer", "product"])])])];
+      , ["sale-number", "sale-price", "sale-qty", "sale-ppn", "sale-status", "customer", "product"])])])];
     }),
     _: 1
     /* STABLE */
 /* harmony export */   "optionStatus": () => (/* binding */ optionStatus)
 /* harmony export */ });
 var optionStatus = [{
-  label: 'Pending',
+  label: 'pending',
   value: 'pending'
 }, {
-  label: 'Success',
+  label: 'success',
   value: 'success'
 }];
 var indexTable = [{
 }, {
   field: 'qty',
   header: 'Kuantitas'
+}, {
+  field: 'ppn',
+  header: 'PPN'
 }, {
   field: 'productName',
   header: 'Nama Produk'

public/js/resources_js_pages_Sales_Edit_vue.js

 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
   __name: 'SaleDetails',
-  props: ['saleNumber', 'salePrice', 'saleQty', 'saleStatus', 'customer', 'product'],
+  props: ['saleNumber', 'salePrice', 'saleQty', 'salePpn', 'saleStatus', 'customer', 'product'],
   setup: function setup(__props, _ref) {
     var expose = _ref.expose;
     expose();
     expose();
     var props = __props;
     var form = (0,_components_useForm__WEBPACK_IMPORTED_MODULE_0__.useForm)({
-      status: props.sale.status.value,
+      status: props.sale.status,
       price: props.sale.price,
       qty: props.sale.qty
     });
 );
 
 var _hoisted_26 = {
-  key: 1,
   "class": "col-12"
 };
+var _hoisted_27 = {
+  "class": "grid"
+};
+var _hoisted_28 = {
+  "class": "col"
+};
 
-var _hoisted_27 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("h3", {
+var _hoisted_29 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("h3", {
+  "class": "text-base"
+}, "Harga", -1
+/* HOISTED */
+);
+
+var _hoisted_30 = {
+  "class": "col"
+};
+
+var _hoisted_31 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("h3", {
   "class": "text-base"
 }, "Kuantitas", -1
 /* HOISTED */
 );
 
-var _hoisted_28 = {
-  key: 2,
-  "class": "col-12"
+var _hoisted_32 = {
+  "class": "col"
 };
 
-var _hoisted_29 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("h3", {
+var _hoisted_33 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("h3", {
   "class": "text-base"
-}, "Harga", -1
+}, "PPN", -1
 /* HOISTED */
 );
 
       /* TEXT */
       )])])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Divider, {
         type: "dashed"
-      }), $props.saleQty !== null && $props.saleQty.length >= 1 ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("div", _hoisted_26, [_hoisted_27, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("span", null, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.saleQty), 1
+      }), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_26, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_27, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_28, [_hoisted_29, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("span", null, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.salePrice), 1
       /* TEXT */
-      )])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.salePrice !== null ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("div", _hoisted_28, [_hoisted_29, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("span", null, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.salePrice), 1
+      )]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_30, [_hoisted_31, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("span", null, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.saleQty), 1
       /* TEXT */
-      )])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)])];
+      )]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_32, [_hoisted_33, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("span", null, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.salePpn) + " %", 1
+      /* TEXT */
+      )])])])])];
     }),
     _: 1
     /* STABLE */
         "sale-number": $props.sale.number,
         "sale-price": $setup.form.price,
         "sale-qty": $setup.form.qty,
+        "sale-ppn": $props.sale.ppn,
         "sale-status": $setup.form.status,
         customer: $props.sale.customer,
         product: $props.sale.product
       }, null, 8
       /* PROPS */
-      , ["sale-number", "sale-price", "sale-qty", "sale-status", "customer", "product"])])])];
+      , ["sale-number", "sale-price", "sale-qty", "sale-ppn", "sale-status", "customer", "product"])])])];
     }),
     _: 1
     /* STABLE */
 /* harmony export */   "optionStatus": () => (/* binding */ optionStatus)
 /* harmony export */ });
 var optionStatus = [{
-  label: 'Pending',
+  label: 'pending',
   value: 'pending'
 }, {
-  label: 'Success',
+  label: 'success',
   value: 'success'
 }];
 var indexTable = [{
 }, {
   field: 'qty',
   header: 'Kuantitas'
+}, {
+  field: 'ppn',
+  header: 'PPN'
 }, {
   field: 'productName',
   header: 'Nama Produk'

public/js/resources_js_pages_Sales_Index_vue.js

 /* harmony export */   "optionStatus": () => (/* binding */ optionStatus)
 /* harmony export */ });
 var optionStatus = [{
-  label: 'Pending',
+  label: 'pending',
   value: 'pending'
 }, {
-  label: 'Success',
+  label: 'success',
   value: 'success'
 }];
 var indexTable = [{
 }, {
   field: 'qty',
   header: 'Kuantitas'
+}, {
+  field: 'ppn',
+  header: 'PPN'
 }, {
   field: 'productName',
   header: 'Nama Produk'

public/js/resources_js_pages_Sales_config_js.js

 /* harmony export */   "optionStatus": () => (/* binding */ optionStatus)
 /* harmony export */ });
 var optionStatus = [{
-  label: 'Pending',
+  label: 'pending',
   value: 'pending'
 }, {
-  label: 'Success',
+  label: 'success',
   value: 'success'
 }];
 var indexTable = [{
 }, {
   field: 'qty',
   header: 'Kuantitas'
+}, {
+  field: 'ppn',
+  header: 'PPN'
 }, {
   field: 'productName',
   header: 'Nama Produk'

public/js/vue.js

 /******/ 		// 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":"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] + "";
+/******/ 			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":"519573a03ccc0914","resources_js_pages_Sales_Create_vue":"bf2ce49cdf44a49d","resources_js_pages_Sales_Edit_vue":"fa702f86b501dff1","resources_js_pages_Sales_Index_vue":"25a934a710820848","resources_js_pages_Sales_config_js":"b0e1bf081e7ceb77","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/pages/Sales/Components/SaleDetails.vue

   'saleNumber',
   'salePrice',
   'saleQty',
+  'salePpn',
   'saleStatus',
   'customer',
   'product',
               <h3 class="text-base">Nomor Penjualan</h3>
               <span>{{ saleNumber }}</span>
             </div>
+
             <div class="col">
               <h3 class="text-base">Status Penjualan</h3>
               <span>{{ saleStatus }}</span>
             </div>
+
             <div class="col"></div>
           </div>
         </div>
+
         <div
           v-if="
             customer !== null &&
               <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">NPWP</h3>
               <span>{{ customer.npwp }}</span>
             </div>
           </div>
         </div>
+
         <div class="col-12">
           <div
             v-if="
               <h3 class="text-base">Nomor Produk</h3>
               <span>{{ product.number }}</span>
             </div>
+
             <div class="col">
               <h3 class="text-base">Nama Produk</h3>
               <span>{{ product.name }}</span>
             </div>
+
             <div class="col">
               <h3 class="text-base">Satuan</h3>
               <span>{{ product.unit }}</span>
             </div>
           </div>
         </div>
+
         <Divider type="dashed" />
-        <div v-if="saleQty !== null && saleQty.length >= 1" class="col-12">
-          <h3 class="text-base">Kuantitas</h3>
-          <span>{{ saleQty }}</span>
-        </div>
-        <div v-if="salePrice !== null" class="col-12">
-          <h3 class="text-base">Harga</h3>
-          <span>{{ salePrice }}</span>
+        <div class="col-12">
+          <div class="grid">
+            <div class="col">
+              <h3 class="text-base">Harga</h3>
+              <span>{{ salePrice }}</span>
+            </div>
+
+            <div class="col">
+              <h3 class="text-base">Kuantitas</h3>
+              <span>{{ saleQty }}</span>
+            </div>
+
+            <div class="col">
+              <h3 class="text-base">PPN</h3>
+              <span>{{ salePpn }} %</span>
+            </div>
+          </div>
         </div>
       </div>
     </template>

resources/js/pages/Sales/Create.vue

 
 const props = defineProps({
   number: String,
+  ppn: Number,
   customers: {
     type: Array,
     default: [],
           :sale-number="number"
           :sale-price="form.price"
           :sale-qty="form.qty"
+          :sale-ppn="ppn"
           :sale-status="form.status"
           :customer="form.customer"
           :product="form.product"

resources/js/pages/Sales/Edit.vue

 })
 
 const form = useForm({
-  status: props.sale.status.value,
+  status: props.sale.status,
   price: props.sale.price,
   qty: props.sale.qty,
 })
           :sale-number="sale.number"
           :sale-price="form.price"
           :sale-qty="form.qty"
+          :sale-ppn="sale.ppn"
           :sale-status="form.status"
           :customer="sale.customer"
           :product="sale.product"

resources/js/pages/Sales/config.js

 export const optionStatus = [
   {
-    label: 'Pending',
+    label: 'pending',
     value: 'pending',
   },
   {
-    label: 'Success',
+    label: 'success',
     value: 'success',
   },
 ]
   { field: 'status', header: 'Status' },
   { field: 'price', header: 'Harga' },
   { field: 'qty', header: 'Kuantitas' },
+  { field: 'ppn', header: 'PPN' },
   { field: 'productName', header: 'Nama Produk' },
   { field: 'productNumber', header: 'Nomor Produk' },
 ]