{{-- Top navbar untuk User --}}
<header class="flex items-center justify-between h-14 px-6 bg-slate-950 border-b border-slate-800 shrink-0">

    {{-- Page title slot --}}
    <h1 class="text-sm font-semibold text-slate-200">
        @yield('page_title', 'Dashboard')
    </h1>

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

        {{-- Notification bell (placeholder) --}}
        <button type="button" class="text-slate-400 hover:text-white transition-colors text-lg leading-none">
            🔔
        </button>

        {{-- User info & Logout --}}
        <div class="flex items-center gap-3">
            <div class="flex items-center gap-2 text-sm text-slate-400">
                <span class="inline-flex items-center justify-center w-7 h-7 rounded-full bg-emerald-700 text-white text-xs font-bold">
                    {{ strtoupper(substr(Auth::user()->name, 0, 1)) }}
                </span>
                <span>{{ Auth::user()->name }}</span>
            </div>
            
            <form method="POST" action="{{ route('logout') }}" class="inline">
                @csrf
                <button type="submit" class="text-slate-400 hover:text-red-400 transition-colors text-sm">
                    Logout
                </button>
            </form>
        </div>

    </div>

</header>