@php
    $registrationEnabled = config('app.new_user_registration');

    if (!$registrationEnabled) {
        $registrationEnabled = 'enabled';
    }
@endphp

{!! ContentManager::customCode('Website Header: above header') !!}

@if (!has_custom_frontend())

    <header class="website-header">
        <div class="close-btn">
            <svg viewBox="0 0 24 24">
                <path fill="currentColor"
                    d="M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z" />
            </svg>
        </div>
        <div class="open-btn">
            <svg viewBox="0 0 24 24">
                <path fill="currentColor" d="M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z" />
            </svg>
        </div>
        <div class="layout-box">
            <div class="header-content">
                @include('blue.components.logo')
                <ul class="menu">
                    @foreach ($composer->menu() as $i => $item)
                        <li>
                            <a href="{{ $composer->itemLink($item, $i) }}" @if (!empty($item['target'])) target="{{ $item['target'] }}" @endif>
                                {{ $composer->label($item, $i) }}
                            </a>
                        </li>
                    @endforeach
                </ul>

                <div class="push"></div>

                <qrcg-language-picker></qrcg-language-picker>

                <ul class="call-to-actions" state="guest">
                    <li>
                        <a href="{{ $composer->loginUrl() }}" class="button login">
                            {{ t('Login') }}
                        </a>
                    </li>
                    @if ($registrationEnabled === 'enabled')
                        <li>
                            <a href="{{ $composer->registerUrl() }}" class="button accent">
                                {{ t('Register') }}
                            </a>
                        </li>
                    @endif
                </ul>
                <ul class="call-to-actions hidden" state="logged-in">
                    <li>
                        <a href="{{ $composer->loginUrl() }}" class="button login">
                            {{ t('Dashboard') }}
                        </a>
                    </li>
                    <li>
                        <a href="#" class="button accent logout-button">
                            {{ t('Logout') }}
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </header>
@endif

{!! ContentManager::customCode('Website Header: below header') !!}