@php
    $navProducts = $navProducts ?? collect();
    $siteNav = $siteNav ?? \App\Domain\Cms\Models\NavigationMenu::current();
    $headerMenus = $headerMenus ?? $siteNav->resolvedHeaderMenus($navProducts);
    $utilbarLinks = $utilbarLinks ?? $siteNav->utilbar();
    $socialLinks = $socialLinks ?? $siteNav->social();
    $brandLogoUrl = $siteNav->logoUrl();
    $user = auth()->user();
@endphp
<a class="skip" href="#main">Skip to content</a>

<div class="topbar">
    <span class="topbar-label">{{ $user ? 'Partner Area' : 'Partner Login' }}</span>
    @guest
        <form class="topbar-login" method="POST" action="{{ route('login') }}">
            @csrf
            <div class="field">
                <label for="uid">User ID</label>
                <input id="uid" name="login" type="text" value="{{ old('login') }}" placeholder="Partner ID" autocomplete="username" @error('login') class="is-invalid" @enderror />
            </div>
            <div class="field">
                <label for="pwd">Password</label>
                <input id="pwd" name="password" type="password" placeholder="••••••" autocomplete="current-password" />
            </div>
            <button class="btn-signin" type="submit">Sign in</button>
        </form>
        <div class="topbar-links">
            <a href="{{ route('password.request') }}">Forgot Password?</a>
            <a href="{{ route('register') }}">Create a Partner Account</a>
        </div>
    @else
        <div class="topbar-session">
            <span class="session-who"><span class="dot" aria-hidden="true"></span>Signed in as <strong>{{ $user->login ?: $user->email }}</strong></span>
            <span class="topbar-links">
                @if ($user->can('admin.access'))
                    <a href="{{ route('dashboard') }}">Admin</a>
                @else
                    @can('downloads.view')
                        <a href="{{ route('downloads') }}">Downloads</a>
                    @endcan
                    @can('prices.view')
                        <a href="{{ route('portal.prices') }}">Prices</a>
                    @endcan
                    <a href="{{ route('profile.edit') }}">Profile</a>
                @endif
            </span>
            <form method="POST" action="{{ route('logout') }}">
                @csrf
                <button class="btn-signout" type="submit">Sign out</button>
            </form>
        </div>
    @endguest
</div>

<div class="masthead">
    <a class="brand" href="{{ $siteNav->homeUrl() }}">
        @if ($brandLogoUrl)
            <img src="{{ $brandLogoUrl }}" alt="{{ $siteNav->brandName() }}">
        @else
            @include('layouts.partials.brand-mark', ['stroke' => '#14509E', 'size' => 30])
        @endif
        @if ($siteNav->showName())
            <span>{{ $siteNav->brandName() }}</span>
        @endif
    </a>
    <nav class="nav" id="mainnav" aria-label="Main">
        @foreach ($headerMenus as $menu)
            @php
                $hasChildren = $menu['product_children'] !== [] || $menu['custom_children'] !== [];
            @endphp
            <div class="nav-item">
                <a href="{{ $siteNav->href($menu['url']) }}" @if ($siteNav->menuIsCurrent($menu)) aria-current="page" @endif>
                    {{ $menu['label'] }}
                    @if ($hasChildren)
                        @include('layouts.partials.nav-chevron')
                    @endif
                </a>
                @if ($hasChildren)
                    <div @class(['submenu', 'submenu--wide' => $menu['wide'], 'submenu--right' => $menu['align'] === 'right'])>
                        @if ($menu['product_children'] !== [])
                            @if ($menu['heading'] !== '')
                                <span class="submenu-head">{{ $menu['heading'] }}</span>
                            @endif
                            @foreach ($menu['product_children'] as $child)
                                <a href="{{ $siteNav->href($child['url']) }}">{{ $child['label'] }}</a>
                            @endforeach
                            @if ($menu['custom_children'] !== [])
                                <span class="submenu-sep"></span>
                            @endif
                        @elseif ($menu['heading'] !== '')
                            <span class="submenu-head">{{ $menu['heading'] }}</span>
                        @endif
                        @foreach ($menu['custom_children'] as $child)
                            <a href="{{ $siteNav->href($child['url']) }}">{{ $child['label'] }}</a>
                        @endforeach
                    </div>
                @endif
            </div>
        @endforeach
    </nav>

    <button class="navtoggle" type="button" aria-expanded="false" aria-controls="mainnav">
        <span class="navtoggle-bars" aria-hidden="true"><span></span><span></span><span></span></span>
        <span class="navtoggle-label">Menu</span>
    </button>
</div>

<div class="utilbar">
    <nav class="utilbar-nav" aria-label="Secondary">
        @foreach ($utilbarLinks as $link)
            <a href="{{ $siteNav->href($link['url']) }}">{{ $link['label'] }}</a>
        @endforeach
    </nav>
    <div class="utilbar-right">
        <form class="sitesearch" role="search" novalidate>
            <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" aria-hidden="true"><circle cx="10.5" cy="10.5" r="6.5"></circle><path d="m15.5 15.5 4 4"></path></svg>
            <input type="search" placeholder="Search the site" aria-label="Search the site" autocomplete="off" data-site-search />
        </form>
        @foreach ($socialLinks as $link)
            <a class="icon-btn" href="{{ $siteNav->href($link['url']) }}" target="_blank" rel="noopener" aria-label="{{ $link['label'] }}">{{ $link['network'] === 'facebook' ? 'f' : ($link['network'] === 'x' ? 't' : ($link['network'] === 'linkedin' ? 'in' : ($link['network'] === 'youtube' ? 'yt' : mb_strtolower(mb_substr($link['label'], 0, 2))))) }}</a>
        @endforeach
        <a class="share" href="#" data-share>Bookmark and Share</a>
    </div>
</div>