feat: dashboard

app/Http/Controllers/DashboardController.php

@@ -0,0 +1,66 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\Expense;
+use App\Models\Laundry;
+use App\Models\Product;
+use App\Models\Transaction;
+use App\Services\ExpenseService;
+use App\Services\TransactionService;
+use Illuminate\Http\Request;
+use Inertia\Inertia;
+
+class DashboardController extends Controller
+{
+    /**
+     * Handle the incoming request.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @return \Inertia\Response
+     */
+    public function __invoke(Request $request)
+    {
+        $transactions = Transaction::filter(['startDate' => today()])->get();
+        $expenses = Expense::filter(['startDate' => today()])->get();
+        $laundries = Laundry::get();
+        $products = Product::get();
+
+        return inertia('home/Index', [
+            'cardStatistics' => [
+                [
+                    'label' => __('words.transaction'),
+                    'icon' => 'pi pi-shopping-cart',
+                    'amount' => $transactions->count(),
+                    'amountLabel' => __('words.today'),
+                    'value' => (new TransactionService)->totalPriceGroupAsString($transactions),
+                ],
+                [
+                    'label' => __('words.expense'),
+                    'icon' => 'pi pi-wallet',
+                    'amount' => $expenses->count(),
+                    'amountLabel' => __('words.today'),
+                    'value' => (new ExpenseService)->totalPriceAsString($expenses),
+                ],
+                [
+                    'label' => __('words.laundry_type'),
+                    'icon' => 'pi pi-table',
+                    'amountLabel' => __('words.total'),
+                    'amount' => $laundries->count(),
+                ],
+                [
+                    'label' => __('words.product_type'),
+                    'icon' => 'pi pi-table',
+                    'amountLabel' => __('words.total'),
+                    'amount' => $products->count(),
+                ],
+            ],
+            'chartStatistics' => [
+                [
+                    'label' => __('words.transaction_statistic'),
+                    'data' => $transactions->groupBy([])
+                ],
+            ],
+        ]);
+    }
+}

app/Models/Expense.php

@@ -32,7 +32,7 @@ class Expense extends Model
     protected function amount(): Attribute
     {
         return Attribute::make(
-            get:fn($value) => (new CurrencyFormatService)->setRupiahFormat(-$value, true)
+            get:fn($value) => (new CurrencyFormatService)->setRupiahFormat($value, true)
         );
     }
 

app/Services/ExpenseService.php

@@ -0,0 +1,18 @@
+<?php
+
+namespace App\Services;
+
+use Illuminate\Database\Eloquent\Collection;
+
+class ExpenseService extends CurrencyFormatService
+{
+    public function totalPrice(Collection $collections)
+    {
+        return $collections->sum(fn($collection) => $collection->getRawOriginal('amount'));
+    }
+
+    public function totalPriceAsString(Collection $collection)
+    {
+        return (new CurrencyFormatService)->setRupiahFormat($this->totalPrice($collection), true);
+    }
+}

jsconfig.json

@@ -1,9 +1,9 @@
 {
-    "compilerOptions": {
-        "baseUrl": ".",
-        "paths": {
-            "@/*": ["resources/js/*"]
-        }
-    },
-    "exclude": ["node_modules", "public"]
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["resources/js/*"]
+    }
+  },
+  "exclude": ["node_modules", "public"]
 }

lang/en/messages.php

@@ -29,24 +29,29 @@ return [
             'customer' => 'Customer Account successfully added',
             'outlet' => 'Outlet Data successfully added',
             'laundry' => 'Laundry Data successfully added',
+            'product' => 'Product Data successfully added',
         ],
         'update' => [
+            'change-password' => 'Password successfully changed',
             'transaction_status' => 'Transaction Status successfully changed',
             'user' => 'User Account successfully changed',
             'customer' => 'User Customer successfully changed',
             'outlet' => 'Outlet Data successfully changed',
             'laundry' => 'Laundry Data successfully changed',
+            'laundry' => 'Product Data successfully changed',
         ],
         'destroy' => [
             'user' => 'User Account successfully deleted',
             'customer' => 'User Customer successfully deleted',
             'outlet' => 'Outlet Date successfully deleted',
             'laundry' => 'Laundry Data successfully deleted',
+            'laundry' => 'Product Data successfully deleted',
         ],
     ],
 
     'error' => [
         'store' => [
+            'change-password' => 'Password invalid',
             'expense' => 'Expense failed to be added',
             'transaction' => 'Transaction failed to be added',
         ],

lang/en/words.php

@@ -17,5 +17,13 @@ return [
     'female' => 'Female',
     'income' => 'Income',
     'expense' => 'Expense',
+    'today' => 'Today',
+    'total' => 'Total',
+    'transaction' => 'Transaction',
+    'expense' => 'Expense',
+    'laundry_type' => 'Laundry Type',
+    'product_type' => 'Product Type',
+    'transaction_statistic' => 'Transaction Statistic',
+    'expense_statistic' => 'Expense Statistic',
 
 ];

lang/id/words.php

@@ -17,5 +17,13 @@ return [
     'female' => 'Perempuan',
     'income' => 'Pendapatan',
     'expense' => 'Pengeluaran',
+    'today' => 'Hari ini',
+    'total' => 'Total',
+    'transaction' => 'Transaksi',
+    'expense' => 'Pengeluaran',
+    'laundry_type' => 'Jenis Laundry',
+    'product_type' => 'Jenis Product',
+    'transaction_statistic' => 'Statistik Transaksi',
+    'expense_statistic' => 'Statistik Pengeluaran',
 
 ];

package.json

@@ -17,8 +17,8 @@
     "axios": "^0.25",
     "browser-sync": "^2.27.7",
     "browser-sync-webpack-plugin": "^2.3.0",
+    "chart.js": "^3.7.1",
     "dayjs": "^1.11.0",
-    "install": "^0.13.0",
     "laravel-mix": "^6.0.6",
     "lodash": "^4.17.19",
     "postcss": "^8.1.14",

public/js/resources_js_pages_customer_Create_vue.js

@@ -1275,6 +1275,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',
@@ -1352,6 +1360,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',

public/js/resources_js_pages_customer_Edit_vue.js

@@ -1803,6 +1803,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',
@@ -1880,6 +1888,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',

public/js/resources_js_pages_customer_Index_vue.js

@@ -1237,6 +1237,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',
@@ -1315,6 +1323,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',

public/js/resources_js_pages_discount_Index_vue.js

@@ -1150,6 +1150,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',
@@ -1227,6 +1235,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',

public/js/resources_js_pages_expense_Create_vue.js

@@ -1315,6 +1315,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',
@@ -1392,6 +1400,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',

public/js/resources_js_pages_expense_Index_vue.js

@@ -1297,6 +1297,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',
@@ -1375,6 +1383,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',

public/js/resources_js_pages_expense_Show_vue.js

@@ -980,6 +980,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',
@@ -1057,6 +1065,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',

public/js/resources_js_pages_laundry_Create_vue.js

@@ -1287,6 +1287,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',
@@ -1364,6 +1372,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',

public/js/resources_js_pages_laundry_Edit_vue.js

@@ -1562,6 +1562,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',
@@ -1639,6 +1647,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',

public/js/resources_js_pages_laundry_Index_vue.js

@@ -1216,6 +1216,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',
@@ -1294,6 +1302,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',

public/js/resources_js_pages_mutation_Report_vue.js

@@ -1315,6 +1315,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',
@@ -1393,6 +1401,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',

public/js/resources_js_pages_outlet_Create_vue.js

@@ -1198,6 +1198,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',
@@ -1275,6 +1283,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',

public/js/resources_js_pages_outlet_Edit_vue.js

@@ -1250,6 +1250,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',
@@ -1327,6 +1335,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',

public/js/resources_js_pages_outlet_Index_vue.js

@@ -1217,6 +1217,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',
@@ -1295,6 +1303,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',

public/js/resources_js_pages_product_Create_vue.js

@@ -1287,6 +1287,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',
@@ -1364,6 +1372,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',

public/js/resources_js_pages_product_Edit_vue.js

@@ -1562,6 +1562,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',
@@ -1639,6 +1647,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',

public/js/resources_js_pages_product_Index_vue.js

@@ -1216,6 +1216,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',
@@ -1294,6 +1302,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',

public/js/resources_js_pages_transaction_Create_vue.js

@@ -2369,6 +2369,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',
@@ -2446,6 +2454,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',

public/js/resources_js_pages_transaction_Index_vue.js

@@ -2203,6 +2203,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',
@@ -2281,6 +2289,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',

public/js/resources_js_pages_transaction_Report_vue.js

@@ -1340,6 +1340,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',
@@ -1418,6 +1426,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',

public/js/resources_js_pages_transaction_Show_vue.js

@@ -1236,6 +1236,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',
@@ -1313,6 +1321,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',

public/js/resources_js_pages_user_Create_vue.js

@@ -1307,6 +1307,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',
@@ -1384,6 +1392,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',

public/js/resources_js_pages_user_Edit_vue.js

@@ -1591,6 +1591,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',
@@ -1668,6 +1676,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',

public/js/resources_js_pages_user_Index_vue.js

@@ -1229,6 +1229,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',
@@ -1307,6 +1315,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',

public/js/resources_js_pages_user_Show_vue.js

@@ -1494,6 +1494,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',
@@ -1571,6 +1579,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
+  label: 'Home',
+  items: [{
+    label: 'Dashboard',
+    icon: 'pi pi-home',
+    to: '/dashboards',
+    component: 'home/Index'
+  }]
+}, {
   label: 'Menu',
   items: [{
     label: 'Transaksi',

public/js/vue.js

@@ -32742,6 +32742,170 @@ script.render = render;
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (script);
 
 
+/***/ }),
+
+/***/ "./node_modules/primevue/chart/chart.esm.js":
+/*!**************************************************!*\
+  !*** ./node_modules/primevue/chart/chart.esm.js ***!
+  \**************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm-bundler.js");
+
+
+var script = {
+    name: 'Chart',
+    emits: ['select', 'loaded'],
+    props: {
+        type: String,
+        data: null,
+        options: null,
+        plugins: null,
+        width: {
+            type: Number,
+            default: 300
+        },
+        height: {
+            type: Number,
+            default: 150
+        },
+    },
+    chart: null,
+    mounted() {
+        this.initChart();
+    },
+    beforeUnmount() {
+        if (this.chart) {
+            this.chart.destroy();
+            this.chart = null;
+        }
+    },
+    watch: {
+        /*
+         * Use deep watch to enable triggering watch for changes within structure
+         * otherwise the entire data object needs to be replaced to trigger watch
+         */
+        data: {
+            handler() {
+                this.reinit();
+            },
+            deep: true
+        },
+        type() {
+            this.reinit();
+        },
+        options() {
+            this.reinit();
+        }
+    },
+    methods: {
+        initChart() {
+            __webpack_require__.e(/*! import() */ "node_modules_chart_js_auto_auto_esm_js").then(__webpack_require__.bind(__webpack_require__, /*! chart.js/auto */ "./node_modules/chart.js/auto/auto.esm.js")).then((module) => {
+                if (this.chart) {
+                    this.chart.destroy();
+                    this.chart = null;
+                }
+
+                if (module && module.default) {
+                    this.chart = new module.default(this.$refs.canvas, {
+                        type: this.type,
+                        data: this.data,
+                        options: this.options,
+                        plugins: this.plugins
+                    });
+                }
+
+                this.$emit('loaded', this.chart);
+            });
+        },
+        getCanvas() {
+            return this.$canvas;
+        },
+        getChart() {
+            return this.chart;
+        },
+        getBase64Image() {
+            return this.chart.toBase64Image();
+        },
+        refresh() {
+            if (this.chart) {
+                this.chart.update();
+            }
+        },
+        reinit() {
+            this.initChart();
+        },
+        onCanvasClick(event) {
+            if (this.chart) {
+                const element = this.chart.getElementsAtEventForMode(event, 'nearest', { intersect: true }, false);
+                const dataset = this.chart.getElementsAtEventForMode(event, 'dataset', { intersect: true }, false);
+
+                if (element && element[0] && dataset) {
+                    this.$emit('select', {originalEvent: event, element: element[0], dataset: dataset});
+                }
+            }
+        },
+        generateLegend() {
+            if (this.chart) {
+                return this.chart.generateLegend();
+            }
+        }
+    }
+};
+
+const _hoisted_1 = { class: "p-chart" };
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_1, [
+    (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("canvas", {
+      ref: "canvas",
+      width: $props.width,
+      height: $props.height,
+      onClick: _cache[1] || (_cache[1] = $event => ($options.onCanvasClick($event)))
+    }, null, 8, ["width", "height"])
+  ]))
+}
+
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z = "\n.p-chart {\n    position: relative;\n}\n";
+styleInject(css_248z);
+
+script.render = render;
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (script);
+
+
 /***/ }),
 
 /***/ "./node_modules/primevue/column/column.esm.js":
@@ -57469,6 +57633,14 @@ var map = {
 		"./resources/js/pages/expense/TableHeader.js",
 		"resources_js_pages_expense_TableHeader_js"
 	],
+	"./home/Index": [
+		"./resources/js/pages/home/Index.vue",
+		"resources_js_pages_home_Index_vue"
+	],
+	"./home/Index.vue": [
+		"./resources/js/pages/home/Index.vue",
+		"resources_js_pages_home_Index_vue"
+	],
 	"./laundry/Create": [
 		"./resources/js/pages/laundry/Create.vue",
 		"resources_js_pages_laundry_Create_vue"
@@ -57778,7 +57950,7 @@ module.exports = JSON.parse('{"name":"axios","version":"0.21.4","description":"P
 /******/ 		// 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":"a18ed856923fae52","resources_js_pages_auth_ForgotPassword_vue":"c9f401672b6f2423","resources_js_pages_auth_Login_vue":"cb0cb153b976d2c1","resources_js_pages_auth_ResetPassword_vue":"1078df5cebf2e3c6","resources_js_pages_auth_VerifyEmail_vue":"a0ee23b849c826b1","resources_js_pages_customer_Create_vue":"a3cba38b65a678ea","resources_js_pages_customer_Edit_vue":"6529085778080d36","resources_js_pages_customer_Index_vue":"aea07a25c21bfc45","resources_js_pages_customer_TableHeader_js":"71be5afdca048a9c","resources_js_pages_discount_Index_vue":"31e829a87f7e517d","resources_js_pages_expense_Create_vue":"f625b4fbdf8889af","resources_js_pages_expense_Index_vue":"ad6478718f2fbf90","resources_js_pages_expense_Show_vue":"4801bedc7912088f","resources_js_pages_expense_TableHeader_js":"72e3dee74175b1c0","resources_js_pages_laundry_Create_vue":"17128fbd0e28898d","resources_js_pages_laundry_Edit_vue":"2bd6d1f463c9a9a3","resources_js_pages_laundry_Index_vue":"96eee4afb428456e","resources_js_pages_laundry_TableHeader_js":"494e577855bbcaf6","resources_js_pages_mutation_Report_vue":"aaaf24154a43b9f5","resources_js_pages_mutation_TableHeader_js":"82c2999bd7d098a1","resources_js_pages_outlet_Create_vue":"bdf868378013b7e7","resources_js_pages_outlet_Edit_vue":"77775fdca5fe7621","resources_js_pages_outlet_Index_vue":"2e36a83555378ccb","resources_js_pages_outlet_TableHeader_js":"498bf7e64bc0d0c4","resources_js_pages_product_Create_vue":"0d0dddb2e60ec31c","resources_js_pages_product_Edit_vue":"59d0ee7b5403f776","resources_js_pages_product_Index_vue":"73a854a747e35d21","resources_js_pages_product_TableHeader_js":"b8eaaa9de25a2322","resources_js_pages_transaction_Create_vue":"ea4b3be68403cd31","resources_js_pages_transaction_Index_vue":"1dcdc1cb350a954b","resources_js_pages_transaction_Report_vue":"bd0a1b87dd8a494b","resources_js_pages_transaction_Show_vue":"ebd8059da08e93b1","resources_js_pages_transaction_TableHeader_js":"be63e672e103818b","resources_js_pages_user_Create_vue":"da0b02d8fda8f9a0","resources_js_pages_user_Edit_vue":"cf9a306d21f40913","resources_js_pages_user_Index_vue":"badcb54776b8c7e0","resources_js_pages_user_Show_vue":"1474a0ad843dc2d5","resources_js_pages_user_TableHeader_js":"5653ecbcd70fd235"}[chunkId] + "";
+/******/ 			return "js/" + chunkId + ".js?id=" + {"node_modules_chart_js_auto_auto_esm_js":"10c6b388645ceb22","resources_js_pages_Access_vue":"a18ed856923fae52","resources_js_pages_auth_ForgotPassword_vue":"c9f401672b6f2423","resources_js_pages_auth_Login_vue":"cb0cb153b976d2c1","resources_js_pages_auth_ResetPassword_vue":"1078df5cebf2e3c6","resources_js_pages_auth_VerifyEmail_vue":"a0ee23b849c826b1","resources_js_pages_customer_Create_vue":"4eb00b7c0775dd1a","resources_js_pages_customer_Edit_vue":"407b38d3ec33b8b6","resources_js_pages_customer_Index_vue":"eafddf3436e2b29d","resources_js_pages_customer_TableHeader_js":"71be5afdca048a9c","resources_js_pages_discount_Index_vue":"327c24c11bd53001","resources_js_pages_expense_Create_vue":"9f6647ce9c66b103","resources_js_pages_expense_Index_vue":"a5e56c318045f4f1","resources_js_pages_expense_Show_vue":"0c0ebfedc527579a","resources_js_pages_expense_TableHeader_js":"72e3dee74175b1c0","resources_js_pages_home_Index_vue":"12befeb6d38abe88","resources_js_pages_laundry_Create_vue":"17d4fff3f6a0d4e0","resources_js_pages_laundry_Edit_vue":"fe0751be3876e35b","resources_js_pages_laundry_Index_vue":"25198930a0d0f20d","resources_js_pages_laundry_TableHeader_js":"494e577855bbcaf6","resources_js_pages_mutation_Report_vue":"f819d667c2cadeb7","resources_js_pages_mutation_TableHeader_js":"82c2999bd7d098a1","resources_js_pages_outlet_Create_vue":"0326fbf87091b62e","resources_js_pages_outlet_Edit_vue":"6dd0ae9ed18a73a6","resources_js_pages_outlet_Index_vue":"cb5a9b7dfa2a0b91","resources_js_pages_outlet_TableHeader_js":"498bf7e64bc0d0c4","resources_js_pages_product_Create_vue":"96daef068f670441","resources_js_pages_product_Edit_vue":"826dfb5798505c8c","resources_js_pages_product_Index_vue":"f5218c4863b86c19","resources_js_pages_product_TableHeader_js":"b8eaaa9de25a2322","resources_js_pages_transaction_Create_vue":"6008f897e5067e30","resources_js_pages_transaction_Index_vue":"19eb0dbf87a58e45","resources_js_pages_transaction_Report_vue":"ecb8a20a69a65ae7","resources_js_pages_transaction_Show_vue":"ac25925f62d145de","resources_js_pages_transaction_TableHeader_js":"be63e672e103818b","resources_js_pages_user_Create_vue":"21f3591e9d0b4199","resources_js_pages_user_Edit_vue":"76820bdf6c8bfc24","resources_js_pages_user_Index_vue":"4433ed4ee64b6df6","resources_js_pages_user_Show_vue":"b8e5b5a526f42dbd","resources_js_pages_user_TableHeader_js":"5653ecbcd70fd235"}[chunkId] + "";
 /******/ 		};
 /******/ 	})();
 /******/ 	
@@ -57993,21 +58165,23 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var primevue_button__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! primevue/button */ "./node_modules/primevue/button/button.esm.js");
 /* harmony import */ var primevue_calendar__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! primevue/calendar */ "./node_modules/primevue/calendar/calendar.esm.js");
 /* harmony import */ var primevue_card__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! primevue/card */ "./node_modules/primevue/card/card.esm.js");
-/* harmony import */ var primevue_column__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! primevue/column */ "./node_modules/primevue/column/column.esm.js");
-/* harmony import */ var primevue_datatable__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! primevue/datatable */ "./node_modules/primevue/datatable/datatable.esm.js");
-/* harmony import */ var primevue_dialog__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! primevue/dialog */ "./node_modules/primevue/dialog/dialog.esm.js");
-/* harmony import */ var primevue_divider__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! primevue/divider */ "./node_modules/primevue/divider/divider.esm.js");
-/* harmony import */ var primevue_dropdown__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! primevue/dropdown */ "./node_modules/primevue/dropdown/dropdown.esm.js");
-/* harmony import */ var primevue_editor__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! primevue/editor */ "./node_modules/primevue/editor/editor.esm.js");
-/* harmony import */ var primevue_inputnumber__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! primevue/inputnumber */ "./node_modules/primevue/inputnumber/inputnumber.esm.js");
-/* harmony import */ var primevue_inputtext__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! primevue/inputtext */ "./node_modules/primevue/inputtext/inputtext.esm.js");
-/* harmony import */ var primevue_message__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! primevue/message */ "./node_modules/primevue/message/message.esm.js");
-/* harmony import */ var primevue_paginator__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! primevue/paginator */ "./node_modules/primevue/paginator/paginator.esm.js");
-/* harmony import */ var primevue_password__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! primevue/password */ "./node_modules/primevue/password/password.esm.js");
-/* harmony import */ var primevue_ripple__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! primevue/ripple */ "./node_modules/primevue/ripple/ripple.esm.js");
-/* harmony import */ var primevue_tabview__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! primevue/tabview */ "./node_modules/primevue/tabview/tabview.esm.js");
-/* harmony import */ var primevue_tabpanel__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! primevue/tabpanel */ "./node_modules/primevue/tabpanel/tabpanel.esm.js");
-/* harmony import */ var primevue_tooltip__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! primevue/tooltip */ "./node_modules/primevue/tooltip/tooltip.esm.js");
+/* harmony import */ var primevue_chart__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! primevue/chart */ "./node_modules/primevue/chart/chart.esm.js");
+/* harmony import */ var primevue_column__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! primevue/column */ "./node_modules/primevue/column/column.esm.js");
+/* harmony import */ var primevue_datatable__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! primevue/datatable */ "./node_modules/primevue/datatable/datatable.esm.js");
+/* harmony import */ var primevue_dialog__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! primevue/dialog */ "./node_modules/primevue/dialog/dialog.esm.js");
+/* harmony import */ var primevue_divider__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! primevue/divider */ "./node_modules/primevue/divider/divider.esm.js");
+/* harmony import */ var primevue_dropdown__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! primevue/dropdown */ "./node_modules/primevue/dropdown/dropdown.esm.js");
+/* harmony import */ var primevue_editor__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! primevue/editor */ "./node_modules/primevue/editor/editor.esm.js");
+/* harmony import */ var primevue_inputnumber__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! primevue/inputnumber */ "./node_modules/primevue/inputnumber/inputnumber.esm.js");
+/* harmony import */ var primevue_inputtext__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! primevue/inputtext */ "./node_modules/primevue/inputtext/inputtext.esm.js");
+/* harmony import */ var primevue_message__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! primevue/message */ "./node_modules/primevue/message/message.esm.js");
+/* harmony import */ var primevue_paginator__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! primevue/paginator */ "./node_modules/primevue/paginator/paginator.esm.js");
+/* harmony import */ var primevue_password__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! primevue/password */ "./node_modules/primevue/password/password.esm.js");
+/* harmony import */ var primevue_ripple__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! primevue/ripple */ "./node_modules/primevue/ripple/ripple.esm.js");
+/* harmony import */ var primevue_tabview__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! primevue/tabview */ "./node_modules/primevue/tabview/tabview.esm.js");
+/* harmony import */ var primevue_tabpanel__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! primevue/tabpanel */ "./node_modules/primevue/tabpanel/tabpanel.esm.js");
+/* harmony import */ var primevue_tooltip__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! primevue/tooltip */ "./node_modules/primevue/tooltip/tooltip.esm.js");
+
 
 
 
@@ -58060,7 +58234,7 @@ __webpack_require__.r(__webpack_exports__);
       methods: {
         route: route
       }
-    }).directive('styleclass', primevue_styleclass__WEBPACK_IMPORTED_MODULE_9__["default"]).directive('ripple', primevue_ripple__WEBPACK_IMPORTED_MODULE_26__["default"]).directive('tooltip', primevue_tooltip__WEBPACK_IMPORTED_MODULE_29__["default"]).component('AutoComplete', primevue_autocomplete__WEBPACK_IMPORTED_MODULE_10__["default"]).component('Button', primevue_button__WEBPACK_IMPORTED_MODULE_12__["default"]).component('Badge', primevue_badge__WEBPACK_IMPORTED_MODULE_11__["default"]).component('Card', primevue_card__WEBPACK_IMPORTED_MODULE_14__["default"]).component('Calendar', primevue_calendar__WEBPACK_IMPORTED_MODULE_13__["default"]).component('Column', primevue_column__WEBPACK_IMPORTED_MODULE_15__["default"]).component('DataTable', primevue_datatable__WEBPACK_IMPORTED_MODULE_16__["default"]).component('Dialog', primevue_dialog__WEBPACK_IMPORTED_MODULE_17__["default"]).component('Divider', primevue_divider__WEBPACK_IMPORTED_MODULE_18__["default"]).component('Dropdown', primevue_dropdown__WEBPACK_IMPORTED_MODULE_19__["default"]).component('Editor', primevue_editor__WEBPACK_IMPORTED_MODULE_20__["default"]).component('InputNumber', primevue_inputnumber__WEBPACK_IMPORTED_MODULE_21__["default"]).component('InputText', primevue_inputtext__WEBPACK_IMPORTED_MODULE_22__["default"]).component('Message', primevue_message__WEBPACK_IMPORTED_MODULE_23__["default"]).component('Paginator', primevue_paginator__WEBPACK_IMPORTED_MODULE_24__["default"]).component('Password', primevue_password__WEBPACK_IMPORTED_MODULE_25__["default"]).component('TabView', primevue_tabview__WEBPACK_IMPORTED_MODULE_27__["default"]).component('TabPanel', primevue_tabpanel__WEBPACK_IMPORTED_MODULE_28__["default"]).mount(el);
+    }).directive('styleclass', primevue_styleclass__WEBPACK_IMPORTED_MODULE_9__["default"]).directive('ripple', primevue_ripple__WEBPACK_IMPORTED_MODULE_27__["default"]).directive('tooltip', primevue_tooltip__WEBPACK_IMPORTED_MODULE_30__["default"]).component('AutoComplete', primevue_autocomplete__WEBPACK_IMPORTED_MODULE_10__["default"]).component('Button', primevue_button__WEBPACK_IMPORTED_MODULE_12__["default"]).component('Badge', primevue_badge__WEBPACK_IMPORTED_MODULE_11__["default"]).component('Card', primevue_card__WEBPACK_IMPORTED_MODULE_14__["default"]).component('Calendar', primevue_calendar__WEBPACK_IMPORTED_MODULE_13__["default"]).component('Chart', primevue_chart__WEBPACK_IMPORTED_MODULE_15__["default"]).component('Column', primevue_column__WEBPACK_IMPORTED_MODULE_16__["default"]).component('DataTable', primevue_datatable__WEBPACK_IMPORTED_MODULE_17__["default"]).component('Dialog', primevue_dialog__WEBPACK_IMPORTED_MODULE_18__["default"]).component('Divider', primevue_divider__WEBPACK_IMPORTED_MODULE_19__["default"]).component('Dropdown', primevue_dropdown__WEBPACK_IMPORTED_MODULE_20__["default"]).component('Editor', primevue_editor__WEBPACK_IMPORTED_MODULE_21__["default"]).component('InputNumber', primevue_inputnumber__WEBPACK_IMPORTED_MODULE_22__["default"]).component('InputText', primevue_inputtext__WEBPACK_IMPORTED_MODULE_23__["default"]).component('Message', primevue_message__WEBPACK_IMPORTED_MODULE_24__["default"]).component('Paginator', primevue_paginator__WEBPACK_IMPORTED_MODULE_25__["default"]).component('Password', primevue_password__WEBPACK_IMPORTED_MODULE_26__["default"]).component('TabView', primevue_tabview__WEBPACK_IMPORTED_MODULE_28__["default"]).component('TabPanel', primevue_tabpanel__WEBPACK_IMPORTED_MODULE_29__["default"]).mount(el);
   }
 });
 _inertiajs_progress__WEBPACK_IMPORTED_MODULE_7__.InertiaProgress.init({

resources/js/pages/home/Index.vue

@@ -0,0 +1,64 @@
+<script setup>
+import { ref } from 'vue'
+import { Head } from '@inertiajs/inertia-vue3'
+import AppLayout from '@/layouts/AppLayout.vue'
+
+defineProps({
+  cardStatistics: Object,
+  chartStatistics: Object,
+})
+
+const basicData = ref({
+  labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
+  datasets: [
+    {
+      label: 'My First dataset',
+      backgroundColor: '#42A5F5',
+      data: [65, 59, 80, 81, 56, 55, 40],
+    },
+    {
+      label: 'My Second dataset',
+      backgroundColor: '#FFA726',
+      data: [28, 48, 40, 19, 86, 27, 90],
+    },
+  ],
+})
+</script>
+
+<template>
+  <AppLayout>
+    <Head title="Dashboard" />
+
+    <div class="grid">
+      <div v-for="cardStatistic in cardStatistics" class="col-12 md:col-3">
+        <Card class="h-full">
+          <template #content>
+            <div class="flex justify-content-between mb-3">
+              <div>
+                <span class="block text-500 font-medium mb-3">{{ cardStatistic.label }}</span>
+                <div v-if="cardStatistic.value" class="text-900 font-medium text-xl">{{ cardStatistic.value }}</div>
+              </div>
+              <div
+                class="flex align-items-center justify-content-center bg-orange-100 border-round"
+                style="width: 2.5rem; height: 2.5rem"
+              >
+                <i class="text-orange-500 text-xl" :class="cardStatistic.icon"></i>
+              </div>
+            </div>
+            <span class="text-green-500 font-medium">{{ cardStatistic.amount }} </span>
+            <span class="text-500"> {{ ' ' + cardStatistic.amountLabel }}</span>
+          </template>
+        </Card>
+      </div>
+
+      <div class="col-12 md:col-6">
+        <Card>
+          <template #title>Statistik Transaksi</template>
+          <template #content>
+            <Chart type="bar" :data="basicData" />
+          </template>
+        </Card>
+      </div>
+    </div>
+  </AppLayout>
+</template>

resources/js/utils/menu-admin.js

@@ -1,4 +1,8 @@
 export default [
+  {
+    label: 'Home',
+    items: [{ label: 'Dashboard', icon: 'pi pi-home', to: '/dashboards', component: 'home/Index' }],
+  },
   {
     label: 'Menu',
     items: [

resources/js/utils/menu.js

@@ -1,4 +1,8 @@
 export default [
+  {
+    label: 'Home',
+    items: [{ label: 'Dashboard', icon: 'pi pi-home', to: '/dashboards', component: 'home/Index' }],
+  },
   {
     label: 'Menu',
     items: [

resources/js/vue.js

@@ -14,6 +14,7 @@ import Badge from 'primevue/badge'
 import Button from 'primevue/button'
 import Calendar from 'primevue/calendar'
 import Card from 'primevue/card'
+import Chart from 'primevue/chart'
 import Column from 'primevue/column'
 import DataTable from 'primevue/datatable'
 import Dialog from 'primevue/dialog'
@@ -46,6 +47,7 @@ createInertiaApp({
       .component('Badge', Badge)
       .component('Card', Card)
       .component('Calendar', Calendar)
+      .component('Chart', Chart)
       .component('Column', Column)
       .component('DataTable', DataTable)
       .component('Dialog', Dialog)

routes/web.php

@@ -1,6 +1,7 @@
 <?php
 
 use App\Http\Controllers\CustomerController;
+use App\Http\Controllers\DashboardController;
 use App\Http\Controllers\DiscountController;
 use App\Http\Controllers\ExpenseController;
 use App\Http\Controllers\LaundryController;
@@ -25,7 +26,9 @@ use Illuminate\Support\Facades\Route;
  */
 
 Route::middleware(['auth', 'verified'])->group(function () {
-    Route::get('/', [TransactionController::class, 'index']);
+    Route::get('/', DashboardController::class);
+
+    Route::get('/dashboards', DashboardController::class);
 
     Route::delete('/users/block/{user}', [UserController::class, 'block'])->name('users.block');
     Route::post('/users/change-password/{user}', [UserController::class, 'changePassword'])->name('users.change-password');

yarn.lock

@@ -2069,6 +2069,11 @@ charenc@0.0.2:
   resolved "https://registry.yarnpkg.com/charenc/-/charenc-0.0.2.tgz#c0a1d2f3a7092e03774bfa83f14c0fc5790a8667"
   integrity sha1-wKHS86cJLgN3S/qD8UwPxXkKhmc=
 
+chart.js@^3.7.1:
+  version "3.7.1"
+  resolved "https://registry.yarnpkg.com/chart.js/-/chart.js-3.7.1.tgz#0516f690c6a8680c6c707e31a4c1807a6f400ada"
+  integrity sha512-8knRegQLFnPQAheZV8MjxIXc5gQEfDFD897BJgv/klO/vtIyFFmgMXrNfgrXpbTr/XbTturxRgxIXx/Y+ASJBA==
+
 "chokidar@>=3.0.0 <4.0.0", chokidar@^3.5.1, chokidar@^3.5.2, chokidar@^3.5.3:
   version "3.5.3"
   resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.3.tgz#1cf37c8707b932bd1af1ae22c0432e2acd1903bd"
@@ -3542,11 +3547,6 @@ inherits@2.0.3:
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
   integrity sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=
 
-install@^0.13.0:
-  version "0.13.0"
-  resolved "https://registry.yarnpkg.com/install/-/install-0.13.0.tgz#6af6e9da9dd0987de2ab420f78e60d9c17260776"
-  integrity sha512-zDml/jzr2PKU9I8J/xyZBQn8rPCAY//UOYNmR01XwNwyfhEWObo2SWfSl1+0tm1u6PhxLwDnfsT/6jB7OUxqFA==
-
 interpret@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/interpret/-/interpret-2.2.0.tgz#1a78a0b5965c40a5416d007ad6f50ad27c417df9"