@php
    $simpleFooter = (isset($footerIsSimple) && $footerIsSimple == true);
@endphp


<footer class="o-footer @if(!empty($footerIsSimple) && $footerIsSimple == true) o-footer--simple @endif">

    <div class="o-footer__main">
        <div class="o-footer__body">

            <a class="o-footer__logo" href="/">
                <img width="185" height="47" alt="Farmfun Logo" src="/img/farmfun-logo--white.svg" />
            </a>

            @if(!$simpleFooter)
            <div class="o-footer__locations">
                <a class="o-footer__label" style="display: block" href="{{ $links->locations->route }}">@lang('site/global.allLocations')</a>
                <ul class="o-footer__list">
                    @foreach($links->locations->items as $locationItem)
                        <li class="o-footer__item">
                            <a class="o-footer__link" href="{{ $locationItem->getLocationLink($links) }}">{{ $locationItem->translation->name }} @if(isset($locationItem->country) && !empty($locationItem->country))({{$locationItem->country}})@endif</a>
                        </li>
                    @endforeach
                </ul>
            </div>
            @endif

            <div class="o-footer__info">
                <div class="o-footer__contact">
                    <ul class="o-footer__list">
                        <li class="o-footer__item">
                            <a class="o-footer__link" href="tel:{{ site_config('phone.call') }}">
                                <i>
                                    <svg width="15" height="15">
                                        <use href="/img/icon-phone.svg#phone"></use>
                                    </svg>
                                </i>

                                <span>{{ site_config('phone.display') }}</span>
                            </a>
                        </li>
                        <li class="o-footer__item">
                            <a class="o-footer__link" href="mailto:{{site_config('email')}}">
                                <i>
                                    <svg width="18" height="17">
                                        <use href="/img/icon-message.svg#message"></use>
                                    </svg>
                                </i>

                                <span>{{ site_config('email')}}</span>
                            </a>
                        </li>
                    </ul>
                </div>

                @if(!$simpleFooter)
                    {{--Social Media --}}
                    <ul class="o-footer__social">
                        @foreach(site_config('social') as $channelName => $channelLink)
                            <li class="o-footer__channel  {{$channelName}}">
                                <a class="o-footer__icon" target="_blank" title="{{ ucfirst($channelName) }}" href="{{$channelLink}}">
                                    <svg width="22" height="22">
                                        <use href="/img/social/{{ $channelName }}.svg#{{ $channelName }}"></use>
                                    </svg>
                                </a>
                            </li>
                        @endforeach
                    </ul>
                @endif

            </div>

            @if(!$simpleFooter)
                <div class="o-footer__menu">
                    <h4 class="o-footer__label">FarmFun</h4>
                    <ul class="o-footer__list">
                        @foreach(config('site.footer_navigation') as $footerNavItem)

                            @if($footerNavItem === '')
                                <li class="o-footer__item" style="padding: 4px 0;">&nbsp;</li>
                                @continue
                            @endif

                            @if($footerNavItem === 'farm4kidzz')
                                <li class="o-footer__item">
                                    <a class="o-footer__link" target="_blank" href="https://farm4kidzz.be/">FarmFun4Kids</a>
                                </li>
                                @continue
                            @endif

{{--                            @if($footerNavItem === 'posts')--}}
{{--                                <li class="o-footer__item">--}}
{{--                                    <a class="o-footer__link" target="_blank" href="https://blog.farmfun.be/">Nieuws</a>--}}
{{--                                </li>--}}
{{--                                @continue--}}
{{--                            @endif--}}

                            @if($footerNavItem === 'kennisbank')
                                <li class="o-footer__item">
                                    <a class="o-footer__link" target="_blank" href="https://kennisbank.farmfun.be">Farmfun Kennisbank</a>
                                </li>
                                @continue
                            @endif

                            @continue(!isset($links->{$footerNavItem}))

                            <li class="o-footer__item @if(isset($page->code_name) && $page->code_name == $footerNavItem) is-active @endif">
                                <a class="o-footer__link" href="{{ $links->{$footerNavItem}->route }}">
                                    {{ isset(__('globalisation.menu')[$footerNavItem]) ? __('globalisation.menu')[$footerNavItem] : $links->{$footerNavItem}->name }}
                                </a>
                            </li>

                        @endforeach
                    </ul>
                </div>
            @endif

        </div>
    </div>

    @if(!$simpleFooter)
        <div class="o-footer__art">
            <div class="o-footer__image"></div>
        </div>
    @endif

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