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

            <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__columns">

                <div class="o-footer__info">

                    <div class="o-footer__address">
                        <p>{{ config('site.company_name') }}</p>
                        <p>{{ config('site.company_address') }}</p>
                        <p>{{ config('site.company_zip') }} {{ config('site.company_city') }}</p>
                        <p>{{ config('site.company_country') }}</p>
                    </div>

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

                    {{--Social Media --}}
                    <ul class="o-footer__social">
                        @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>


                {{-- Navigation links --}}
                <nav class="o-footer__nav" role=navigation>
                    <ul class="o-footer__list">
                        @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="{{ $links->{$navItem}->route }}">
                                    {{ $links->{$navItem}->name }}
                                </a>
                            </li>
                        @endforeach
                    </ul>

                    <ul class="o-footer__list">
                        @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="{{ $links->{$navItem}->route }}">
                                    {{ $links->{$navItem}->name }}
                                </a>
                            </li>
                        @endforeach

                        <li class="o-footer__item @if(isset($page->code_name) && $page->code_name == $navItem) is-active @endif">
                            <a class="o-footer__link" href="/sitemap">Sitemap</a>
                        </li>
                    </ul>

                </nav>
            </div>

        </div>
    </div>

    @include('organisms.subfooter')

</footer>