<div class="mobile-navigation">
    <div class="bar">
        <div class="toggle-menu">
            <div class="icon">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
        <div class="logo">
            <span></span>
        </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(\Config::get('business.menu') as $menu)
                    <li class="internalLink @if($menu == 'about') active @endif" data-link="#{{$menu}}"><p>@lang('menu.'.$menu)</p></li>
                @endforeach

                    <li class="btn-link">
                        <a href="@lang('translations.vacancyButton.route')" class="btn btn-secondary internalScroll">@lang('translations.vacancyButton.short_text')<span class="arrow-icon"><img src="/img/icons/arrow-blue.svg"></span></a>
                    </li>

                <li class="divide"></li>
                {{--@foreach($menuItems as $item)
                    <li @if($data->content->code_name == $item->code_name) class="active" @endif>
                        <a href="/{{$item->route}}">{{$item->name}}
                        </a>
                    </li>
                @endforeach--}}
            </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.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>