From 41ee835f1f2424f0ec3efb4bbae77028abfecd62 Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Tue, 23 Jun 2026 14:15:32 +0700
Subject: [PATCH] feat: implement analysis module with dedicated controller,
 view, and role-based permissions

---
 app/Enums/Permission.php                      |  3 +
 app/Enums/Role.php                            |  2 +
 .../Controllers/Admin/AnalysisController.php  | 21 +++++
 resources/js/components/AppSidebar.vue        |  3 +-
 resources/js/pages/admin/Analysis.vue         | 85 +++++++++++++++++++
 routes/web.php                                |  5 ++
 6 files changed, 118 insertions(+), 1 deletion(-)
 create mode 100644 app/Http/Controllers/Admin/AnalysisController.php
 create mode 100644 resources/js/pages/admin/Analysis.vue

diff --git a/app/Enums/Permission.php b/app/Enums/Permission.php
index 94aa1c9..906f665 100644
--- a/app/Enums/Permission.php
+++ b/app/Enums/Permission.php
@@ -9,6 +9,7 @@ enum Permission: string
     use ProvidesEnumOptions;
 
     case DASHBOARD_VIEW = 'dashboard.view';
+    case ANALYSIS_VIEW = 'analysis.view';
 
     case EMPLOYEES_VIEW = 'employees.view';
     case EMPLOYEES_CREATE = 'employees.create';
@@ -117,6 +118,7 @@ public function label(): string
     {
         return match ($this) {
             self::DASHBOARD_VIEW => 'Lihat Dashboard',
+            self::ANALYSIS_VIEW => 'Lihat Analisa',
 
             self::EMPLOYEES_VIEW => 'Lihat Pegawai',
             self::EMPLOYEES_CREATE => 'Tambah Pegawai',
@@ -227,6 +229,7 @@ public function group(): string
     {
         return match ($this) {
             self::DASHBOARD_VIEW => 'Umum',
+            self::ANALYSIS_VIEW => 'Umum',
             self::EMPLOYEES_VIEW, self::EMPLOYEES_CREATE, self::EMPLOYEES_UPDATE,
             self::EMPLOYEES_DELETE, self::EMPLOYEES_RESET_PASSWORD, self::EMPLOYEES_TOGGLE_STATUS => 'Pegawai',
             self::ATTENDANCES_VIEW, self::ATTENDANCES_CREATE, self::ATTENDANCES_DELETE,
diff --git a/app/Enums/Role.php b/app/Enums/Role.php
index 9243b8e..0720df5 100644
--- a/app/Enums/Role.php
+++ b/app/Enums/Role.php
@@ -44,6 +44,7 @@ public function permissions(): array
 
             self::DIREKTUR => [
                 Permission::DASHBOARD_VIEW,
+                Permission::ANALYSIS_VIEW,
 
                 Permission::EMPLOYEES_VIEW,
 
@@ -90,6 +91,7 @@ public function permissions(): array
 
             self::ADMIN_TOKO => [
                 Permission::DASHBOARD_VIEW,
+                Permission::ANALYSIS_VIEW,
 
                 Permission::STOCKS_VIEW,
 
diff --git a/app/Http/Controllers/Admin/AnalysisController.php b/app/Http/Controllers/Admin/AnalysisController.php
new file mode 100644
index 0000000..2782f51
--- /dev/null
+++ b/app/Http/Controllers/Admin/AnalysisController.php
@@ -0,0 +1,21 @@
+<?php
+
+namespace App\Http\Controllers\Admin;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+use Inertia\Inertia;
+use Inertia\Response;
+
+class AnalysisController extends Controller
+{
+    public function index(Request $request): Response
+    {
+        return Inertia::render('admin/Analysis', [
+            'filters' => [
+                'search' => $request->query('search', ''),
+                'status' => $request->query('status', ''),
+            ],
+        ]);
+    }
+}
diff --git a/resources/js/components/AppSidebar.vue b/resources/js/components/AppSidebar.vue
index a8c9d0d..4946428 100644
--- a/resources/js/components/AppSidebar.vue
+++ b/resources/js/components/AppSidebar.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { Link, usePage } from '@inertiajs/vue3';
-import { Banknote, CalendarDays, CheckCircle, Clock, FolderTree, History, Layers, LayoutDashboard, Package, Receipt, Scissors, Settings2, Shield, ShoppingBag, ShoppingCart, User, UserCheck, Users, Wallet, WalletCards, Warehouse } from '@lucide/vue';
+import { Banknote, CalendarDays, CheckCircle, Clock, FolderTree, History, Layers, LayoutDashboard, Package, Receipt, Scissors, Settings2, Shield, ShoppingBag, ShoppingCart, TrendingUp, User, UserCheck, Users, Wallet, WalletCards, Warehouse } from '@lucide/vue';
 import {
     Sidebar,
     SidebarContent,
@@ -38,6 +38,7 @@ const menuGroups: MenuGroup[] = [
         label: 'Menu',
         items: [
             { title: 'Dasbor', href: admin.dashboard.url(), icon: LayoutDashboard },
+            { title: 'Analisa', href: admin.analysis.url(), icon: TrendingUp, permission: 'analysis.view' },
         ],
     },
     {
diff --git a/resources/js/pages/admin/Analysis.vue b/resources/js/pages/admin/Analysis.vue
new file mode 100644
index 0000000..2bf2756
--- /dev/null
+++ b/resources/js/pages/admin/Analysis.vue
@@ -0,0 +1,85 @@
+<script setup lang="ts">
+import {
+    Card,
+    CardContent,
+    CardHeader,
+    CardTitle,
+    CardDescription,
+} from '@/components/ui/card';
+import AdminLayout from '@/layouts/AdminLayout.vue';
+import { Head } from '@inertiajs/vue3';
+import { computed, ref, watch } from 'vue';
+import admin from '@/routes/admin';
+import DataTableToolbar from '@/components/data-table/DataTableToolbar.vue';
+import type { DataTableFilterDef } from '@/types/data-table';
+import {
+    useDataTableQuery,
+    useDataTableQuerySync,
+} from '@/composables/useDataTableQuery';
+import { Presentation } from '@lucide/vue';
+
+const props = defineProps<{
+    filters: {
+        search: string;
+        status?: string;
+    };
+}>();
+
+const search = ref(props.filters.search ?? '');
+
+const { query, setSearch, setFilter, resetFilters, syncFromServer } =
+    useDataTableQuery({
+        url: admin.analysis.url(),
+        initial: { ...props.filters },
+        filterKeys: ['status'],
+    });
+
+useDataTableQuerySync(() => props.filters, syncFromServer);
+
+const filterDefs = computed<DataTableFilterDef[]>(() => [
+    {
+        key: 'status',
+        label: 'Status',
+        type: 'select',
+        options: [
+            { value: 'active', label: 'Aktif' },
+            { value: 'inactive', label: 'Nonaktif' },
+        ],
+    },
+]);
+
+const filterValues = computed(() => ({
+    status: query.value.status ?? '',
+}));
+
+watch(search, (value) => {
+    setSearch(value);
+});
+
+watch(
+    () => props.filters.search,
+    (value) => {
+        search.value = value ?? '';
+    },
+);
+</script>
+
+<template>
+    <Head title="Analisa" />
+
+    <AdminLayout>
+        <div class="flex flex-col gap-6">
+            <!-- Header -->
+            <div
+                class="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between"
+            >
+                <div class="space-y-1">
+                    <h2 class="text-2xl font-bold tracking-tight">Analisa</h2>
+                    <p class="text-sm text-muted-foreground">
+                        Halaman analisa data dan performa toko.
+                    </p>
+                </div>
+            </div>
+        </div>
+    </AdminLayout>
+</template>
diff --git a/routes/web.php b/routes/web.php
index dd78d3b..1841990 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -5,6 +5,7 @@
 use App\Http\Controllers\Admin\Account\PasswordController;
 use App\Http\Controllers\Admin\Account\PermissionsController;
 use App\Http\Controllers\Admin\Account\ProfileController;
+use App\Http\Controllers\Admin\AnalysisController;
 use App\Http\Controllers\Admin\DashboardController;
 use App\Http\Controllers\Admin\Finance\CashController;
 use App\Http\Controllers\Admin\Finance\EmployeeAdvanceController;
@@ -53,6 +54,10 @@
         Route::get('/dashboard', [DashboardController::class, 'index'])
             ->name('dashboard');
 
+        Route::get('/analysis', [AnalysisController::class, 'index'])
+            ->middleware('permission:'.Permission::ANALYSIS_VIEW->value)
+            ->name('analysis');
+
         Route::prefix('master')->name('master.')->group(function () {
             Route::prefix('categories')->name('categories.')
                 ->middleware('permission:'.Permission::CATEGORIES_VIEW->value)