@php
    $seo = \App\Models\SeoSetting::current();

    $brandIconUrl = !empty($seo?->favicon)
        ? asset($seo->favicon)
        : asset('hisabseba-favicon.png');

    $brandName = $seo->site_name ?: 'Hisab Seba';
@endphp

<div class="hidden md:flex md:w-72 md:flex-col md:border-r md:border-slate-200 md:bg-slate-900 md:text-white md:shadow-xl">

    {{-- Brand --}}
    <div class="sticky top-0 z-20 border-b border-slate-800 bg-slate-950/95 px-6 py-6 backdrop-blur">
        <div class="flex items-center gap-3">

            <div class="flex h-11 w-11 shrink-0 items-center justify-center overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-sm">
                <img src="{{ $brandIconUrl }}"
                     alt="{{ $brandName }}"
                     class="h-9 w-9 object-contain">
            </div>

            <div>
                <h2 class="text-lg font-extrabold tracking-wide text-white">{{ $brandName }}</h2>
                <p class="text-xs text-slate-400">Admin Control Panel</p>
            </div>
        </div>
    </div>

    {{-- Navigation --}}
    <div class="flex flex-1 flex-col justify-between overflow-y-auto px-4 py-5">
        <div class="space-y-2">

            <p class="px-3 pb-2 text-[11px] font-semibold uppercase tracking-[0.2em] text-slate-500">
                Main Menu
            </p>

            <a href="{{ route('admin.dashboard') }}"
               class="flex items-center gap-3 rounded-2xl px-4 py-3 text-sm font-medium transition {{ request()->routeIs('admin.dashboard') ? 'bg-indigo-600 text-white shadow-lg shadow-indigo-900/30' : 'text-slate-300 hover:bg-slate-800 hover:text-white' }}">
                <span class="text-base">🏠</span>
                <span>Dashboard</span>
            </a>

            <a href="{{ route('plans.index') }}"
               class="flex items-center gap-3 rounded-2xl px-4 py-3 text-sm font-medium transition {{ request()->routeIs('plans.*') ? 'bg-indigo-600 text-white shadow-lg shadow-indigo-900/30' : 'text-slate-300 hover:bg-slate-800 hover:text-white' }}">
                <span class="text-base">📦</span>
                <span>Plans</span>
            </a>

            <a href="{{ route('payment-methods.index') }}"
               class="flex items-center gap-3 rounded-2xl px-4 py-3 text-sm font-medium transition {{ request()->routeIs('payment-methods.*') ? 'bg-indigo-600 text-white shadow-lg shadow-indigo-900/30' : 'text-slate-300 hover:bg-slate-800 hover:text-white' }}">
                <span class="text-base">💳</span>
                <span>Payment Methods</span>
            </a>

            <a href="{{ route('admin.users.index') }}"
               class="flex items-center gap-3 rounded-2xl px-4 py-3 text-sm font-medium transition {{ request()->routeIs('admin.users.*') ? 'bg-indigo-600 text-white shadow-lg shadow-indigo-900/30' : 'text-slate-300 hover:bg-slate-800 hover:text-white' }}">
                <span class="text-base">👤</span>
                <span>Users</span>
            </a>

            {{-- Subscription Section --}}
            <p class="px-3 pb-2 pt-4 text-[11px] font-semibold uppercase tracking-[0.2em] text-slate-500">
                Subscriptions
            </p>

            <a href="{{ route('admin.subscription-requests.index') }}"
               class="flex items-center gap-3 rounded-2xl px-4 py-3 text-sm font-medium transition {{ request()->routeIs('admin.subscription-requests.*') ? 'bg-indigo-600 text-white shadow-lg shadow-indigo-900/30' : 'text-slate-300 hover:bg-slate-800 hover:text-white' }}">
                <span class="text-base">⏳</span>
                <span>Subscription Requests</span>
            </a>

            <a href="{{ route('admin.subscriptions.history') }}"
               class="flex items-center gap-3 rounded-2xl px-4 py-3 text-sm font-medium transition {{ request()->routeIs('admin.subscriptions.history') ? 'bg-indigo-600 text-white shadow-lg shadow-indigo-900/30' : 'text-slate-300 hover:bg-slate-800 hover:text-white' }}">
                <span class="text-base">📜</span>
                <span>Subscription History</span>
            </a>

            <a href="{{ route('admin.subscriptions.active') }}"
               class="flex items-center gap-3 rounded-2xl px-4 py-3 text-sm font-medium transition {{ request()->routeIs('admin.subscriptions.active') ? 'bg-indigo-600 text-white shadow-lg shadow-indigo-900/30' : 'text-slate-300 hover:bg-slate-800 hover:text-white' }}">
                <span class="text-base">✅</span>
                <span>Active Subscriptions</span>
            </a>

            <a href="{{ route('admin.subscriptions.expired') }}"
               class="flex items-center gap-3 rounded-2xl px-4 py-3 text-sm font-medium transition {{ request()->routeIs('admin.subscriptions.expired') ? 'bg-indigo-600 text-white shadow-lg shadow-indigo-900/30' : 'text-slate-300 hover:bg-slate-800 hover:text-white' }}">
                <span class="text-base">❌</span>
                <span>Expired Subscriptions</span>
            </a>

            <a href="{{ route('admin-expenses.index') }}"
               class="flex items-center gap-3 rounded-2xl px-4 py-3 text-sm font-medium transition {{ request()->routeIs('admin-expenses.*') ? 'bg-indigo-600 text-white shadow-lg shadow-indigo-900/30' : 'text-slate-300 hover:bg-slate-800 hover:text-white' }}">
                <span class="text-base">💰</span>
                <span>Expenses</span>
            </a>

            <a href="{{ route('admin.seo.edit') }}"
               class="flex items-center gap-3 rounded-2xl px-4 py-3 text-sm font-medium transition {{ request()->routeIs('admin.seo.*') ? 'bg-indigo-600 text-white shadow-lg shadow-indigo-900/30' : 'text-slate-300 hover:bg-slate-800 hover:text-white' }}">
                <span class="text-base">🔍</span>
                <span>SEO Settings</span>
            </a>
        </div>

        {{-- Bottom Actions --}}
        <div class="mt-6 border-t border-slate-800 pt-4">
            <a href="{{ route('landing.home', ['locale' => 'en']) }}"
               target="_blank"
               rel="noopener noreferrer"
               class="flex items-center gap-3 rounded-2xl bg-slate-800 px-4 py-3 text-sm font-medium text-slate-200 transition hover:bg-slate-700 hover:text-white">
                <span class="text-base">🌐</span>
                <span>Visit Main Site</span>
            </a>
        </div>
    </div>
</div>