<footer class="o-footer">

    <div class="o-footer__main">

        {{-- Logo and stuff --}}
        <div class="o-footer__brand">

            <div class="o-footer__logo-placeholder">
                <a class="o-footer__logo" href="/@if(\App::getLocale() != 'nl'){{\App::getLocale()}}@endif" aria-label="Homepage {{config('site.company.name')}}">
                    @include('site.components.icons.logo')
                </a>
            </div>

            <h2 class="o-footer__headline">@lang('site/global.footer.headline')</h2>

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

        {{-- Information --}}
        <div class="o-footer__info">
            <h3 class="o-footer__heading">@lang('site/global.footer.info.heading')</h3>
            @if(isset($links->faq))
                @include('site.components.button', [
                    'modifiers' => ['on-dark', 'icon'],
                    'buttonText' => __('site/global.footer.info.buttonText'),
                    'buttonLink' => $links->faq->route
                ])
            @endif

            <div class="o-footer__contact">
                <ul class="o-footer__list">
                    <li class="o-footer__item">
                        @lang('site/global.footer.contact.text')
                    </li>
                    <li class="o-footer__item">
                        <a class="o-footer__link  o-footer__link--phone  u-phone-ring-animation" href="tel:{{config('site.company.phone.call')}}">
                            <i>@include('site.components.icons.phone')</i>
                            <span>{{config('site.company.phone.display')}}</span>
                        </a>
                    </li>

                </ul>
            </div>

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

        {{-- Navigation links --}}
        <nav class="o-footer__nav" role="navigation">
            <h3 class="o-footer__heading">{{config('site.company.name')}}</h3>
            <ul class="o-footer__list">

                @foreach(config('site.footer_navigation') as $item)
                    @if(isset($links->{$item}))
                        <li class="o-footer__item @if(isset($page->code_name) && $page->code_name == $item) is-active @endif">
                            <a class="o-footer__link" href="{{ $links->{$item}->route }}">{{$links->{$item}->name}}</a>
                        </li>
                    @endif
                @endforeach

            </ul>
        </nav>
    </div>

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