@php
    $headerContent = $headerContent ?? [];
    $menuLocation = $headerContent['menu_location'] ?? 'primary';
    $navigationLinks = app(\Modules\Stylist\Support\FrontendNavigation::class)->location($menuLocation, $primaryNavigation ?? []);
    $brandUrl = $siteSettings['site_url'] ?: url('/');
    $mobileMenuId = 'saasland-mobile-navigation';
@endphp

<header class="nav cms-editable-header" data-saasland-header>
    <a href="{{ $brandUrl }}" class="logo cms-brand" aria-label="{{ $siteTitle }} home">
        @if ($logoUrl)<img src="{{ $logoUrl }}" alt="{{ $siteTitle }}">@else{{ $siteTitle }}@endif
    </a>

    @if (filter_var($headerContent['show_navigation'] ?? true, FILTER_VALIDATE_BOOL))
        <nav class="desktop-nav" aria-label="Primary navigation">
            @foreach ($navigationLinks as $link)
                @continue(in_array(strtolower(trim($link['label'])), ['products','sonardesk'], true))
                <a href="{{ $link['url'] }}" @if($link['target'] ?? null) target="{{ $link['target'] }}" rel="noopener" @endif>{{ $link['label'] }}</a>
            @endforeach
            <div class="abs-products-menu"><a href="{{ url('/sonardesk') }}" aria-haspopup="true">Products <span aria-hidden="true">⌄</span></a><div class="abs-products-dropdown"><a href="{{ url('/sonardesk') }}">SonarDesk overview</a><a href="{{ url('/sonardesk/features') }}">Features</a><a href="{{ url('/sonardesk/pricing') }}">Pricing</a><a href="{{ route('sonardesk.downloads') }}">Downloads &amp; release notes</a></div></div>
        </nav>
    @endif
    <style>
    .saasland-theme .abs-products-menu{position:relative;display:flex;align-items:center;height:100%}
    .saasland-theme .abs-products-menu>a{white-space:nowrap}
    .saasland-theme .abs-products-dropdown{display:none;position:absolute;top:100%;right:0;min-width:235px;padding:10px;background:#241c16;border:1px solid #ffffff33;border-radius:12px;box-shadow:0 16px 36px #0005;z-index:100}
    .saasland-theme .abs-products-menu:hover .abs-products-dropdown,.saasland-theme .abs-products-menu:focus-within .abs-products-dropdown{display:grid}
    .saasland-theme .abs-products-dropdown a{padding:10px 12px;color:#f0f4fa;border-radius:6px;font-size:14px}
    .saasland-theme .abs-products-dropdown a:hover{background:#ffffff16;color:#f97316}
    </style>

    <div class="nav-actions">
        @auth
            @if (filter_var($headerContent['show_dashboard'] ?? true, FILTER_VALIDATE_BOOL) && Route::has('dashboard'))
                <a class="nav-account" href="{{ route('dashboard') }}">{{ $siteSettings['dashboard_label'] }}</a>
            @endif
            @if (filter_var($headerContent['show_user_name'] ?? true, FILTER_VALIDATE_BOOL))
                <div class="account-menu" x-data="{ accountOpen: false }"><button type="button" class="account-trigger" @click="accountOpen=!accountOpen"><span>{{ str(auth()->user()->name)->substr(0,1)->upper() }}</span><span class="account-name">{{ auth()->user()->name }}</span></button><div class="account-dropdown" x-show="accountOpen" @click.outside="accountOpen=false" x-cloak>@if(Route::has('profile.edit'))<a href="{{ route('profile.edit') }}">Profile</a>@endif @if(Route::has('logout'))<form method="POST" action="{{ route('logout') }}">@csrf<button type="submit">Log out</button></form>@endif</div></div>
            @endif
        @else
            @if (filter_var($headerContent['show_login'] ?? true, FILTER_VALIDATE_BOOL) && Route::has('login'))<a class="nav-login" href="{{ route('login') }}">{{ $siteSettings['login_label'] }}</a>@endif
            @if (filter_var($headerContent['show_registration'] ?? true, FILTER_VALIDATE_BOOL) && Route::has('register'))<a class="btn primary nav-register" href="{{ route('register') }}">{{ $siteSettings['registration_label'] }}</a>@endif
        @endauth
        @if (filter_var($headerContent['show_mobile_menu'] ?? true, FILTER_VALIDATE_BOOL))
            <button class="menu" type="button" aria-label="Open navigation" aria-controls="{{ $mobileMenuId }}" aria-expanded="false" data-saasland-menu-toggle><span></span><span></span><span></span></button>
        @endif
    </div>
</header>
@if (filter_var($headerContent['show_mobile_menu'] ?? true, FILTER_VALIDATE_BOOL))
    <div id="{{ $mobileMenuId }}" class="mobile-nav" data-saasland-mobile-nav hidden>
        @foreach($navigationLinks as $link)
            @continue(in_array(strtolower(trim($link['label'])), ['products','sonardesk'], true))
            <a href="{{ $link['url'] }}" @if($link['target'] ?? null) target="{{ $link['target'] }}" rel="noopener" @endif>{{ $link['label'] }}</a>
        @endforeach
        <a href="{{ url('/sonardesk') }}">Products · SonarDesk</a>
        <a href="{{ url('/sonardesk/features') }}">SonarDesk features</a>
        <a href="{{ url('/sonardesk/pricing') }}">SonarDesk pricing</a>
        <a href="{{ route('sonardesk.downloads') }}">Downloads &amp; releases</a>
    </div>
@endif