{{-- Navbar Admin — DaisyRisk Light Theme --}}
<header class="dr-topbar flex items-center justify-between h-14 px-6 shrink-0">

    {{-- Page title --}}
    <h1 class="dr-topbar-title">
        @yield('page_title', 'Dashboard')
    </h1>

    {{-- Right side --}}
    <div class="flex items-center gap-3">

        {{-- Notification bell --}}
        <button type="button"
                class="w-8 h-8 rounded-lg flex items-center justify-center text-base transition-colors hover:bg-amber-50"
                style="color: var(--dr-text-muted);">
            🔔
        </button>

        {{-- Admin avatar & logout --}}
        <div class="flex items-center gap-2">
            <div class="w-8 h-8 rounded-full flex items-center justify-center text-white text-xs font-bold shadow-sm"
                 style="background: linear-gradient(135deg, #F59E0B, #D97706);">
                @if(auth()->check())
                    {{ strtoupper(substr(auth()->user()->name, 0, 1)) }}
                @else
                    A
                @endif
            </div>
            <span class="text-sm font-medium hidden sm:inline" style="color: var(--dr-text-body);">
                @if(auth()->check()){{ auth()->user()->name }}@else Admin @endif
            </span>
        </div>

        {{-- Logout --}}
        <form method="POST" action="{{ route('logout') }}" class="inline">
            @csrf
            <button type="submit"
                    class="dr-btn dr-btn-sm"
                    style="background:var(--dr-danger-bg);border-color:var(--dr-danger-border);color:var(--dr-danger);padding:5px 12px;">
                Logout
            </button>
        </form>

    </div>

</header>