<footer>
    <nav class="menu">

        <svg class="dots" width="69" height="110">
            <use href="/img/dots.svg#dots"></use>
        </svg>

        <div class="grid-row">
            <ul>
                @foreach(\Config::get('site.navigation') as $navItem)
                    @if(!isset($links->{$navItem})) @continue @endif

                    {{-- Vacancies should only be showed on the Dutch language pages --}}
{{--                    @if($navItem == 'vacancies' && \App::getLanguage()->id != 104) @continue @endif--}}

                    {{-- Home for Dutch language --}}
                    @if($navItem == 'home' && \App::getLanguage()->id == 104)
                        <li class="home">
                            <a href="/">
                                <span class="icon"></span>
                                <p>{{$links->{$navItem}->name}}</p>
                            </a>
                        </li>
                        @continue
                    @endif

                    {{-- Default --}}
                    <li class=" @if(!empty($page) && $page->code_name == $navItem) active @endif ">
                        <a @if($navItem === 'vacancies') target="_blank" @endif
                            href="@if($navItem === 'vacancies'){{config('site.workAtSite.' . \App::getSite()->slug)}}@elseif($navItem === 'home' && isset($page) && $page->translation->language_id == 104)/@elseif($navItem === 'home')/{{$links->home->route}}@else/{{$links->{$navItem}->route}}@endif">
                            {{$links->{$navItem}->name}}
                        </a>
                    </li>
                @endforeach
            </ul>
        </div>
    </nav>

    <div class="grid-row main">

        <div class="business-information">
            <a href="/" title="{{\App::getSite()->slug}} Home">
                <figure>
                    <span class="logo">
                        @if(\App::getSite()->slug === 'anvil')
                            <img src="/img/logos/anvil-on-dark.svg" alt="{{\App::getSite()->slug}} home">
                        @elseif(\App::getSite()->slug === 'rols-machineonderdelen')
                            <img src="/img/logos/rols-on-dark.svg" alt="{{\App::getSite()->slug}} home">
                        @elseif(\App::getSite()->slug === 'jansen-machining-technology')
                            <img src="/img/logos/jansen-on-dark.svg" alt="{{\App::getSite()->slug}} home">
                        @elseif(\App::getSite()->slug === 'job-precision')
                            <img src="/img/logos/job-on-dark.svg" alt="{{\App::getSite()->slug}} home">
                        @elseif(\App::getSite()->slug === 'machinefabriek-de-valk')
                            <img src="/img/logos/logo-de-valk-on-dark.svg" alt="{{\App::getSite()->slug}} home">
                        @endif
                    </span>
                </figure>
            </a>

            <div class="locations margin-bottom">
                <p class="address">
                    {{ \Config::get('site.'.\App::getSite()->slug.'.address') }}<br/>
                    {{ \Config::get('site.'.\App::getSite()->slug.'.zip') }} {{ \Config::get('site.'.\App::getSite()->slug.'.location') }}
                </p>
                @if(\App::getSite()->slug !== 'anvil')

                    <p class="postal">
                        {{ \Config::get('site.'.\App::getSite()->slug.'.postalAddress') }}<br/>
                        {{ \Config::get('site.'.\App::getSite()->slug.'.postalZip') }} {{ \Config::get('site.'.\App::getSite()->slug.'.postalLocation') }}
                    </p>
                @endif
            </div>

            <p class="margin-bottom">
                <span class="prefix">@lang('site/global.tel'):</span><a
                        href="tel:{{ \Config::get('site.'.\App::getSite()->slug.'.phoneCall') }}">{{\Config::get('site.'.\App::getSite()->slug.'.phoneDisplay')}}</a><br/>
                <span class="prefix">@lang('site/global.email'):</span><a
                        href="mailto:{{ \Config::get('site.'.\App::getSite()->slug.'.email') }}">{{\Config::get('site.'.\App::getSite()->slug.'.email')}}</a>
            </p>

            <p>
                @if(isset($links->disclaimer))
                    <a class=" @if(!empty($page) && $page->code_name == 'disclaimer') active @endif "
                       href="/{{$links->disclaimer->route}}">{{$links->disclaimer->name}}</a><br/>
                @endif
                @if(isset($links->privacy))
                    <a class=" @if(!empty($page) && $page->code_name == 'privacy') active @endif "
                       href="/{{$links->privacy->route}}">{{$links->privacy->name}}</a><br/>
                @endif
                @if(\Lang::has('site/documents.legal'))
                    <a target="_blank" href="@lang('site/documents.legal.route')">@lang('site/documents.legal.name')</a>
                    <br/>
                @endif
                <a class=" @if(isset($sitemapActive) && $sitemapActive) active @endif " href="/sitemap">Sitemap</a>
            </p>
        </div>

        @if(isset($links->specialisms))
            <div class="specialism lists">
                <h4>
                    <a href="/{{$links->specialisms->route}}">
                        <span class="icon">
                            <svg  width="28" height="23" >
                                <use href="/img/diamont.svg#diamont"></use>
                            </svg>
                        </span>
                        {{$links->specialisms->name}}
                    </a>
                </h4>
                <ul>
                    <li @if(isset($page->code_name) && $page->code_name === 'specialisms' && !isset($page->preventFooterActive)) class="active" @endif >
                        <a href="/{{$links->specialisms->route}}">
                            @lang('site/global.overview')
                        </a>
                    </li>
                    @if(isset($menuSpecialisms) && $menuSpecialisms->count() != 0)
                        @foreach($menuSpecialisms as $menuSpecialism)
                            @continue(!isset($menuSpecialism->translation))
                            <li @if(isset($specialism) && $specialism->id === $menuSpecialism->id) class="active" @endif>
                                <a href="/{{$links->specialisms->route}}/{{$menuSpecialism->translation->slug}}">
                                    {{$menuSpecialism->translation->name}}
                                </a>
                            </li>
                        @endforeach
                    @endif
                </ul>
            </div>
        @endif
        {{--@if(isset($links->segments))--}}
        {{--<div class="segments lists">--}}
        {{--<h4>--}}
        {{--<a href="/{{$links->segments->route}}">--}}
        {{--<span class="icon"></span>--}}
        {{--{{$links->segments->name}}--}}
        {{--</a>--}}
        {{--</h4>--}}
        {{--<ul>--}}
        {{--<li @if($page->code_name === 'segments' && !isset($page->preventFooterActive)) class="active" @endif >--}}
        {{--<a href="/{{$links->segments->route}}">--}}
        {{--@lang('site/global.overview')--}}
        {{--</a>--}}
        {{--</li>--}}
        {{--@if(isset($menuSegments) && $menuSegments->count() != 0)--}}
        {{--@foreach($menuSegments as $menuSegment)--}}
        {{--@continue(!isset($menuSegment->translation))--}}
        {{--<li @if(isset($segment) && $segment->id === $menuSegment->id) class="active" @endif>--}}
        {{--<a href="/{{$links->segments->route}}/{{$menuSegment->translation->slug}}">--}}
        {{--{{$menuSegment->translation->name}}--}}
        {{--</a>--}}
        {{--</li>--}}
        {{--@endforeach--}}
        {{--@endif--}}
        {{--</ul>--}}
        {{--</div>--}}
        {{--@endif--}}

        <div class="companies lists">
            @if(isset($companies) && $companies->count() != 0)

                @if(isset($companies->first()->translation->route))
                    <h4>
                        <a href="/{{$companies->first()->translation->route->alias}}">
                            <span class="icon">
                                <svg width="27" height="26" >
                                    <use href="/img/companies.svg#companies"></use>
                                </svg>
                            </span>
                            @lang('site/global.ourBusinesses')
                        </a>
                    </h4>
                @endif

                <ul>
                    @foreach($companies as $company)
                        @continue($company->code_name === 'group')

                        @if(isset($company->translation->route->alias))
                        <li class="{{$company->code_name}}">
                            <a href="/{{$company->translation->route->alias}}">
                                <div class="company-wrapper">
                                    <div class="icon-placeholder">
                                        <div class="icon"></div>
                                    </div>
                                    <span class="name">{{$company->translation->name}}</span>
                                </div>
                                <span class="arrow"></span>
                            </a>
                        </li>
                        @endif
                    @endforeach
                </ul>

            @endif

            {{-- Default hidden, made visible trough CSS --}}
            <div class="iso-logos" style="display: none;">
                @if(app()->getLanguage()->iso_2 === 'nl')
                    <a class="iso-logos__link" target="_blank" title="Certificaat ISO 9001"
                       href="/uploads/files/ISO-9001-C582114-4-nl-NL-20240906.pdf">
                        <img class="iso-logos__icon" src="{!! asset('/img/iso9001.png') !!}"/>
                    </a>
                    <a class="iso-logos__link" target="_blank" title="Certificaat ISO 14001"
                       href="/uploads/files/ISO-14001-C582113-4-nl-NL-20240906.pdf">
                        <img class="iso-logos__icon" src="{!! asset('/img/iso14001.png') !!}"/>
                    </a>
                @else
                    <a class="iso-logos__link" target="_blank" title="Certificaat ISO 9001"
                       href="/uploads/files/ISO-9001-C582114-4-en-US-20240906.pdf">
                        <img class="iso-logos__icon" src="{!! asset('/img/iso9001.png') !!}"/>
                    </a>
                    <a class="iso-logos__link" target="_blank" title="Certificaat ISO 14001"
                       href="/uploads/files/ISO-14001-C582113-4-en-US-20240906.pdf">
                        <img class="iso-logos__icon" src="{!! asset('/img/iso14001.png') !!}"/>
                    </a>
                @endif
            </div>
        </div>

    </div>

    <div class="sub-footer grid-row">

        <p class="copyright">
            © {{ \Config::get('site.'.\App::getSite()->slug.'.fullName') }} - {{ \Carbon\Carbon::now()->year }}
        </p>

        <a href="https://komma.pro" target="_blank" class="komma">
            @lang('site/global.websiteBy') <span></span>
        </a>

    </div>

</footer>