fix: transaction master, button style and other

app/Http/Controllers/TransactionController.php

                 ]);
             }
 
+            $transaction->mutations()->create([
+                'type' => 1,
+                'amount' => $transaction->totalPrice(),
+                'outlet_id' => auth()->user()->outlet_id,
+            ]);
+
             DB::commit();
 
             $transaction = Transaction::latest()->first();
             $thermalPrinting = new ThermalPrinting($transaction);
             $thermalPrinting->startPrinting(2);
 
-            return to_route('transactions.index')->with('success', __('Transaksi berhasil ditambahkan'));
+            return to_route('transactions.index')->with('success', __('messages.success.store.transaction'));
         } catch (QueryException $e) {
-            return back()->with('error', __('Penambahan transaksi gagal'));
+            return back()->with('error', __('messages.error.store.transaction'));
 
             DB::rollBack();
         }
     {
         $transaction->update($request->validated());
 
-        return back()->with('success', __('Transaksi berhasil diperbaharui'));
+        return back()->with('success', __('messages.success.update.transaction_status'));
     }
 
     /**

app/Models/Customer.php

     protected function genderId(): Attribute
     {
         return Attribute::make(
-            get:fn($value) => $value == 1 ? __('Perempuan') : __('Laki-laki'),
+            get:fn($value) => $value == 1 ? __('words.female') : __('words.male'),
         );
     }
 

app/Models/Transaction.php

 
 use App\Models\Customer;
 use App\Models\Helpers\HasHelper;
+use App\Models\Mutation;
 use App\Models\Outlet;
 use App\Models\TransactionDetail;
 use App\Models\TransactionStatus;
         return $this->belongsTo(User::class);
     }
 
+    public function mutations()
+    {
+        return $this->hasMany(Mutation::class);
+    }
+
     public function scopeFilter($query, array $filters)
     {
         $query->when($filters['search'] ?? null, function ($query, $search) {

app/Models/User.php

     protected function status(): Attribute
     {
         return Attribute::make(
-            get:fn($value) => $value ? __('Aktif') : __('Non Aktif'),
+            get:fn($value) => $value ? __('words.active') : __('words.not_active'),
         );
     }
 

database/migrations/2022_02_22_031729_create_mutations_table.php

             $table->unsignedBigInteger('amount');
             $table->foreignId('outlet_id')->constrained();
             $table->foreignId('transaction_id')->constrained();
-            $table->foreignId('expense_id')->constrained();
+            $table->foreignId('expense_id')->nullable()->default(null)->constrained();
             $table->timestamps();
         });
     }

designs/diagrams/database.puml

 }
 
 Mutation }|--|| Expense
-Mutation }|--|| Transaction
 Mutation ||--|{ Outlet
+Transaction }|--|| Mutation
 Transaction }|--|| TransactionDetail
 Transaction ||--|{ TransactionStatus
 Transaction ||--|{ Outlet

public/js/resources_js_pages_Access_vue.js

     expose();
     var __returned__ = {
       Head: _inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_0__.Head,
-      Link: _inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_0__.Link,
-      useForm: _inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_0__.useForm
+      Link: _inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_0__.Link
     };
     Object.defineProperty(__returned__, '__isScriptSetup', {
       enumerable: false,
 /* harmony export */ });
 /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm-bundler.js");
 
-var _hoisted_1 = {
+
+var _hoisted_1 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("head", {
+  title: "Akses ditolak"
+}, null, -1
+/* HOISTED */
+);
+
+var _hoisted_2 = {
   "class": "surface-0 flex align-items-center justify-content-center min-h-screen min-w-screen overflow-hidden"
 };
-var _hoisted_2 = {
+var _hoisted_3 = {
   "class": "grid justify-content-center p-2 lg:p-0",
   style: {
     "min-width": "80%"
   }
 };
-var _hoisted_3 = {
+var _hoisted_4 = {
   "class": "col-12 xl:col-6",
   style: {
     "border-radius": "56px",
     "padding": "0.3rem",
-    "background": "linear-gradient("
+    "background": "linear-gradient(180deg, rgba(247, 149, 48, 0.4) 10%, rgba(247, 149, 48, 0) 30%)"
   }
 };
-var _hoisted_4 = {
+var _hoisted_5 = {
   "class": "h-full w-full m-0 py-7 px-4",
   style: {
     "border-radius": "53px",
-    "background": "linear-gradient("
+    "background": "linear-gradient(180deg, var(--surface-50) 38.9%, var(--surface-0))"
   }
 };
-var _hoisted_5 = {
+var _hoisted_6 = {
   "class": "grid flex flex-column align-items-center"
 };
 
-var _hoisted_6 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", {
+var _hoisted_7 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", {
   "class": "flex justify-content-center align-items-center bg-orange-500 border-circle",
   style: {
     "width": "3.2rem",
 /* HOISTED */
 );
 
-var _hoisted_7 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("h1", {
+var _hoisted_8 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("h1", {
   "class": "text-900 font-bold text-4xl lg:text-5xl mb-2"
-}, " Access Denied ", -1
+}, "Akses ditolak", -1
 /* HOISTED */
 );
 
-var _hoisted_8 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("span", {
+var _hoisted_9 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("span", {
   "class": "text-600 text-center"
-}, "You do not have the necesary permisions. Please contact admins.", -1
+}, "Kamu tidak memiliki izi kehalaman ini, silakan hubungan admin", -1
 /* HOISTED */
 );
 
-var _hoisted_9 = {
+var _hoisted_10 = {
   "class": "col-12 mt-5 text-center"
 };
 
-var _hoisted_10 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("i", {
+var _hoisted_11 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("i", {
   "class": "pi pi-fw pi-arrow-left text-blue-500 mr-2",
   style: {
     "vertical-align": "center"
 /* HOISTED */
 );
 
-var _hoisted_11 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)("Go to Dashboard");
+var _hoisted_12 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)("Kembali ke Dashboard");
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("div", _hoisted_1, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_2, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)(" <div class=\"col-12 mt-5 xl:mt-0 text-center\"> "), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("   <img "), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("     src=\"layout/images/logo-orange.svg\" "), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("     alt=\"Sakai logo\" "), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("     class=\"mb-5\" "), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("     style=\"width: 81px; height: 60px\" "), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("   /> "), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)(" </div> "), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_3, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_4, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_5, [_hoisted_6, _hoisted_7, _hoisted_8, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)(" <img "), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("   src=\"layout/images/asset-access.svg\" "), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("   alt=\"Access denied\" "), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("   class=\"mt-5\" "), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("   width=\"80%\" "), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)(" /> "), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_9, [_hoisted_10, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["Link"], {
+  return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)(vue__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, [_hoisted_1, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_2, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_3, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_4, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_5, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_6, [_hoisted_7, _hoisted_8, _hoisted_9, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_10, [_hoisted_11, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["Link"], {
     href: "/",
     "class": "text-blue-500"
   }, {
     "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
-      return [_hoisted_11];
+      return [_hoisted_12];
     }),
     _: 1
     /* STABLE */
 
-  })])])])])])]);
+  })])])])])])])], 64
+  /* STABLE_FRAGMENT */
+  );
 }
 
 /***/ }),

public/js/resources_js_pages_customer_Create_vue.js

             modelValue: $setup.form.customer_number,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) {
               return $setup.form.customer_number = $event;
-            })
+            }),
+            placeholder: "id customer"
           }, null, 8
           /* PROPS */
           , ["modelValue"])]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_5, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppInputText"], {
           return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_9, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppButton"], {
             onClick: $setup.submit,
             label: "Simpan",
-            icon: "pi pi-check"
+            icon: "pi pi-check",
+            "class": "p-button-text"
           })])];
         }),
         _: 1

public/js/resources_js_pages_customer_Edit_vue.js

             modelValue: $setup.form.customer_number,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) {
               return $setup.form.customer_number = $event;
-            })
+            }),
+            placeholder: "id customer"
           }, null, 8
           /* PROPS */
           , ["modelValue"])]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_5, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppInputText"], {
           }), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppButton"], {
             onClick: $setup.submit,
             label: "Simpan",
-            icon: "pi pi-check"
+            icon: "pi pi-check",
+            "class": "p-button-text"
           })])];
         }),
         _: 1

public/js/resources_js_pages_customer_Index_vue.js

           , ["modelValue"])])]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_5, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppButton"], {
             href: _ctx.route('customers.create'),
             label: "Tambah Customer",
-            icon: "pi pi-pencil"
+            icon: "pi pi-pencil",
+            "class": "p-button-text"
           }, null, 8
           /* PROPS */
           , ["href"])])])];

public/js/resources_js_pages_laundry_Create_vue.js

           return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_7, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppButton"], {
             onClick: $setup.submit,
             label: "Simpan",
-            icon: "pi pi-check"
+            icon: "pi pi-check",
+            "class": "p-button-text"
           })])];
         }),
         _: 1

public/js/resources_js_pages_laundry_Edit_vue.js

           }), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppButton"], {
             onClick: $setup.submit,
             label: "Simpan",
-            icon: "pi pi-check"
+            icon: "pi pi-check",
+            "class": "p-button-text"
           })])];
         }),
         _: 1

public/js/resources_js_pages_laundry_Index_vue.js

           , ["modelValue"])])]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_5, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppButton"], {
             href: _ctx.route('laundries.create'),
             label: "Tambah Laundry",
-            icon: "pi pi-pencil"
+            icon: "pi pi-pencil",
+            "class": "p-button-text"
           }, null, 8
           /* PROPS */
           , ["href"])])])];

public/js/resources_js_pages_outlet_Create_vue.js

             modelValue: $setup.form.outlet_number,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) {
               return $setup.form.outlet_number = $event;
-            })
+            }),
+            placeholder: "id outlet"
           }, null, 8
           /* PROPS */
           , ["modelValue"])]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_5, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppInputText"], {
           return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_8, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppButton"], {
             onClick: $setup.submit,
             label: "Simpan",
-            icon: "pi pi-check"
+            icon: "pi pi-check",
+            "class": "p-button-text"
           })])];
         }),
         _: 1

public/js/resources_js_pages_outlet_Edit_vue.js

             modelValue: $setup.form.outlet_number,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) {
               return $setup.form.outlet_number = $event;
-            })
+            }),
+            placeholder: "id outlet"
           }, null, 8
           /* PROPS */
           , ["modelValue"])]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_5, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppInputText"], {
           }), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppButton"], {
             onClick: $setup.submit,
             label: "Simpan",
-            icon: "pi pi-check"
+            icon: "pi pi-check",
+            "class": "p-button-text"
           })])];
         }),
         _: 1

public/js/resources_js_pages_outlet_Index_vue.js

           , ["modelValue"])])]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_5, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppButton"], {
             href: _ctx.route('outlets.create'),
             label: "Tambah Outlet",
-            icon: "pi pi-pencil"
+            icon: "pi pi-pencil",
+            "class": "p-button-text"
           }, null, 8
           /* PROPS */
           , ["href"])])])];

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=" + {"resources_js_pages_Access_vue":"5c8a7a90d229c3f4","resources_js_pages_auth_ForgotPassword_vue":"9db08b886f3acf35","resources_js_pages_auth_Login_vue":"998ee232f83d0aa9","resources_js_pages_auth_ResetPassword_vue":"3191258dc6d8a4b7","resources_js_pages_auth_VerifyEmail_vue":"632c69e9e8e9c0af","resources_js_pages_customer_Create_vue":"49ac9c113ddac399","resources_js_pages_customer_Edit_vue":"5c8910eb625abf14","resources_js_pages_customer_Index_vue":"531ae28619c9501a","resources_js_pages_customer_TableHeader_js":"be6685f342bbd7c2","resources_js_pages_laundry_Create_vue":"24b222d472e458b9","resources_js_pages_laundry_Edit_vue":"e972d2d98c195ade","resources_js_pages_laundry_Index_vue":"a4df50af578d72ee","resources_js_pages_laundry_TableHeader_js":"494e577855bbcaf6","resources_js_pages_outlet_Create_vue":"916319d80a0821ca","resources_js_pages_outlet_Edit_vue":"a89fba3c72a8d6ef","resources_js_pages_outlet_Index_vue":"580d1ba885665300","resources_js_pages_outlet_TableHeader_js":"960433b5f8e003c1","resources_js_pages_transaction_Create_vue":"5390e70d3c3444be","resources_js_pages_transaction_Index_vue":"9fef47b26e89fec8","resources_js_pages_transaction_Show_vue":"961762e530a6b329","resources_js_pages_transaction_TableHeader_js":"8b928867ad174e10","resources_js_pages_user_Create_vue":"99b372fa4d1dac71","resources_js_pages_user_Edit_vue":"3412c1b357ee588a","resources_js_pages_user_Index_vue":"4823481d9c700d66","resources_js_pages_user_Show_vue":"c68356ef9b76e682","resources_js_pages_user_TableHeader_js":"c19ccf0fa7c2fb2b"}[chunkId] + "";
+/******/ 			return "js/" + chunkId + ".js?id=" + {"resources_js_pages_Access_vue":"f8bbe21f8e264f5e","resources_js_pages_auth_ForgotPassword_vue":"9db08b886f3acf35","resources_js_pages_auth_Login_vue":"998ee232f83d0aa9","resources_js_pages_auth_ResetPassword_vue":"3191258dc6d8a4b7","resources_js_pages_auth_VerifyEmail_vue":"632c69e9e8e9c0af","resources_js_pages_customer_Create_vue":"6094488ff32b1fca","resources_js_pages_customer_Edit_vue":"5371c155150246a4","resources_js_pages_customer_Index_vue":"3e3b0deca1ce81ca","resources_js_pages_customer_TableHeader_js":"be6685f342bbd7c2","resources_js_pages_laundry_Create_vue":"f93b1958d8012978","resources_js_pages_laundry_Edit_vue":"5608f9c6d3dc1838","resources_js_pages_laundry_Index_vue":"099bc174221c4a43","resources_js_pages_laundry_TableHeader_js":"494e577855bbcaf6","resources_js_pages_outlet_Create_vue":"7e27e9f46cfffc59","resources_js_pages_outlet_Edit_vue":"025241a91a5d02cd","resources_js_pages_outlet_Index_vue":"9337745b50545546","resources_js_pages_outlet_TableHeader_js":"960433b5f8e003c1","resources_js_pages_transaction_Create_vue":"5390e70d3c3444be","resources_js_pages_transaction_Index_vue":"9fef47b26e89fec8","resources_js_pages_transaction_Show_vue":"961762e530a6b329","resources_js_pages_transaction_TableHeader_js":"8b928867ad174e10","resources_js_pages_user_Create_vue":"99b372fa4d1dac71","resources_js_pages_user_Edit_vue":"3412c1b357ee588a","resources_js_pages_user_Index_vue":"4823481d9c700d66","resources_js_pages_user_Show_vue":"c68356ef9b76e682","resources_js_pages_user_TableHeader_js":"c19ccf0fa7c2fb2b"}[chunkId] + "";
 /******/ 		};
 /******/ 	})();
 /******/ 	

resources/js/pages/Access.vue

 <script setup>
-import { Head, Link, useForm } from "@inertiajs/inertia-vue3";
+import { Head, Link } from '@inertiajs/inertia-vue3'
 </script>
+
 <template>
-  <div
-    class="
-      surface-0
-      flex
-      align-items-center
-      justify-content-center
-      min-h-screen min-w-screen
-      overflow-hidden
-    "
-  >
+  <head title="Akses ditolak" />
+
+  <div class="surface-0 flex align-items-center justify-content-center min-h-screen min-w-screen overflow-hidden">
     <div class="grid justify-content-center p-2 lg:p-0" style="min-width: 80%">
-      <!-- <div class="col-12 mt-5 xl:mt-0 text-center"> -->
-      <!--   <img -->
-      <!--     src="layout/images/logo-orange.svg" -->
-      <!--     alt="Sakai logo" -->
-      <!--     class="mb-5" -->
-      <!--     style="width: 81px; height: 60px" -->
-      <!--   /> -->
-      <!-- </div> -->
       <div
         class="col-12 xl:col-6"
         style="
           border-radius: 56px;
           padding: 0.3rem;
-          background: linear-gradient(
-            180deg,
-            rgba(247, 149, 48, 0.4) 10%,
-            rgba(247, 149, 48, 0) 30%
-          );
+          background: linear-gradient(180deg, rgba(247, 149, 48, 0.4) 10%, rgba(247, 149, 48, 0) 30%);
         "
       >
         <div
           class="h-full w-full m-0 py-7 px-4"
-          style="
-            border-radius: 53px;
-            background: linear-gradient(
-              180deg,
-              var(--surface-50) 38.9%,
-              var(--surface-0)
-            );
-          "
+          style="border-radius: 53px; background: linear-gradient(180deg, var(--surface-50) 38.9%, var(--surface-0))"
         >
           <div class="grid flex flex-column align-items-center">
             <div
-              class="
-                flex
-                justify-content-center
-                align-items-center
-                bg-orange-500
-                border-circle
-              "
+              class="flex justify-content-center align-items-center bg-orange-500 border-circle"
               style="width: 3.2rem; height: 3.2rem"
             >
               <i class="pi pi-fw pi-lock text-2xl text-50"></i>
             </div>
-            <h1 class="text-900 font-bold text-4xl lg:text-5xl mb-2">
-              Access Denied
-            </h1>
-            <span class="text-600 text-center"
-              >You do not have the necesary permisions. Please contact
-              admins.</span
-            >
-            <!-- <img -->
-            <!--   src="layout/images/asset-access.svg" -->
-            <!--   alt="Access denied" -->
-            <!--   class="mt-5" -->
-            <!--   width="80%" -->
-            <!-- /> -->
+            <h1 class="text-900 font-bold text-4xl lg:text-5xl mb-2">Akses ditolak</h1>
+            <span class="text-600 text-center">Kamu tidak memiliki izi kehalaman ini, silakan hubungan admin</span>
             <div class="col-12 mt-5 text-center">
-              <i
-                class="pi pi-fw pi-arrow-left text-blue-500 mr-2"
-                style="vertical-align: center"
-              ></i>
-              <Link href="/" class="text-blue-500">Go to Dashboard</Link>
+              <i class="pi pi-fw pi-arrow-left text-blue-500 mr-2" style="vertical-align: center"></i>
+              <Link href="/" class="text-blue-500">Kembali ke Dashboard</Link>
             </div>
           </div>
         </div>

resources/js/pages/customer/Create.vue

           <template #content>
             <div class="grid">
               <div class="col-12 md:col-6">
-                <AppInputText :disabled="true" label="Id Customer" v-model="form.customer_number" />
+                <AppInputText
+                  :disabled="true"
+                  label="Id Customer"
+                  v-model="form.customer_number"
+                  placeholder="id customer"
+                />
               </div>
 
               <div class="col-12 md:col-6">
 
           <template #footer>
             <div class="flex justify-content-end">
-              <AppButton @click="submit" label="Simpan" icon="pi pi-check" />
+              <AppButton @click="submit" label="Simpan" icon="pi pi-check" class="p-button-text" />
             </div>
           </template>
         </Card>

resources/js/pages/customer/Edit.vue

           <template #content>
             <div class="grid">
               <div class="col-12 md:col-6">
-                <AppInputText :disabled="true" label="Id Customer" v-model="form.customer_number" />
+                <AppInputText
+                  :disabled="true"
+                  label="Id Customer"
+                  v-model="form.customer_number"
+                  placeholder="id customer"
+                />
               </div>
 
               <div class="col-12 md:col-6">
 
               <Button label="Hapus" icon="pi pi-trash" class="p-button-text p-button-danger" @click="confirmDialog" />
 
-              <AppButton @click="submit" label="Simpan" icon="pi pi-check" />
+              <AppButton @click="submit" label="Simpan" icon="pi pi-check" class="p-button-text" />
             </div>
           </template>
         </Card>

resources/js/pages/customer/Index.vue

           </div>
 
           <div class="col-12 md:col-4 flex justify-content-end">
-            <AppButton :href="route('customers.create')" label="Tambah Customer" icon="pi pi-pencil" />
+            <AppButton
+              :href="route('customers.create')"
+              label="Tambah Customer"
+              icon="pi pi-pencil"
+              class="p-button-text"
+            />
           </div>
         </div>
       </template>

resources/js/pages/laundry/Create.vue

 
           <template #footer>
             <div class="flex justify-content-end">
-              <AppButton @click="submit" label="Simpan" icon="pi pi-check" />
+              <AppButton @click="submit" label="Simpan" icon="pi pi-check" class="p-button-text" />
             </div>
           </template>
         </Card>

resources/js/pages/laundry/Edit.vue

 
               <Button label="Hapus" icon="pi pi-trash" class="p-button-text p-button-danger" @click="confirmDialog" />
 
-              <AppButton @click="submit" label="Simpan" icon="pi pi-check" />
+              <AppButton @click="submit" label="Simpan" icon="pi pi-check" class="p-button-text" />
             </div>
           </template>
         </Card>

resources/js/pages/laundry/Index.vue

           </div>
 
           <div class="col-12 md:col-4 flex justify-content-end">
-            <AppButton :href="route('laundries.create')" label="Tambah Laundry" icon="pi pi-pencil" />
+            <AppButton
+              :href="route('laundries.create')"
+              label="Tambah Laundry"
+              icon="pi pi-pencil"
+              class="p-button-text"
+            />
           </div>
         </div>
       </template>

resources/js/pages/outlet/Create.vue

           <template #content>
             <div class="grid">
               <div class="col-12 md:col-6">
-                <AppInputText :disabled="true" label="Id Outlet" v-model="form.outlet_number" />
+                <AppInputText :disabled="true" label="Id Outlet" v-model="form.outlet_number" placeholder="id outlet" />
               </div>
 
               <div class="col-12 md:col-6">
 
           <template #footer>
             <div class="flex justify-content-end">
-              <AppButton @click="submit" label="Simpan" icon="pi pi-check" />
+              <AppButton @click="submit" label="Simpan" icon="pi pi-check" class="p-button-text" />
             </div>
           </template>
         </Card>

resources/js/pages/outlet/Edit.vue

           <template #content>
             <div class="grid">
               <div class="col-12 md:col-6">
-                <AppInputText :disabled="true" label="Id Outlet" v-model="form.outlet_number" />
+                <AppInputText :disabled="true" label="Id Outlet" v-model="form.outlet_number" placeholder="id outlet" />
               </div>
 
               <div class="col-12 md:col-6">
 
               <Button label="Hapus" icon="pi pi-trash" class="p-button-text p-button-danger" @click="confirmDialog" />
 
-              <AppButton @click="submit" label="Simpan" icon="pi pi-check" />
+              <AppButton @click="submit" label="Simpan" icon="pi pi-check" class="p-button-text" />
             </div>
           </template>
         </Card>

resources/js/pages/outlet/Index.vue

           </div>
 
           <div class="col-12 md:col-4 flex justify-content-end">
-            <AppButton :href="route('outlets.create')" label="Tambah Outlet" icon="pi pi-pencil" />
+            <AppButton
+              :href="route('outlets.create')"
+              label="Tambah Outlet"
+              icon="pi pi-pencil"
+              class="p-button-text"
+            />
           </div>
         </div>
       </template>