<footer class="l-page__footer">

    @include('svg.mask', ['color' =>  '#1D2840' ,'vb_w' => 1920, 'vb_h' => 196, 'pathId' => 3])

    <div class="o-footer">
        <div class="o-footer__main">

            <div class="o-footer__columns">

                <div class="o-footer__info">

                    <a class="o-footer__brand" href="/@if(\App::getLocale() != 'nl'){{\App::getLocale()}}@endif" tabindex="-1">
                        <img class="o-footer__logo" alt="logo" src="/img/logo-on-dark.svg"/>
                    </a>

                    <div class="o-footer__contact">
                        <a class="o-footer__link" href="tel:{{ config('site.company_phone_call') }}">{{ config('site.company_phone_display') }}</a><br/>
                        <a class="o-footer__link" href="mailto:{{ config('site.company_email') }}">{{ config('site.company_email') }}</a>
                    </div>
                </div>


                {{-- Navigation links --}}
                <nav class="o-footer__nav" role=navigation>

                    @foreach($serviceGroups as $serviceGroupKey => $serviceGroupItems)
                        @continue($serviceGroupKey === 0 && !isset($links->service_private) || $serviceGroupKey === 1 && !isset($links->service_business))

                        @php
                            switch ($serviceGroupKey) {
                                case 0:
                                    $serviceGroupPage = $links->service_private;
                                    break;
                                 case 1:
                                    $serviceGroupPage = $links->service_business;
                                    break;
                                default:
                                    $serviceGroupPage = null;
                                    break;
                            }
                        @endphp

                        <ul class="o-footer__list">

                            <li class="o-footer__item  o-footer__item--heading">
                                <a class="o-footer__heading-link" href="{{ $serviceGroupPage->route }}">
                                    @lang('global.service_type.' . $serviceGroupKey)
                                </a>
                            </li>

                            @foreach($serviceGroupItems as $serviceItem)
                                <li class="o-footer__item">
                                    <a class="o-footer__link @if(isset($service) && $service->is($serviceItem)) is-active @endif" href="{{ $serviceGroupPage->route }}/{{ $serviceItem->translation->slug }}">
                                        {{ $serviceItem->translation->name }}
                                    </a>
                                </li>
                            @endforeach
                        </ul>
                    @endforeach

                    <ul class="o-footer__list">

                        <li class="o-footer__item  o-footer__item--heading">
                            Menu
                        </li>

                        @foreach(config('site.footer_navigation') as $navItem)
                            @continue(empty($links->{$navItem}))

                            <li class="o-footer__item">
                                <a class="o-footer__link @if(isset($page->code_name) && $page->code_name == $navItem) is-active @endif" href="{{ $links->{$navItem}->route }}">
                                    {{ $links->{$navItem}->name }}
                                </a>
                            </li>
                        @endforeach
                    </ul>

                </nav>
            </div>

        </div>
    </div>

    @include('organisms.subfooter')

</footer>