<footer class="o-footer">

    @include('site.organisms.prefooter')

    <div class="u-bg-triangle-primary"></div>

    <div class="o-footer__main">

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

        <div class="o-footer__info">

            <div class="o-footer__address">
                <p>{{ config('site.company.address') }}</p>
                <p>{{ config('site.company.postal_code') }} {{ config('site.company.city') }}</p>
                @if(\App::getLocale() != 'nl')
                    <p>@lang('site/global.netherlands')</p>
                @endif
            </div>

            <div class="o-footer__contact">
                <div class="c-data  c-data--on-dark">
                    <a class="c-data__link" data-icon="phone"
                       title="@lang('site/global.phoneNumber')"
                       href="tel:{{ config('site.company.phone.call') }}">{{ config('site.company.phone.display') }}</a>
                    <a class="c-data__link" data-icon="mail"
                       title="@lang('site/global.emailAddress')"
                       href="mailto:{{ config('site.company.email') }}?subject=Website contact">{{ config('site.company.email') }}</a>
                </div>
            </div>

            {{--Social Media --}}
            <ul class="o-footer__social">
                @foreach(['facebook','linkedin','twitter'] as $item)
                    <li class="o-footer__channel  {{$item}}">
                        <a class="o-footer__icon" target="_blank" href="{{config('site.company.social.'.$item)}}" aria-label="{{ ucfirst($item) }}">
                            @includeIf('site.components.icons.socials.'.$item)
                        </a>
                    </li>
                @endforeach
            </ul>

        </div>

        <h3 class="o-footer__title  o-footer__title--one">@lang('site/global.footer.title1')</h3>
        <nav class="o-footer__nav  o-footer__nav--one" role="navigation">
            <ul class="o-footer__list">
                @foreach(config('site.footerNavigation1') as $navItem)
                    @continue(empty($links->{$navItem}))

                    <li class="o-footer__item @if(isset($page->code_name) && $page->code_name == $navItem) is-active @endif">
                        <a class="o-footer__link" href="{{ $links->{$navItem}->route }}" @if(!empty($navPreventTab)) tabindex="-1" @endif aria-label="{{ ucfirst($item) }}">
                            {{ $links->{$navItem}->name }}
                        </a>
                    </li>
                @endforeach
            </ul>
        </nav>

        <h3 class="o-footer__title  o-footer__title--two">@lang('site/global.footer.title2')</h3>
        <nav class="o-footer__nav  o-footer__nav--two" role="navigation">
            <ul class="o-footer__list">
                @foreach(config('site.footerNavigation2') as $navItem)
                    @continue(empty($links->{$navItem}))

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

    </div>

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