<div hidden class="c-overlay-menu">
    <nav class="c-overlay-menu__main" >

        <ul class="c-overlay-menu__list">
            @foreach(config('site.overlay_navigation') as $navItem)

                @continue(empty($links->{$navItem}))

                <li class="c-overlay-menu__item  @if(in_array($navItem, ['teaching', 'enterprising'])) c-overlay-menu__item--with-icon @endif  @if((isset($page) && $page->code_name == $navItem ) || ( isset($parent) && $parent->node->code_name == $navItem) ) is-active @endif ">
                    <a class="c-overlay-menu__link" href="{{ $links->{$navItem}->route }}">

                        @if(in_array($navItem, ['teaching', 'enterprising']))
                            <i class="c-overlay-menu__icon  c-overlay-menu__icon--{{$navItem}}">
                                @includeIf('site.components.icons.' . $navItem )
                            </i>
                        @endif
                        {{ $links->{$navItem}->name }}

                        <span class="c-overlay-menu__background"></span>
                    </a>
                </li>

            @endforeach
        </ul>

    </nav>
</div>