{{--

Footer: Found at the bottom of every page
We want our content to stay focused in the center area,
but we also want to align some of the items vertically.
Therefor we use a flexable-layout inside a contained-layout.

1: Small hack: Because the footer in on every page,
we here added the id to keep track of the grid-size.
This is used in our drip animation.

--}}

<footer class="main">

    <div class="contained-layout footer-top">

        {{-- Centered content on a 12-column grid --}}
        <div class="col-12 centered">
            <div class="grid-row">
                <a href="/{{$links->customerservice->route}}">
                    <div class="grid-col col-4">
                        @include('site.svg.icon.easy_clicks_grey')
                        {!! __('site/global.orderEasy') !!}
                    </div>
                </a>
                <a href="/{{$links->customerservice->route}}">
                    <div class="grid-col col-4">
                        @include('site.svg.icon.mechanic')
                        {!! __('site/global.assortment') !!}
                    </div>
                </a>
                <a href="/{{$links->customerservice->route}}">
                    <div class="grid-col col-4">
                        @include('site.svg.icon.pay_on_invoice_grey')
                        {!!  __('site/global.invoice') !!}
                    </div>
                </a>
            </div>
        </div>

    </div>
    {{--
        Keep the content focused in the center area
        1: This element is also used to calculate drip-width
    --}}
    <div class="contained-layout menu">

        {{-- Centered content on a 12-column grid --}}
        <div class="col-12 centered">

            {{--
                Create a flexable layout for better alignment opportunities
            --}}
            <div class="grid-row">
                <div class="contact-container grid-col">
                    <h4><a href="{{ $links->contact->route }}">@lang('site/global.contactHeader')</a></h4>
                    <p>
                        <strong>{{ \Config::get('business.company_name') }} B.V.</strong><br/>
                        {{ \Config::get('business.address') }}<br/>
                        {{ \Config::get('business.zip') }} {{ \Config::get('business.city') }}<br/>
                        {{ \Config::get('business.country') }}<br/><br/>
                        <a href="tel:{{ \Config::get('business.phone_call') }}">Tel: {{ \Config::get('business.phone_display') }}</a><br/>
                        <a href="tel:{{ \Config::get('business.fax_call') }}">Fax: {{ \Config::get('business.fax_display') }}</a><br/><br/>
                        <a href="mailto:{{ \Config::get('business.email') }}">{{ \Config::get('business.email') }}</a>
                    </p>
                </div>
                {{-- Middle section --}}
                <div class="menu-container grid-col">
                    <h4><a href="/">Eurotools</a></h4>
                    <ul>
                        @foreach(\Config::get('site.footer_navigation') as $navItem)
                            @if(!empty($links) && !empty($links->{$navItem}))
                                <li class=" @if(!empty($page) && $page->code_name == $navItem) active @endif ">
                                    <a href="/@if($navItem != 'home'){{$links->{$navItem}->route}}@endif">{{$links->{$navItem}->name}}</a>
                                </li>
                            @endif
                        @endforeach
                    </ul>
                    @if(!empty($links) && !empty($links->customerservice))
                        <a class="button yellow filled arrow"
                           @if(!\Auth::check())
                           href="/{{$links->register->route}}">@lang('site/global.register')
                            @else
                                href="/{{$links->customerservice->route}}">{{$links->customerservice->name}}
                            @endif
                        </a>
                    @endif
                    @if(!\Auth::check())
                        <a class="button register" href="{{route('site.login.'.\App::getLanguage()->iso_2)}}">
                            @lang('site/global.login')
                            @include('site.svg.icon.person')
                        </a>
                    @endif
                </div>

                {{-- Right section --}}
                <div class="cat-container grid-col">
                    @if(!empty($categories))
                        <h4><a href="{{$links->categories->route}}">{{$links->categories->name}}</a></h4>
                        <ul>
{{--                            @foreach($categories as $catItem)--}}
{{--                                {{ debug($categories) }}--}}
{{--                                @if(isset($catItem->translation))--}}
{{--                                    <li class="@if(!empty($page) && $page->code_name == $catItem->code_name) active @endif ">--}}
{{--                                        <a href="/{{$catItem->translation->slug}}">{{$catItem->translation->name}}</a>--}}
{{--                                    </li>--}}
{{--                                @endif--}}
{{--                            @endforeach--}}
                            @foreach($categories->children as $catItem)
                                @if(isset($catItem->translation))
                                    <li class="@if(!empty($page) && $page->code_name == $catItem->code_name) active @endif ">
                                        <a href="/{{$catItem->translation->slug}}">{{$catItem->translation->name}}</a>
                                    </li>
                                @endif
                            @endforeach
                        </ul>
                    @endif
                </div>

                <div class="service-container grid-col">
                    <h4><a href="{{$links->customerservice->route}}">@lang('site/global.serviceHeader')</a></h4>
                    <ul class="refs">
                        @if(!empty($links) && !empty($links->customerservice))
                            @foreach($servicePages as $key => $servicePage)
                                <li>
                                    <a href="/{{$links->customerservice->route}}{{!empty($servicePage->translation) ? '#'.$servicePage->translation->title : ''}}">{{!empty($servicePage->translation) ? $servicePage->translation->title : ''}}</a>
                                </li>
                            @endforeach
                            <li>
                                <a href="/{{$links->customerservice->route}}">{{$links->customerservice->name}}</a>
                            </li>
                        @endif
                    </ul>
                </div>

                <div class="generic-container grid-col">
                    <h4>@lang('site/global.mainHeader')</h4>
                    <ul class="refs">
                        <li><a href="/{{\App::getLocale()}}/sitemap">Sitemap</a></li>
                        <li><a href="/{{$links->disclaimer->route}}">{{$links->disclaimer->name}}</a></li>
                        <li><a href="/{{$links->legal->route}}">{{$links->legal->name}}</a></li>
                        <li><a href="/{{$links->privacy->route}}">{{$links->privacy->name}}</a></li>
                    </ul>
                </div>

            </div>
        </div>

        <div class="contained-layout subfooter">

            {{-- Centered content on a 12-column grid --}}
            <div class="col-12 top">
                <div class="grid-row">
                    <div class="grid-col">
                        <a class="komma" target="_blank" href="https://www.komma.pro">@lang('site/global.developedBy')
                            <span></span></a>
                    </div>
                </div>
            </div>
            <hr>
            <div class="col-12 bottom">
                <div class="grid-row">
                    <div class="grid-col logo">
                        <a href="/">@include('site.svg.logo')</a> &copy; {{date("Y")}}
                        <span>&nbsp;Eurotools&nbsp;</span>| All rights
                        reserved
                    </div>
                    @include('site.partials.header.languageMenu', [$showName = true])
                </div>
            </div>
        </div>

    </div>

</footer>