<div class="mobile-sticky">
    <div class="toggle-menu">
        <div class="icon">
            <span></span>
            <span></span>
            <span></span>
        </div>
    </div>
    <div class="logo @if($page->code_name == 'home') home @endif">
        <span><img alt="logo-mobile" src="/img/angeliekly-white.svg"/></span>
    </div>
</div>

<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 @if($page->code_name == 'home') home @endif">
            <span><img alt="logo-mobile" src="/img/angeliekly-white.svg"/></span>
        </div>
    </div>
    <div class="shader"></div>

    <div class="menu">

        <div class="close-menu">
            <div class="icon">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>

        <div class="menu-logo"></div>

        <!-- 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}}" @if(!in_array($page->code_name, ['disclaimer', 'legal', 'privacy'])) data-url="/{{$item->route}}" data-page="{{$item->code_name}}" class="history-link" @endif >
                            <span>{{$item->name}}</span>
                        </a>

                        @if($item->code_name == 'blog')
                            @include('layouts.partials.posts.categories', ['withName' => true])
                        @endif

                    </li>
                @endforeach
            </ul>
        </nav>

        <div class="social">

            <p class="non-important-links">
                <a href="/privacyverklaring">Privacyverklaring</a>
                <a href="/disclaimer">Disclaimer</a>
            </p>

            <p>@lang('translations.followUs')</p>

            <span class="icons">
                <a target="_blank" href="{{\Config::get('business.instagram')}}"><span class="instagram"></span></a>
                <a target="_blank" href="{{\Config::get('business.linkedin')}}"><span class="linkedin"></span></a>
                <a target="_blank" href="{{\Config::get('business.facebook')}}"><span class="facebook"></span></a>
            </span>
        </div>
    </div>
</div>