<div class="mobile-navigation">
    <div class="bar">
        <div class="toggle-menu">
            <div class="icon">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
    </div>
    <div class="shader"></div>

    <div class="menu">
        {{--<div class="language language-selector">--}}
        {{--<ul>--}}
        {{----}}
        {{--@foreach($otherLanguages as $language)--}}
        {{--<li @if(\App::getLocale() == $language->iso_2) class="active" @endif >--}}
        {{--<a data-language="{{$language->iso_2}}"--}}
        {{--href="/@if($language->route->route!='/'){{$language->route->route}}@endif">--}}
        {{--{{$language->iso_2}}--}}
        {{--</a>--}}
        {{--</li>--}}
        {{--@endforeach--}}
        {{--</ul>--}}
        {{--</div>--}}

        <nav>
            <ul>
                @foreach($menuItems as $item)
                    <li @if($data->content->code_name == $item->code_name) class="active" @endif>
                        <a href="/{{$item->route}}">{{$item->name}}
                        </a>
                        @if($item->code_name == 'project_overview')
                            <ul>
                                @foreach($subItems as $item)
                                    <li class=" sub-item @if($data->content->code_name == $item->code_name) active @endif ">
                                        <a href="/{{$item->route}}">{{$item->name}}
                                        </a>
                                    </li>
                                @endforeach
                            </ul>
                        @endif
                        @if($item->code_name == 'other')
                            <ul>
                                @foreach($subItems2 as $item)
                                    <li class=" sub-item @if($data->content->code_name == $item->code_name) active @endif ">
                                        <a href="/{{$item->route}}">{{$item->name}}
                                        </a>
                                    </li>
                                @endforeach
                            </ul>
                        @endif
                    </li>
                @endforeach
                <li class="@if(\Request::path() == 'fotoalbum') active @endif photoalbum">
                    <a href="/fotoalbum">
                        Fotoalbum
                        <span></span>
                    </a>
                </li>
                <li class="divide"></li>

            </ul>
        </nav>

        {{--<p class="social">--}}
        {{--<strong>@lang('translations.followUs')</strong>--}}

        {{--<span class="icons">--}}
        {{--<a href="{{\Config::get('business.facebook')}}"><span class="facebook"></span></a>--}}
        {{--<a href="{{\Config::get('business.linkedin')}}"><span class="linkedin"></span></a>--}}
        {{--</span>--}}
        {{--</p>--}}

        {{--<div class="contact-information">--}}
        {{--<h3>{{\Config::get('business.business-name')}}</h3>--}}
        {{--<p>--}}
        {{--<a href="mailto:{{\Config::get('business.email')}}">{{\Config::get('business.email')}}</a><br/>--}}
        {{--<a href="tel:{{\Config::get('business.phone.call')}}">{{\Config::get('business.phone.display')}}</a>--}}
        {{--</p>--}}
        {{--<p>--}}
        {{--{{\Config::get('business.adres')}}<br/>--}}
        {{--{{\Config::get('business.zip')}} {{\Config::get('business.city')}}<br/>--}}
        {{--{{\Config::get('business.country')}}<br/>--}}
        {{--</p>--}}

        {{--</div>--}}
    </div>
</div>