<div class="o-mainfooter">

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

        @if(config('app.multipleLanguages'))
            <div class="o-mainfooter__language">
                @include('components.languageSelect', ['modifiers' => 'upwards'])
            </div>
        @endif
    </div>


    <h4 class="o-mainfooter__title1  o-mainfooter__heading">
        <a @if(isset($links->products)) href="{{ $links->products->route }}" @endif>
            {{__('site/global.footer.productMenu')}}
        </a>
    </h4>

    <nav class="o-mainfooter__menu1" role="navigation">
        <ul class="o-mainfooter__list">
            @if(isset($links))
                @foreach($composedProducts as $product)
                    @continue(empty($product->translation))
                    <li class="o-mainfooter__item">
                        <a class="o-mainfooter__link" href="{{ $links->products->route.'/'.$product->translation->slug }}">{{$product->translation->name}}</a>
                    </li>
                @endforeach
            @endif
        </ul>
    </nav>

    <h4 class="o-mainfooter__title2  o-mainfooter__heading">{{__('site/global.footer.menuTitle2')}}</h4>

    <nav class="o-mainfooter__menu2" role="navigation">
        <ul class="o-mainfooter__list">
            @if(isset($links))
                @foreach(config('site.footerMenu2') as $footerItem)
                    @continue(empty($links->{$footerItem}))
                    <li class="o-mainfooter__item @if(isset($page->code_name) && $page->code_name == $footerItem) is-active @endif">
                        <a class="o-mainfooter__link" href="{{ $links->{$footerItem}->route }}">{{$links->{$footerItem}->name}}</a>
                    </li>
                @endforeach
            @endif
        </ul>
    </nav>

    <nav class="o-mainfooter__menu3" role="navigation">
        <ul class="o-mainfooter__list">
            @if(isset($links))
                @foreach(config('site.footerMenu3') as $footerItem)
                    @continue(empty($links->{$footerItem}))
                    <li class="o-mainfooter__item @if(isset($page->code_name) && $page->code_name == $footerItem) is-active @endif">
                        <a class="o-mainfooter__link" href="{{ $links->{$footerItem}->route }}">{{$links->{$footerItem}->name}}</a>
                    </li>
                @endforeach
            @endif
        </ul>
    </nav>

    <div class="o-mainfooter__emblems">
        <div class="o-mainfooter__emblem-placeholder">
            @foreach(config('site.certificates') as $footerCertificate)
                <a class="o-mainfooter__emblem {{ $footerCertificate['name'] }}" @if(!empty($footerCertificate['link'])) target="_blank" href="{{ $footerCertificate['link'] }}" @endif>
                    <img class="o-mainfooter__emblem-img" src="{{ $footerCertificate['img'] }}" alt="logo">
                </a>
            @endforeach
        </div>
    </div>

    <div class="o-mainfooter__social">
        @include('components.social')
    </div>

</div>