@props([
    'activeNav' => 'interview',
])

<header class="h-17.5 bg-slate-900/80 backdrop-blur-md border-b border-slate-700/60 flex items-center justify-between px-6">
    <div class="flex items-center gap-3">
        <a href="{{ route('interview.index') }}" class="w-9 h-9 rounded-lg bg-linear-to-br from-indigo-500 to-sky-600 flex items-center justify-center font-bold text-white shadow-md shadow-indigo-500/30 no-underline">
            <i class="fa-solid fa-bolt text-lg"></i>
        </a>
        <div>
            <h1 class="font-outfit text-lg font-bold text-white m-0 leading-tight">Candidate Live Assessment Portal</h1>
            <div class="text-xs text-slate-400">Proctored IDE & Code Submissions</div>
        </div>
    </div>

    <div class="flex items-center gap-3">
        @if(Auth::check() && Auth::user()->isAdmin())
            <a href="{{ route('admin.dashboard') }}">
                <x-button variant="ghost" size="sm" icon="fa-solid fa-sliders" class="text-indigo-400 border-indigo-500/40">Control Panel</x-button>
            </a>
        @endif
        <a href="{{ route('onboarding.index') }}">
            <x-button variant="secondary" size="sm" icon="fa-solid fa-rocket">Onboarding Hub</x-button>
        </a>
        <a href="{{ route('dashboard') }}">
            <x-button variant="secondary" size="sm" icon="fa-solid fa-user">User Portal</x-button>
        </a>
        <form action="{{ route('logout') }}" method="POST" id="logout-form" class="inline">
            @csrf
            <x-button type="button" onclick="interviewerLogoutAction()" variant="danger" size="sm" icon="fa-solid fa-right-from-bracket" class="bg-red-500/20 text-red-300 border-red-500/40 font-semibold">
                Logout
            </x-button>
        </form>
    </div>
</header>