@php
$items = [
    ['title' => 'Overview', 'url' => route('dashboard'), 'icon' => 'layout-dashboard'],
    ['title' => 'Deals', 'url' => route('deals.index'), 'icon' => 'handshake'],
    ['title' => 'Wallets', 'url' => route('wallets.index'), 'icon' => 'wallet'],
    ['title' => 'Transactions', 'url' => route('transactions.index'), 'icon' => 'arrow-left-right'],
    ['title' => 'Notes', 'url' => route('notes.index'), 'icon' => 'sticky-note'],
];
@endphp

<div id="mobile-nav" class="fixed inset-0 z-50 hidden bg-black/50 lg:hidden">
    <div class="absolute left-0 top-0 h-full w-64 bg-card border-r border-border/60 p-3 space-y-1">
        <div class="flex items-center gap-3 px-3 py-3 border-b border-border/60 mb-2">
            <div class="grid h-9 w-9 place-items-center rounded-lg bg-primary text-primary-foreground font-display font-bold text-lg">হ</div>
            <span class="font-display text-lg font-semibold">Hisab</span>
        </div>
        @foreach ($items as $item)
            <a href="{{ $item['url'] }}" class="flex items-center gap-3 rounded-lg px-3 py-2 text-sm font-medium transition {{ request()->url() === $item['url'] ? 'bg-primary text-primary-foreground' : 'text-muted-foreground hover:bg-accent hover:text-foreground' }}">
                <x-icon name="{{ $item['icon'] }}" class="h-4 w-4" />
                {{ $item['title'] }}
            </a>
        @endforeach
        @if (auth()->user()?->is_admin)
            <a href="{{ route('admin.index') }}" class="flex items-center gap-3 rounded-lg px-3 py-2 text-sm font-medium transition {{ request()->routeIs('admin.*') ? 'bg-primary text-primary-foreground' : 'text-muted-foreground hover:bg-accent hover:text-foreground' }}">
                <x-icon name="shield" class="h-4 w-4" />
                Admin
            </a>
        @endif
        <div class="border-t border-border/60 pt-2 mt-2">
            <form method="POST" action="{{ route('logout') }}">
                @csrf
                <button type="submit" class="flex w-full items-center gap-3 rounded-lg px-3 py-2 text-sm font-medium text-muted-foreground hover:bg-accent hover:text-foreground transition">
                    <x-icon name="log-out" class="h-4 w-4" />
                    Sign out
                </button>
            </form>
        </div>
    </div>
</div>