<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 width="185" height="47" alt="Farmfun Logo" src="/img/farmfun-logo--white.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>

        <div class="o-overlay-menu__cart">
            @include('site.components.cartButton', ['modifiers' => 'animate'])
        </div>

        <ul class="o-overlay-menu__list">

            @foreach(config('site.mobile_navigation') as $navItem)
                @continue(empty($links->{$navItem}))

                <li class="o-overlay-menu__item @if(isset($page->code_name) && $page->code_name == $navItem) is-active @endif">
                    <a class="o-overlay-menu__link" href="{{ $links->{$navItem}->route }}" @if(!empty($navPreventTab)) tabindex="-1" @endif>
                        {{ isset(__('globalisation.menu')[$navItem]) ? __('globalisation.menu')[$navItem] : $links->{$navItem}->name }}
                    </a>
                </li>
            @endforeach

        </ul>

{{--        <ul class="o-overlay-menu__list">--}}

{{--            @foreach(config('site.pre_navigation') as $navItem)--}}
{{--                @continue(empty($links->{$navItem}))--}}

{{--                <li class="o-overlay-menu__item @if(isset($page->code_name) && $page->code_name == $navItem) is-active @endif">--}}
{{--                    <a class="o-overlay-menu__link" href="{{ $links->{$navItem}->route }}" @if(!empty($navPreventTab)) tabindex="-1" @endif>--}}
{{--                        {{ $links->{$navItem}->name }}--}}
{{--                    </a>--}}
{{--                </li>--}}
{{--            @endforeach--}}

{{--        </ul>--}}



        <ul class="o-overlay-menu__sublist">
            @foreach(config('site.mobile_navigation_sub') as $navItem)
                @continue(empty($links->{$navItem}))

                <li class="o-overlay-menu__subitem @if(isset($page->code_name) && $page->code_name == $navItem) is-active @endif">
                    <a class="o-overlay-menu__sublink" href="{{ $links->{$navItem}->route }}" @if(!empty($navPreventTab)) tabindex="-1" @endif>
                        {{ $links->{$navItem}->name }}
                    </a>
                </li>
            @endforeach

            <li class="o-overlay-menu__subitem">
                <a class="o-overlay-menu__sublink" href="/sitemap">
                    Sitemap
                </a>
            </li>
        </ul>
    </nav>
</div>