<div class="o-overlay-menu  js-overlay-menu" id="overlay-menu" hidden>

    <div class="o-overlay-menu__bar">
        <a class="o-overlay-menu__logo" href="{{ $links->home->route ?? '/' }}" tabindex="-99">
            <img class="o-overlay-menu__img" alt="logo" src="/img/logo-with-blue.svg">
        </a>

        <div class="o-overlay-menu__toggle">
            <button class="c-close  js-overlay-menu-trigger" aria-expanded="true" aria-controls="overlay-menu" tabindex="-1"></button>
        </div>
    </div>

    <nav class="o-overlay-menu__nav" role=navigation>
        <ul class="o-overlay-menu__list">
            @foreach(config('site.mobile_navigation.primary') as $navItem)
                @continue(empty($links->{$navItem}))
                <li class="o-overlay-menu__item @if(isset($page->code_name) && $page->code_name == $navItem  || isset($activeMenuItemCodeName) && $activeMenuItemCodeName == $navItem)  is-active @endif">
                    <a class="o-overlay-menu__link" href="{{ in_array($navItem, array_keys(config('site.navigationRouteRemapping'))) ? $links->{ config('site.navigationRouteRemapping.' . $navItem ) }->route : $links->{$navItem}->route }}">
                        {{ $links->{$navItem}->name }}
                    </a>
                </li>
            @endforeach
        </ul>

        <hr class="o-overlay-menu__line">

        <ul class="o-overlay-menu__list">
            @foreach(config('site.mobile_navigation.secondary') as $navItem)
                @continue(empty($links->{$navItem}))
                <li class="o-overlay-menu__item @if(isset($page->code_name) && $page->code_name == $navItem  || isset($activeMenuItemCodeName) && $activeMenuItemCodeName == $navItem) is-active @endif">
                    <a class="o-overlay-menu__link" @if(!empty($navPreventTab)) tabindex="-1" @endif href="{{ in_array($navItem, array_keys(config('site.navigationRouteRemapping'))) ? $links->{ config('site.navigationRouteRemapping.' . $navItem ) }->route : $links->{$navItem}->route }}">
                        {{ $links->{$navItem}->name }}
                    </a>
                </li>
            @endforeach
        </ul>
    </nav>
</div>