<div id="mobile-navigation">

    <div class="bar">
        <div class="toggle-menu" id="mobile-menu-trigger">
            <div class="icon">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
        <div class="logo">
            <a href="/@if(\App::getLocale() != 'nl'){{\App::getLocale()}}@endif">
                <img alt="logo" src="/img/logo.svg"/>
            </a>
        </div>
    </div>

    <div class="shader" id="mobile-shader"></div>

    <div class="menu">

        <nav>
            <span id="mobile-close" class="close"></span>

            <div class="logo-wrapper">
                <a href="/@if(\App::getLocale() != 'nl'){{\App::getLocale()}}@endif" class="logo">
                    <img alt="logo" src="/img/logo.svg"/>
                </a>
            </div>

            <div class="menu-list">
                <ul>
                    @foreach(\Config::get('site.mobile_navigation') as $item)
                        @if(isset($links->{$item}))
                            <li @if(isset($page->code_name) && $page->code_name == $item) class="active" @endif>
                                <a href="/@if($links->{$item}->route !== '/'){{$links->{$item}->route}}@endif">{{$links->{$item}->name}}</a>
                            </li>
                        @endif
                    @endforeach
                </ul>
            </div>
        </nav>
    </div>
</div>