@php
    $menu = [
        [
            'label' => null,
            'items' => [
                ['route' => 'dashboard', 'icon' => 'fa-gauge-high', 'title' => 'لوحة التحكم', 'can' => 'dashboard.view', 'active' => ['dashboard']],
            ],
        ],
        [
            'label' => 'إدارة العملاء',
            'items' => [
                ['route' => 'leads.index', 'icon' => 'fa-user-plus', 'title' => 'العملاء المحتملون', 'can' => 'leads.view', 'active' => ['leads.*']],
                ['route' => 'customers.index', 'icon' => 'fa-users', 'title' => 'العملاء', 'can' => 'customers.view', 'active' => ['customers.*']],
                ['route' => 'vehicles.index', 'icon' => 'fa-car', 'title' => 'المركبات', 'can' => 'vehicles.view', 'active' => ['vehicles.*']],
                ['route' => 'activities.index', 'icon' => 'fa-calendar-check', 'title' => 'الأنشطة والمتابعات', 'can' => 'activities.view', 'active' => ['activities.*']],
            ],
        ],
        [
            'label' => 'المبيعات',
            'items' => [
                ['route' => 'quotations.index', 'icon' => 'fa-file-invoice', 'title' => 'عروض الأسعار', 'can' => 'quotations.view', 'active' => ['quotations.*']],
                ['route' => 'invoices.index', 'icon' => 'fa-file-invoice-dollar', 'title' => 'الفواتير', 'can' => 'invoices.view', 'active' => ['invoices.*']],
                ['route' => 'payments.index', 'icon' => 'fa-money-bill-wave', 'title' => 'المدفوعات', 'can' => 'payments.view', 'active' => ['payments.*']],
            ],
        ],
        [
            'label' => 'العمليات',
            'items' => [
                ['route' => 'installations.index', 'icon' => 'fa-screwdriver-wrench', 'title' => 'أوامر التركيب', 'can' => 'installations.view', 'active' => ['installations.*']],
                ['route' => 'subscriptions.index', 'icon' => 'fa-satellite-dish', 'title' => 'الاشتراكات', 'can' => 'subscriptions.view', 'active' => ['subscriptions.*']],
                ['route' => 'tickets.index', 'icon' => 'fa-headset', 'title' => 'تذاكر الدعم', 'can' => 'tickets.view', 'active' => ['tickets.*']],
            ],
        ],
        [
            'label' => 'المخزون والمشتريات',
            'items' => [
                ['route' => 'products.index', 'icon' => 'fa-boxes-stacked', 'title' => 'المنتجات', 'can' => 'products.view', 'active' => ['products.*']],
                ['route' => 'devices.index', 'icon' => 'fa-microchip', 'title' => 'مخزون الأجهزة (IMEI)', 'can' => 'devices.view', 'active' => ['devices.*']],
                ['route' => 'categories.index', 'icon' => 'fa-tags', 'title' => 'تصنيفات المنتجات', 'can' => 'categories.view', 'active' => ['categories.*']],
                ['route' => 'suppliers.index', 'icon' => 'fa-truck-field', 'title' => 'الموردون', 'can' => 'suppliers.view', 'active' => ['suppliers.*']],
                ['route' => 'purchases.index', 'icon' => 'fa-cart-flatbed', 'title' => 'المشتريات', 'can' => 'purchases.view', 'active' => ['purchases.*']],
            ],
        ],
        [
            'label' => 'المالية والتقارير',
            'items' => [
                ['route' => 'expenses.index', 'icon' => 'fa-receipt', 'title' => 'المصروفات', 'can' => 'expenses.view', 'active' => ['expenses.*', 'expense-categories.*']],
                ['route' => 'reports.index', 'icon' => 'fa-chart-pie', 'title' => 'التقارير', 'can' => 'reports.view', 'active' => ['reports.*']],
            ],
        ],
        [
            'label' => 'إدارة النظام',
            'items' => [
                ['route' => 'users.index', 'icon' => 'fa-user-shield', 'title' => 'المستخدمون', 'can' => 'users.view', 'active' => ['users.*']],
                ['route' => 'roles.index', 'icon' => 'fa-lock', 'title' => 'الأدوار والصلاحيات', 'can' => 'roles.view', 'active' => ['roles.*']],
                ['route' => 'settings.index', 'icon' => 'fa-gear', 'title' => 'الإعدادات', 'can' => 'settings.view', 'active' => ['settings.*']],
            ],
        ],
    ];
@endphp

<aside class="app-sidebar" id="appSidebar">
    <div class="sidebar-brand">
        <div class="brand-icon"><i class="fa-solid fa-satellite-dish"></i></div>
        <div class="brand-text">
            <span class="brand-name">{{ setting('company_name', 'CoreX CRM') }}</span>
            <span class="brand-sub">نظام إدارة علاقات العملاء</span>
        </div>
    </div>

    <nav class="sidebar-nav">
        @foreach ($menu as $group)
            @php
                $visible = collect($group['items'])->filter(fn ($i) => auth()->user()->can($i['can']));
            @endphp
            @if ($visible->isNotEmpty())
                @if ($group['label'])
                    <div class="nav-section">{{ $group['label'] }}</div>
                @endif
                <ul class="nav-list">
                    @foreach ($visible as $item)
                        <li>
                            <a href="{{ route($item['route']) }}" class="nav-link {{ activeMenu($item['active']) }}">
                                <i class="fa-solid {{ $item['icon'] }}"></i>
                                <span>{{ $item['title'] }}</span>
                            </a>
                        </li>
                    @endforeach
                </ul>
            @endif
        @endforeach
    </nav>
</aside>