<div class="fixed left-0 top-0 h-full w-64 bg-slate-900 text-slate-400 p-6 flex flex-col z-50">
    <div class="mb-10 flex items-center gap-3">
        <div class="w-8 h-8 bg-indigo-600 rounded-lg flex items-center justify-center text-white font-black text-xs">LP</div>
        <span class="font-black text-white tracking-widest text-sm">ADMIN PANEL</span>
    </div>

    <nav class="flex-1 space-y-1">
        <x-admin-nav-link :href="route('admin.dashboard')" :active="request()->routeIs('admin.dashboard')" icon="dashboard">
            Dashboard
        </x-admin-nav-link>
        
        <div class="pt-4 pb-2 text-[10px] font-black text-slate-600 uppercase tracking-widest">Konten & Produk</div>
        <x-admin-nav-link :href="route('admin.cms.index')" :active="request()->routeIs('admin.cms.*')" icon="cms">
            CMS Halaman Depan
        </x-admin-nav-link>
        <x-admin-nav-link :href="route('admin.plans.index')" :active="request()->routeIs('admin.plans.*')" icon="plans">
            Paket Layanan
        </x-admin-nav-link>

        <div class="pt-4 pb-2 text-[10px] font-black text-slate-600 uppercase tracking-widest">Operasional</div>
        <x-admin-nav-link :href="route('admin.payment-reviews.index')" :active="request()->routeIs('admin.payment-reviews.*')" icon="payments">
            Verifikasi Bayar
            @if($pending_count > 0)
                <span class="ms-auto px-2 py-0.5 bg-indigo-600 text-white text-[8px] rounded-full">{{ $pending_count }}</span>
            @endif
        </x-admin-nav-link>
        <x-admin-nav-link :href="route('admin.users.index')" :active="request()->routeIs('admin.users.*')" icon="users">
            Data Users
        </x-admin-nav-link>
        <x-admin-nav-link :href="route('admin.leasing.index')" :active="request()->routeIs('admin.leasing.*')" icon="leasing">
            Data Leasing
        </x-admin-nav-link>
        <x-admin-nav-link :href="route('admin.member.index')" :active="request()->routeIs('admin.member.*')" icon="member">
            Data Member
        </x-admin-nav-link>
        <x-admin-nav-link :href="route('admin.records.index')" :active="request()->routeIs('admin.records.*')" icon="records">
            Data Kendaraan
        </x-admin-nav-link>

        <div class="pt-4 pb-2 text-[10px] font-black text-slate-600 uppercase tracking-widest">Sistem</div>
        <x-admin-nav-link :href="route('admin.audit-logs.index')" :active="request()->routeIs('admin.audit-logs.*')" icon="logs">
            Audit Logs
        </x-admin-nav-link>
    </nav>

    <div class="mt-auto pt-6 border-t border-slate-800">
        <form method="POST" action="{{ route('logout') }}">
            @csrf
            <button type="submit" class="flex items-center gap-3 text-sm hover:text-white transition w-full">
                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1"></path></svg>
                Keluar
            </button>
        </form>
    </div>
</div>
