@if (config()->has('twill-navigation'))
    <header class="headerMobile" data-header-mobile>
        <nav class="headerMobile__nav">
            <div class="container">
                @partialView(($moduleName ?? null), 'navigation._title')

                <div class="headerMobile__list">
                    @foreach(config('twill-navigation') as $global_navigation_key => $global_navigation_element)
                        @can($global_navigation_element['can'] ?? 'list')
                            @if(isActiveNavigation($global_navigation_element, $global_navigation_key, $_global_active_navigation))
                                <a class="s--on" href="{{ getNavigationUrl($global_navigation_element, $global_navigation_key) }}">{{ $global_navigation_element['title'] }}</a><br />
                            @else
                                <a href="{{ getNavigationUrl($global_navigation_element, $global_navigation_key) }}" @if (isset($global_navigation_element['target']) && $global_navigation_element['target'] == 'external') target="_blank" @endif>{{ $global_navigation_element['title'] }}</a><br />
                            @endif
                        @endcan
                    @endforeach
                </div>
                <div class="headerMobile__list">
                    @if (config('twill.enabled.media-library') || config('twill.enabled.file-library'))
                        <a href="#" data-closenav-btn data-medialib-btn>{{ twillTrans('twill::lang.nav.media-library') }}</a><br />
                    @endif
                    @if(isset($currentUser))
                        <a href="{{ route('admin.users.index') }}">{{ twillTrans('twill::lang.nav.cms-users') }}</a><br />
                        <a href="{{ route('admin.users.edit', $currentUser->id) }}">{{ twillTrans('twill::lang.nav.settings') }}</a><br />
                        <a href="#" data-logout-btn>{{ twillTrans('twill::lang.nav.logout') }}</a>
                    @endif
                </div>
            </div>
        </nav>
    </header>

    <button class="ham @if(isset($search) && $search) ham--search @endif" data-ham-btn>
        @foreach(config('twill-navigation') as $global_navigation_key => $global_navigation_element)
            @can($global_navigation_element['can'] ?? 'list')
                @if(isActiveNavigation($global_navigation_element, $global_navigation_key, $_global_active_navigation))
                    <span class="ham__label">{{ $global_navigation_element['title'] }}</span>
                @endif
            @endcan
        @endforeach
        <span class="btn ham__btn">
            <span class="ham__icon">
                <span class="ham__line"></span>
            </span>
            <span class="icon icon--close_modal"><svg><title>{{ twillTrans('twill::lang.nav.close-menu') }}</title><use xlink:href="#icon--close_modal"></use></svg></span>
        </span>
    </button>
@endif