@php
    $links = [
        ['label' => 'Dashboard', 'route' => 'user.dashboard', 'icon' => 'home'],
        ['label' => 'Fund Wallet', 'route' => 'user.wallet.fund', 'icon' => 'plus-circle'],
        ['label' => 'Buy Airtime', 'route' => 'user.airtime', 'icon' => 'phone'],
        ['label' => 'Buy Data', 'route' => 'user.data', 'icon' => 'signal'],
        ['label' => 'Pay Electricity', 'route' => 'user.electricity', 'icon' => 'bolt'],
        ['label' => 'Pay Cable TV', 'route' => 'user.cable', 'icon' => 'tv'],
        ['label' => 'Transactions', 'route' => 'user.transactions.index', 'icon' => 'list'],
        ['label' => 'Referrals', 'route' => 'user.referrals', 'icon' => 'users'],
        ['label' => 'Profile & Security', 'route' => 'user.profile.edit', 'icon' => 'shield'],
    ];

    $icons = [
        'home' => 'M2.25 12 11.204 3.045a1.125 1.125 0 0 1 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75',
        'plus-circle' => 'M12 9v6m3-3H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z',
        'phone' => 'M10.5 1.5H8.25A2.25 2.25 0 0 0 6 3.75v16.5a2.25 2.25 0 0 0 2.25 2.25h7.5A2.25 2.25 0 0 0 18 20.25V3.75a2.25 2.25 0 0 0-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3',
        'signal' => 'M9.348 14.652a3.75 3.75 0 0 1 0-5.304m5.304 0a3.75 3.75 0 0 1 0 5.304m-7.425 2.121a6.75 6.75 0 0 1 0-9.546m9.546 0a6.75 6.75 0 0 1 0 9.546M12 12h.008v.008H12V12Z',
        'bolt' => 'M3.75 13.5 10.5 3l-.75 7.5h6.75L9.75 21l.75-7.5H3.75Z',
        'tv' => 'M6 20.25h12M9.75 3v3.75M14.25 3v3.75M4.5 6.75h15v10.5a1.5 1.5 0 0 1-1.5 1.5h-12a1.5 1.5 0 0 1-1.5-1.5V6.75Z',
        'list' => 'M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM3.75 12h.007v.008H3.75V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm-.375 5.25h.007v.008H3.75v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z',
        'users' => 'M18 18.72a9.094 9.094 0 0 0 3.741-.479 3 3 0 0 0-4.682-2.72m.94 3.198.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0 1 12 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 0 1 6 18.719m12 0a5.971 5.971 0 0 0-.94-3.197m0 0A5.995 5.995 0 0 0 12 12.75a5.995 5.995 0 0 0-5.06 2.772m0 0A3 3 0 0 0 2.259 18.24a9.094 9.094 0 0 0 3.741.479m6-13.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm6 3a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Zm-13.5 0a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Z',
        'shield' => 'M9 12.75 11.25 15 15 9.75M21 12c0 4.556-3.04 8.399-7.2 9.615a1.5 1.5 0 0 1-.6 0C9.04 20.399 6 16.556 6 12V6.75a.75.75 0 0 1 .75-.75c1.87 0 3.567-.633 4.94-1.7a1.5 1.5 0 0 1 1.82 0A8.96 8.96 0 0 0 18.25 6a.75.75 0 0 1 .75.75V12Z',
    ];
@endphp

<aside class="hidden w-64 shrink-0 border-r border-slate-200 bg-white lg:flex lg:flex-col dark:border-slate-800 dark:bg-slate-900">
    <div class="flex h-16 items-center px-6">
        <x-public.logo class="h-7 w-auto" />
    </div>

    <nav class="flex-1 space-y-1 px-3 py-4" aria-label="Dashboard navigation">
        @foreach ($links as $link)
            <a
                href="{{ route($link['route']) }}"
                @if (request()->routeIs($link['route'])) aria-current="page" @endif
                class="flex items-center gap-3 rounded-lg px-3 py-2.5 text-sm font-medium transition
                    {{ request()->routeIs($link['route'])
                        ? 'bg-brand-50 text-brand-700 dark:bg-brand-900/40 dark:text-brand-300'
                        : 'text-slate-600 hover:bg-slate-100 hover:text-slate-900 dark:text-slate-300 dark:hover:bg-slate-800 dark:hover:text-white' }}"
            >
                <svg class="h-5 w-5 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="{{ $icons[$link['icon']] }}" />
                </svg>
                {{ $link['label'] }}
            </a>
        @endforeach
    </nav>

    <div class="border-t border-slate-200 p-3 dark:border-slate-800">
        <form method="POST" action="{{ route('logout') }}">
            @csrf
            <button type="submit" class="flex w-full items-center gap-3 rounded-lg px-3 py-2.5 text-sm font-medium text-slate-600 hover:bg-slate-100 hover:text-slate-900 dark:text-slate-300 dark:hover:bg-slate-800 dark:hover:text-white">
                <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8.25 9V5.25A2.25 2.25 0 0 1 10.5 3h6a2.25 2.25 0 0 1 2.25 2.25v13.5A2.25 2.25 0 0 1 16.5 21h-6a2.25 2.25 0 0 1-2.25-2.25V15M12 9l-3 3m0 0 3 3m-3-3h12.75" />
                </svg>
                Log out
            </button>
        </form>
    </div>
</aside>