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

            <div class="o-footer__extra">
                <div class="o-footer__content">
                    <h2 class="o-footer__heading">Vat de koe bij de hoorns en vraag vandaag nog je offerte aan:</h2>
                    <p class="u-spacing-mt1">Bel naar <a class="o-footer__link" href="tel:{{ config('site.company_phone_call') }}">{{ config('site.company_phone_display') }}</a></p>

                    @if(isset($links))
                        <div class="u-spacing-mt3">
                            @include('components.button', [
                                'modifiers' => ['secondary'],
                                'buttonText' => 'Offerte aanvragen',
                                'buttonLink' => $links->quotation->route
                            ])
                        </div>
                    @endif
                </div>

                <div class="o-footer__feedback">
                    @include('components.feedbackBlock')
                </div>
            </div>

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

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

            <div class="o-footer__address">
                <h2 class="o-footer__subheading">Ons adres</h2>
                <ul class="o-footer__list">
                    <li class="o-footer__item">
                        <p>{{ config('site.company_address') }}</p>
                    </li>
                    <li class="o-footer__item">
                        <p>{{ config('site.company_zip') }} {{ config('site.company_city') }}</p>
                    </li>
                </ul>
            </div>

            <div class="o-footer__social">
                <h2 class="o-footer__subheading">Volg ons op:</h2>
                <ul class="o-footer__iconlist">
                    @foreach(['facebook','linkedin','instagram','twitter'] as $item)
                        @if(config('site.company_social_'.$item) != null)
                            <li class="o-footer__channel  {{$item}}">
                                <a class="o-footer__icon" target="_blank" title="{{ ucfirst($item) }}" href="{{ config('site.company_social_'.$item) }}"></a>
                            </li>
                        @endif
                    @endforeach
                </ul>
            </div>

            <ul class="o-footer__contact">
                <li class="o-footer__item">
                    <a class="o-footer__link" data-icon="phone" href="tel:{{ config('site.company_phone_call') }}">{{ config('site.company_phone_display') }}</a>
                </li>
                <li class="o-footer__item">
                    <a class="o-footer__link" data-icon="mobile" href="tel:+32498450516">+32 (0)498 45 05 16</a>
                </li>
                <li class="o-footer__item">
                    <a class="o-footer__link" data-icon="email" href="mailto:{{ config('site.company_email') }}">{{ config('site.company_email') }}</a>
                </li>
            </ul>


            {{-- Navigation links --}}
            <nav class="o-footer__nav" role=navigation>
                <h2 class="o-footer__subheading">Menu</h2>

                <div class="o-footer__menu">
                    @if(isset($links))
                        <ul class="o-footer__navlist">
                            @foreach(config('site.footer_navigation.company') 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="{{ in_array($navItem, array_keys(config('site.navigationRouteRemapping'))) ? $links->{ config('site.navigationRouteRemapping.' . $navItem ) }->route : $links->{$navItem}->route }}">
                                        {{ $links->{$navItem}->name }}
                                    </a>
                                </li>
                            @endforeach
                        </ul>

                        <ul class="o-footer__navlist">
                            @foreach(config('site.footer_navigation.other') 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="{{ in_array($navItem, array_keys(config('site.navigationRouteRemapping'))) ? $links->{ config('site.navigationRouteRemapping.' . $navItem ) }->route : $links->{$navItem}->route }}">
                                        {{ $links->{$navItem}->name }}
                                    </a>
                                </li>
                            @endforeach
                        </ul>
                    @endif
                </div>

            </nav>

        </div>
    </div>

    @include('organisms.subfooter')

</footer>