<footer class="o-footer">

    <div class="o-footer__pre">
        @include('organisms.prefooter')
    </div>

    <div class="o-footer__main">

        <div class="o-footer__brand">
            <a class="o-footer__logo" href="/@if(\App::getLocale() != 'nl'){{\App::getLocale()}}@endif">
                @include('components.images.logo')
            </a>
            <div class="o-footer__slogan">
                @include('components.images.sloganOnDark')
            </div>
        </div>

        <div class="o-footer__columns">

            {{-- Information column --}}
            <div class="o-footer__column  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>
                    <p>&nbsp;</p>
                    <p><a class="o-footer__link" href="tel:{{ config('site.company.phone.call') }}" title="@lang('site/global.phoneNumber')">{{ config('site.company.phone.display') }}</a></p>
                    <p><a class="o-footer__link" href="mailto:{{ config('site.company.email.general') }}" title="@lang('site/global.emailAddress')">{{ config('site.company.email.general') }}</a></p>
                </div>

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

            {{-- Product column --}}
            <nav class="o-footer__column  o-footer__product" role="navigation">
                @unless((isset($hideNavigation) && $hideNavigation == true))
                <h3 class="o-footer__heading">{{__('site/global.footer.headings.product')}}</h3>
                <ul class="o-footer__list">
                    @foreach(config('site.footer_navigation.product') 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>
                @endunless
            </nav>

            {{-- Company column --}}
            <nav class="o-footer__column  o-footer__company" role="navigation">
                @unless((isset($hideNavigation) && $hideNavigation == true))
                    <h3 class="o-footer__heading">{{__('site/global.footer.headings.company')}}</h3>
                    <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>
                @endunless
            </nav>

            {{-- Other column --}}
            <nav class="o-footer__column  o-footer__other" role="navigation">
                @unless((isset($hideNavigation) && $hideNavigation == true))
                <h3 class="o-footer__heading">{{__('site/global.footer.headings.other')}}</h3>
                <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>
                @endunless

                @if(config('app.multipleLanguages'))
                    <div class="o-footer__language">
                        @include('components.languageSelect', [
                            'modifiers' => isset($hideNavigation) && $hideNavigation == true ? ['to-bottom'] : ['to-top']
                        ])
                    </div>
                @endif
            </nav>

        </div>

    </div>

    <div class="o-footer__sub">
        @include('organisms.subfooter')
    </div>
    
</footer>