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

        <div class="o-overlay-menu__bar  l-contain">
            <a class="o-overlay-menu__logo" href="{{ $links->home->route ?? '/' }}">
                @include('site.components.icons.logo')
            </a>

            <div class="o-overlay-menu__toggle">
                <button class="c-close  js-overlay-menu-trigger"></button>
            </div>
        </div>

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

                @foreach(config('site.mobile_navigation') as $navItem)
                    @continue(empty($links->{$navItem}))
                    <li class="o-overlay-menu__item">
                        <a class="o-overlay-menu__link @if(isset($page->code_name) && $page->code_name == $navItem) is-active @endif"
                           href="{{ $links->{$navItem}->route }}">
                            {{ $links->{$navItem}->name }}
                        </a>
                    </li>
                @endforeach

            </ul>
            <br>
            <ul class="o-overlay-menu__list service">
                <li class="o-overlay-menu__item">
                    <a href="tel:{{\Config::get('site.company.phone.call')}}">
                        <p>24/7 service</p>
                        <span class="c-button c-button--ghost c-button--no-corner">
                            @include('site.components.icons.phone')
                            {{\Config::get('site.company.phone.display')}}
                    </span>
                    </a>
                </li>
            </ul>
        </nav>

    </div>
</div>