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

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

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

<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>

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