<div class="mobile-navigation">
    <div class="bar">
        <div class="toggle-menu">
            <div class="icon">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
        <a href="/">
            <div class="mobile-logo">
                <span></span>
            </div>
        </a>
        <div class="toggle-contact">
            <i class="material-icons md-light">perm_contact_calendar</i>
        </div>
    </div>
    <div class="shader"></div>

    <div class="menu">
        <!-- MULTI LANGUAGE LANGUAGE SELECTION -->
        {{--<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($mainNav as $item)
                    <li @if($page->code_name == $item->code_name) class="active" @endif>
                        <a href="/{{$item->route}}">{{$item->name}}
                        </a>
                    </li>
                    @if($item->code_name == 'shop')
                        @if(\App::getLocale() == 'nl')
                            <li><a href="/nl/assortiment/kotteren-specials">MEHI Tools</a></li>
                        @else
                            <li><a href="/en/assortment/boringtools-specials">MEHI Tools</a></li>
                        @endif
                    @endif
                @endforeach
                <li>
                    <a target="_blank" href="{{Config::get('business.legal')}}">Algemene voorwaarden</a>
                </li>
                <li class="divide"></li>
            </ul>
        </nav>

        <div class="language">
            <ul class="language-selector">
                @foreach(Config::get('app.site_languages') as $language)
                    <li @if(\App::getLocale() == $language) class="active" @endif >
                        <a data-language="{{$language}}"
                           href="/@if($language !== 'nl'){{$language}}@endif">
                            {{$language}}
                        </a>
                    </li>
                @endforeach
            </ul>
        </div>

        <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>

    <div class="shader-contact"></div>
    <div class="contact">
        <div class="contact-container">
            <div>
                <h3>Contact</h3>
                <p>{{Config::get('business.business-name')}}</p>
                <p>{{Config::get('business.adres')}}</p>
                <p>{{Config::get('business.zip')}} {{Config::get('business.city')}}</p>
                <p>{{Config::get('business.country')}}</p>
            </div>

            <div>
                <a href="tel:{{Config::get('business.phone.call')}}">{{Config::get('business.phone.display')}}</a><br />
                <a href="mailto:{{Config::get('business.email')}}">{{Config::get('business.email')}}</a>
            </div>
        </div>
    </div>
</div>