<footer class="o-footer">

    <div class="o-footer__grid">

        <a class="o-footer__logo" href="/@if(\App::getLocale() != 'nl'){{\App::getLocale()}}@endif">
            @include('components.icons.logo-on-dark')
        </a>

        <div class="o-footer__info">
            <p>{{ config('site.company.name') }}</p>
            <p>{{ config('site.company.address') }}</p>
            <p>{{ config('site.company.postal_code') }} {{ config('site.company.city') }}</p>
        </div>

        <h3 class="o-footer__title  o-footer__title--1">@lang('site/global.footer.title.nav')</h3>
        <nav class="o-footer__nav" role="navigation">
            <ul class="o-footer__list">
                @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>

            {{--Social Media --}}
            <ul class="o-footer__social">
                @foreach(__('site/global.social') as $socialChannel => $socialLink)
                    <li class="o-footer__channel  {{$socialChannel}}">
                        <a class="o-footer__icon" target="_blank" title="{{ ucfirst($socialChannel) }}" href="{{$socialLink}}">
                            @includeIf('components.icons.socials.'.$socialChannel)
                        </a>
                    </li>
                @endforeach
            </ul>
        </nav>

        <h3 class="o-footer__title  o-footer__title--2">@lang('site/global.footer.title.contact')</h3>
        <div class="o-footer__extra">
            
            <ul class="o-footer__contact">
                <li class="o-footer__contact-item">
                    <a class="o-footer__contact-link" href="tel:{{ config('site.company.phone.call') }}">
                        <span class="o-footer__contact-icon">@include('components.icons.phone')</span>
                        <span class="o-footer__contact-data" title="@lang('site/global.phoneNumber')">
                              {{ config('site.company.phone.display') }}
                        </span>
                    </a>
                </li>
                <li class="o-footer__contact-item">
                    <a class="o-footer__contact-link" href="mailto:{{ config('site.company.email') }}">
                        <span class="o-footer__contact-icon">@include('components.icons.contact')</span>
                        <span class="o-footer__contact-data" title="@lang('site/global.emailAddress')">
                            {{ config('site.company.email') }}
                        </span>
                    </a>
                </li>
            </ul>

            <a class="o-footer__jobs" href="{{$links->vacancies->route ?? ''}}" @if($vacancyCount) data-items="{{$vacancyCount}}" @endif>Vacatures</a>

            <img class="o-footer__sbb-logo" src="/img/sbb-erkend-leerbedrijf.png" alt="">

        </div>
    </div>


    @include('organisms.subfooter')
    
</footer>