@php
    $user = auth()->guard('platform')->user();
@endphp

<header class="sticky top-0 z-40 flex h-16 items-center gap-4 border-b border-gray-200/80 bg-white/80 px-4 backdrop-blur-md sm:px-6">

    {{-- Mobile menu toggle --}}
    <button type="button" data-sidebar-toggle class="flex h-9 w-9 items-center justify-center rounded-lg text-gray-600 transition-colors hover:bg-gray-100 hover:text-gray-900 lg:hidden" aria-label="Toggle menu" aria-controls="app-sidebar" aria-expanded="false">
        <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
            <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
        </svg>
    </button>

    {{-- Page Title --}}
    <h1 class="truncate text-lg font-display font-semibold text-gray-900">
        @yield('header', 'Dashboard')
    </h1>

    <div class="flex-1"></div>

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

        {{-- Notifications --}}
        <button class="relative rounded-lg p-2 text-gray-400 hover:bg-gray-100 hover:text-gray-600 transition-colors">
            <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
                <path stroke-linecap="round" stroke-linejoin="round" d="M14.857 17.082a23.848 23.848 0 005.454-1.31A8.967 8.967 0 0118 9.75v-.7V9A6 6 0 006 9v.75a8.967 8.967 0 01-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 01-5.714 0m5.714 0a3 3 0 11-5.714 0" />
            </svg>
            <span class="absolute -top-0.5 -right-0.5 flex h-4 w-4 items-center justify-center rounded-full bg-red-500 text-[10px] font-bold text-white">3</span>
        </button>

        {{-- User --}}
        <div class="flex items-center gap-3">
            <div class="hidden text-right sm:block">
                <p class="text-sm font-medium text-gray-900">{{ $user->name ?? 'Admin' }}</p>
                <p class="text-xs text-gray-500">Platform Administrator</p>
            </div>
            <div class="flex h-9 w-9 items-center justify-center rounded-full bg-primary-600 text-white text-sm font-bold">
                {{ substr($user->name ?? 'A', 0, 1) }}
            </div>
        </div>

    </div>

</header>