<div class="mobile-navigation">

    <div class="menu">
        <div class="bar">

            <p class="logo">
                TOPS menu
            </p>

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

        </div>


        <nav>
            <ul>

                {{ $menu->getShopMenu()->getUnsortedList('main') }}

                @include('mobile.partials.whatsapp')

                <li class="my-tops blue">
                    <a href="/{{$shop->getPageService()->page('customer')->route}}">
                        <span></span> @lang('mobile.myTopsAccount')
                    </a>
                </li>
                <li class="cart blue">
                    <a href="/{{ $shop->getPageService()->page('cart')->route }}">
                        <span></span> @lang('mobile.myCart')
                    </a>
                </li>
            </ul>
        </nav>



        <div class="mobile-footer">
            <a class="call-footer-bar"
               href='tel:{{\Config::get('komma/tops.telephone.'.\Shop::getDomainCountry('iso_2').'+' )}}'>

                <div class="person"></div>

                <p class="call">
                    @lang('partials/callToActions.need_help.message_3') {{\Config::get('komma/tops.telephone.'.\Shop::getDomainCountry('iso_2') )}}
                    <br/>
                    <span>@lang('partials/callToActions.need_help.message_1')</span>
                </p>
            </a>

            <ul class="other-pages">

                @foreach(['disclaimer', 'terms','sitemap'] as $page)
                    <li>
                        <a href="/{{$shop->getPageService()->page($page)->route}}">
                            {{$shop->getPageService()->page($page)->name}}
                        </a>
                    </li>
                @endforeach
            </ul>

            <div class="social">
                <div class="facebook">
                    <a href="https://www.facebook.com/TOPS-1571122546443488/" target="_blank"><span></span></a>
                </div>
                <div class="linkedin">
                    <a href="https://www.linkedin.com/company/tops-luchtfilters-v-o-f--te-valkenswaard" target="_blank"><span></span></a>
                </div>
            </div>

            <div class="contact-info">
                <p>
                    <strong>{{ Lang::get('tops.name') }}</strong><br/>
                    {{ Config::get('komma/tops.address.default.street') }}<br/>
                    {{ Config::get('komma/tops.address.default.postal') }} {{ Config::get('komma/tops.address.default.city') }}<br/>
                    {{ Lang::get('tops.address.country') }}<br/>
                    <a href="tel:{{ Config::get('komma/tops.telephone.'.\Shop::getDomainCountry('iso_2').'+' ) }}">
                        {{ Config::get('komma/tops.telephone.'.\Shop::getDomainCountry('iso_2') ) }}
                    </a><br/>
                    <a href="mailto:{{ Config::get('komma/tops.email.'.\Shop::getDomainCountry('iso_2') )}}">{{ Config::get('komma/tops.email.'.\Shop::getDomainCountry('iso_2') )}}</a>
                </p>
            </div>

        </div>

    </div>
</div>