@php
     $navItems = [
        ['label' => 'Dashboard',       'route' => 'admin.dashboard',            'icon' => 'fi fi-rr-home',                 'color' => '#4f46e5', 'permission' => 'dashboard.view'],
        ['label' => 'Brands',          'route' => 'admin.brands.index',         'icon' => 'fi fi-rr-label',                'color' => '#9333ea', 'permission' => 'brands.view'],
        ['label' => 'Fragrances',      'route' => 'admin.fragrances.index',     'icon' => 'fi fi-rr-air-freshener',        'color' => '#059669', 'permission' => 'fragrances.view'],
        ['label' => 'Decant Sizes',    'route' => 'admin.decant-sizes.index',   'icon' => 'fi fi-rr-flask',                'color' => '#0891b2', 'permission' => 'decant_sizes.view'],
        ['label' => 'SKUs',            'route' => 'admin.skus.index',           'icon' => 'fi fi-rr-box-open-full',        'color' => '#d97706', 'permission' => 'skus.view'],
        ['label' => 'Pricing',         'route' => 'admin.pricing.index',        'icon' => 'fi fi-rr-tags',                 'color' => '#db2777', 'permission' => 'pricing.view'],
        ['label' => 'Bottle Intakes',  'route' => 'admin.bottle-intakes.index', 'icon' => 'fi fi-rr-package',              'color' => '#65a30d', 'permission' => 'bottle_intakes.view'],
        ['label' => 'Stock Ledger',    'route' => 'admin.stock.index',          'icon' => 'fi fi-rr-clipboard-list-check', 'color' => '#2563eb', 'permission' => 'stock.view'],
        ['label' => 'Orders',          'route' => 'admin.orders.index',         'icon' => 'fi fi-rr-shopping-bag',         'color' => '#dc2626', 'permission' => 'orders.view'],
        ['label' => 'Coupons',         'route' => 'admin.coupons.index',        'icon' => 'fi fi-rr-ticket',              'color' => '#16a34a', 'permission' => 'coupons.view'],
        ['label' => 'Sales',           'route' => 'admin.sales.index',          'icon' => 'fi fi-rr-chart-line-up',        'color' => '#ea580c', 'permission' => 'sales.view'],
        ['label' => 'Customers',       'route' => 'admin.customers.index',      'icon' => 'fi fi-rr-user',                 'color' => '#0284c7', 'permission' => 'customers.view'],
        ['label' => 'Expenses',        'route' => 'admin.expenses.index',       'icon' => 'fi fi-rr-receipt',              'color' => '#e11d48', 'permission' => 'expenses.view'],
        ['label' => 'Partners',        'route' => 'admin.shareholders.index',   'icon' => 'fi fi-rr-users',                'color' => '#c026d3', 'permission' => 'shareholders.view'],
        ['label' => 'Partner capital', 'route' => 'admin.shareholder-capital.index', 'icon' => 'fi fi-rr-money-bill-transfer', 'color' => '#0d9488', 'permission' => 'shareholder_capital.view'],
        ['label' => 'Profit split',    'route' => 'admin.shareholder-profit.index',  'icon' => 'fi fi-rr-pie-chart',          'color' => '#f59e0b', 'permission' => 'shareholder_profit.view'],
        ['label' => 'Users',           'route' => 'admin.users.index',          'icon' => 'fi fi-rr-user-gear',            'color' => '#7c3aed', 'permission' => 'users.view'],
        ['label' => 'Roles',           'route' => 'admin.roles.index',          'icon' => 'fi fi-rr-shield-check',         'color' => '#475569', 'permission' => 'roles.view'],
        ['label' => 'Profile',         'route' => 'admin.profile.edit',         'icon' => 'fi fi-rr-user-pen',             'color' => '#f43f5e', 'permission' => 'profile.manage'],
    ];
    $currentUser = auth()->user();
    $navItems = array_values(array_filter($navItems, function (array $item) use ($currentUser): bool {
        return ! isset($item['permission']) || ($currentUser && $currentUser->hasPermission($item['permission']));
    }));
@endphp

<style>
.nav-icon-container {
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.nav-icon-regular, .nav-icon-solid {
    position: absolute;
    font-size: 1.125rem;
    line-height: 1;
    transition: all 200ms ease;
}
.custom-nav-item:not(:hover):not(.is-active) .nav-icon-solid {
    opacity: 0;
    transform: scale(0.75);
}
.custom-nav-item:hover .nav-icon-regular, .custom-nav-item.is-active .nav-icon-regular {
    opacity: 0;
    transform: scale(0.75);
}
.custom-nav-item:hover .nav-icon-solid, .custom-nav-item.is-active .nav-icon-solid {
    opacity: 1;
    transform: scale(1);
}
</style>

<aside class="w-64 h-screen shrink-0 flex flex-col border-r" style="background: #fff; border-color: var(--color-ink-12);">
    <div class="px-6 py-7 border-b" style="border-color: var(--color-ink-12);">
        <a href="{{ route('admin.dashboard') }}" class="flex items-center gap-3">
            <img src="{{ asset('assets/brand-mark-alt.png') }}" alt="Aromaniacs" class="h-9 w-9">
            <div class="flex flex-col">
                <span class="text-lg" style="font-family: var(--font-serif);">Aromaniacs</span>
                <span class="label" style="color: var(--color-ink); font-size: 0.55rem;">ERP Suite</span>
            </div>
        </a>
    </div>

    <nav class="flex-1 px-3 py-4 space-y-1 overflow-y-auto">
        @foreach ($navItems as $item)
            @php
                $isDisabled = $item['disabled'] ?? false;
                $isActive = ! $isDisabled
                    && (
                        request()->routeIs(str_replace('.index', '.*', $item['route']))
                        || request()->routeIs($item['route'])
                    );
                $href = $isDisabled ? '#' : (Route::has($item['route']) ? route($item['route']) : '#');
            @endphp
            <a
                href="{{ $href }}"
                class="custom-nav-item flex items-center gap-3 px-3 py-2.5 rounded-md transition-colors {{ $isActive ? 'is-active' : '' }}"
                @if ($isDisabled) aria-disabled="true" @endif
                style="
                    {{ $isActive ? 'background: var(--color-ink-06); color: var(--color-ink); border: 1px solid var(--color-ink-12);' : 'color: var(--color-ink-70);' }}
                    {{ $isDisabled ? 'opacity: 0.45; cursor: not-allowed;' : '' }}
                "
            >
                <div class="nav-icon-container">
                    <i class="{{ $item['icon'] }} nav-icon-regular" aria-hidden="true"></i>
                    <i class="{{ str_replace('fi-rr-', 'fi-sr-', $item['icon']) }} nav-icon-solid" style="color: {{ $item['color'] }};" aria-hidden="true"></i>
                </div>
                <span class="text-sm" style="font-family: var(--font-serif);">{{ $item['label'] }}</span>
                @if ($isDisabled)
                    <span class="ml-auto label" style="font-size: 0.5rem; opacity: 0.7;">Soon</span>
                @endif
            </a>
        @endforeach
    </nav>

    <div class="px-4 py-4 border-t" style="border-color: var(--color-ink-12);">
        <p class="label mb-1" style="color: var(--color-ink-40);">Tagline</p>
        <p class="text-sm  " style="color: var(--color-ink-70); font-family: var(--font-serif);">"Unveil Your Scent"</p>
    </div>
</aside>