<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="/">
                {{--<img alt="logo" src="/img/zelfverkopen_nl.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="/" class="logo">
                    {{--<img alt="logo" src="/img/zelfverkopen_nl.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="/{{$links->{$item}->route}}">{{$links->{$item}->name}}</a>
                            </li>
                        @endif
                    @endforeach
                </ul>
            </div>
        </nav>
    </div>
</div>