@php
    $home = request()->routeIs('home');
    $cars = request()->routeIs('listings.index') || request()->routeIs('listings.show');
    $dealers = request()->routeIs('dealers.index') || request()->routeIs('sellers.show');
    $account = request()->routeIs('dashboard') || request()->routeIs('login') || request()->routeIs('register');
@endphp

<nav class="md:hidden fixed bottom-0 inset-x-0 z-40 bg-surface/95 backdrop-blur border-t border-line"
     style="padding-bottom: env(safe-area-inset-bottom);">
    <div class="grid grid-cols-5 items-end h-16">
        {{-- Home --}}
        <a href="{{ route('home') }}" class="flex flex-col items-center justify-center gap-0.5 h-full {{ $home ? 'text-accent' : 'text-muted' }}">
            <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l9-9 9 9M5 10v10a1 1 0 001 1h4v-6h4v6h4a1 1 0 001-1V10"/></svg>
            <span class="text-[10px] font-semibold">الرئيسية</span>
        </a>

        {{-- Cars --}}
        <a href="{{ route('listings.index') }}" class="flex flex-col items-center justify-center gap-0.5 h-full {{ $cars ? 'text-accent' : 'text-muted' }}">
            <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 13l2-5a2 2 0 011.9-1.4h10.2A2 2 0 0119 8l2 5m-18 0v4a1 1 0 001 1h1a1 1 0 001-1v-1h12v1a1 1 0 001 1h1a1 1 0 001-1v-4m-18 0h18M7 16h.01M17 16h.01"/></svg>
            <span class="text-[10px] font-semibold">السيارات</span>
        </a>

        {{-- Add (center, raised FAB) --}}
        <a href="{{ route('listings.create') }}" class="flex flex-col items-center justify-end h-full">
            <span class="-mt-7 flex items-center justify-center w-14 h-14 rounded-full bg-brand-400 text-black shadow-lg shadow-brand-400/40 ring-4 ring-bg active:scale-95 transition">
                <svg class="w-7 h-7" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M12 5v14m7-7H5"/></svg>
            </span>
            <span class="mt-1 mb-1.5 text-[10px] font-bold text-accent">أضف إعلان</span>
        </a>

        {{-- Dealers --}}
        <a href="{{ route('dealers.index') }}" class="flex flex-col items-center justify-center gap-0.5 h-full {{ $dealers ? 'text-accent' : 'text-muted' }}">
            <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M3 21h18M3 10h18M5 6l7-3 7 3M4 10v11m16-11v11M8 14v3m4-3v3m4-3v3"/></svg>
            <span class="text-[10px] font-semibold">المعارض</span>
        </a>

        {{-- Account --}}
        <a href="{{ auth()->check() ? route('dashboard') : route('login') }}" class="flex flex-col items-center justify-center gap-0.5 h-full {{ $account ? 'text-accent' : 'text-muted' }}">
            <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/></svg>
            <span class="text-[10px] font-semibold">حسابي</span>
        </a>
    </div>
</nav>