@php
    $route = request()->route()?->getName();

    $linkBaseClasses = 'transition-colors hover:text-[var(--cl-accent,_#f97316)]';

    $isDashboard = $route === 'admin.dashboard';
    $isProgrammes = str_starts_with($route ?? '', 'admin.programmes.');
    $isRegistrations = str_starts_with($route ?? '', 'admin.registrations.');
    $isSettings = str_starts_with($route ?? '', 'admin.senangpay.settings.');
@endphp

<header class="sticky top-0 z-40 bg-white/90 backdrop-blur border-b border-slate-200">
    <div class="mx-auto flex max-w-6xl items-center justify-between px-4 py-3 sm:px-6">
        <div class="flex items-center gap-3">
            <div class="h-10 w-10 overflow-hidden rounded-xl border border-slate-200 bg-white p-1 sm:h-11 sm:w-11">
                <img
                    src="{{ asset('corelife-assets/uploads/2025/06/cropped-android-chrome-512x512-1.png') }}"
                    alt="CoreLife logo"
                    class="h-full w-full object-contain"
                >
            </div>
            <div class="leading-tight">
                <p class="text-[10px] font-semibold uppercase tracking-[0.2em] text-slate-500">
                    CoreLife · Admin
                </p>
                <p class="text-sm font-semibold text-[var(--cl-primary,_#ea580c)]">
                    Training & Programmes
                </p>
            </div>
        </div>
        <div class="flex items-center gap-4 text-[11px] font-medium text-slate-600">
            <a href="{{ route('admin.dashboard') }}"
               class="{{ $linkBaseClasses }} {{ $isDashboard ? 'text-[var(--cl-primary,_#ea580c)]' : '' }}">
                Dashboard
            </a>
            <a href="{{ route('admin.programmes.index') }}"
               class="{{ $linkBaseClasses }} {{ $isProgrammes ? 'text-[var(--cl-primary,_#ea580c)]' : '' }}">
                Programmes
            </a>
            <a href="{{ route('admin.registrations.index') }}"
               class="{{ $linkBaseClasses }} {{ $isRegistrations ? 'text-[var(--cl-primary,_#ea580c)]' : '' }}">
                Registrations
            </a>
            <a href="{{ route('admin.senangpay.settings.edit') }}"
               class="hidden sm:inline {{ $linkBaseClasses }} {{ $isSettings ? 'text-[var(--cl-primary,_#ea580c)]' : '' }}">
                SenangPay settings
            </a>
            <a href="{{ route('admin.maintenance.clear-caches') }}"
               class="hidden sm:inline text-[10px] text-slate-400 hover:text-[var(--cl-accent,_#f97316)]"
               title="Clear compiled Laravel caches">
                Clear caches
            </a>
            <form action="{{ route('admin.logout') }}" method="post" class="ml-2">
                @csrf
                <button type="submit"
                        class="rounded-full border border-slate-300 bg-white px-3 py-1 text-[11px] font-semibold text-slate-700 shadow-sm hover:border-[var(--cl-primary,_#ea580c)] hover:text-[var(--cl-primary,_#ea580c)]">
                    Log out
                </button>
            </form>
        </div>
    </div>
</header>