@php
    $activeLink = $activeLink ?? 'search';
@endphp

<div class="header">
    <div class="header-content">
        <div class="logo">
            <a href="{{ route('jobs.index') }}">
                 <img class="logo-default" srcset="{{ URL::asset('images/pbg-logo.png') }}"
            src="{{ URL::asset('images/pbg-logo.png') }}" alt="PBG Logo">
            </a>
        </div>
        <div class="nav-links">
            <a href="{{ route('jobs.index') }}" class="{{ $activeLink === 'search' ? 'active' : '' }}">{{ __('jobs.search_jobs') }}</a>
            <a href="#" class="{{ $activeLink === 'recommended' ? 'active' : '' }}">{{ __('jobs.recommended_jobs') }}</a>
        </div>
        <div class="user-menu">
            <form method="GET" action="{{ route('jobs.index') }}" id="langForm" style="display: inline;">
                @foreach(request()->except('lang') as $key => $value)
                    <input type="hidden" name="{{ $key }}" value="{{ $value }}">
                @endforeach
                <select name="lang" onchange="document.getElementById('langForm').submit();" style="padding: 5px 10px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; cursor: pointer;">
                    <option value="en" {{ app()->getLocale() == 'en' ? 'selected' : '' }}>English (United States)</option>
                    {{-- <option value="es" {{ app()->getLocale() == 'es' ? 'selected' : '' }}>Español</option>
                    <option value="fr" {{ app()->getLocale() == 'fr' ? 'selected' : '' }}>Français</option>
                    <option value="de" {{ app()->getLocale() == 'de' ? 'selected' : '' }}>Deutsch</option>
                    <option value="zh" {{ app()->getLocale() == 'zh' ? 'selected' : '' }}>中文</option> --}}
                </select>
            </form>
            @auth
                <div class="profile-menu">
                    <div class="profile-icon" id="profileIcon">
                        {{ strtoupper(substr(auth()->user()->name, 0, 2)) }}
                    </div>
                    <div class="profile-dropdown" id="profileDropdown">
                        <a href="{{ route('profile.show') }}">{{ __('jobs.my_profile') }}</a>
                        <a href="{{ route('profile.settings') }}">{{ __('jobs.account_settings') }}</a>
                        <a href="{{ route('jobs.applied') }}">{{ __('jobs.jobs_applied_for') }}</a>
                        <a href="{{ route('jobs.saved') }}">{{ __('jobs.saved_jobs') }}</a>
                        {{-- <a href="{{ route('searches.saved') }}">{{ __('jobs.saved_searches') }}</a> --}}
                        <a href="{{ route('privacy') }}">{{ __('jobs.privacy_statement') }}</a>
                        <a href="{{ route('logout') }}" class="sign-out" onclick="event.preventDefault(); document.getElementById('logoutForm').submit();">{{ __('jobs.sign_out') }}</a>
                        <form id="logoutForm" action="{{ route('logout') }}" method="POST" style="display: none;">
                            @csrf
                        </form>
                    </div>
                </div>
            @else
                <a href="{{ route('login') }}">{{ __('jobs.sign_in') }}</a>
            @endauth
        </div>
    </div>
</div>