<footer class="c-footer">

    <a href="/" class="c-footer__logo">
        @include('site.components.icons.logoSlender')
    </a>

    <div class="c-footer__contain">

        <div class="c-footer__main">

            <nav class="c-footer__nav">

                <div class="c-footer__primary">
                    @if(isset($links))
                        <div class="c-footer__title">
                            Ontdek Slenders&nbsp;Wooncomfort
                        </div>

                        <ul class="c-footer__list">
                            @foreach(config('site.navigation.primary') as $primaryItem)
                                @continue(!isset($links->{$primaryItem}))
                                <li>
                                    <a class="c-footer__link @if(isset($page) && $page->code_name == $primaryItem) is-highlighted @endif "
                                       href="{{ $links->{$primaryItem}->route }}">{{ $links->{$primaryItem}->name }}</a>
                                </li>
                            @endforeach
                        </ul>
                    @endif
                </div>

                <div class="c-footer__col  c-footer__secondary">
                    <div class="c-footer__title">
                        Sitemap
                    </div>
                    <ul class="c-footer__list">
                        @foreach(config('site.navigation.secondary') as $secondaryItem)
                            @continue(!isset($links->{$secondaryItem}))
                            <li>
                                <a class="c-footer__link  @if(isset($page) && $page->code_name == $secondaryItem) is-highlighted @endif"
                                   href="{{ $links->{$secondaryItem}->route }}">{{ $links->{$secondaryItem}->name }}</a>
                            </li>
                        @endforeach
                    </ul>
                </div>

                <div class="c-footer__col-double  c-footer__col-double--contact">
                    <div class="c-footer__title">
                        Contact
                    </div>

                    <div class="c-footer__text">
                        <a class="c-footer__inline-link"
                           href="tel:{{ config('site.company.phone.call') }}">{{ config('site.company.phone.display') }}</a>
                    </div>
                    <div class="c-footer__text">
                        <a class="c-footer__inline-link"
                           href="mailto:{{ config('site.company.mail') }}">{{ config('site.company.mail') }}</a>
                    </div>
                    <div class="c-footer__text">{{ config('site.company.address') }}</div>
                    <div class="c-footer__text">{{ config('site.company.city') }}</div>
                </div>

                <div class="c-footer__socials">
                    @foreach(config('site.socials') as $social => $media)
                        <a class="c-footer__social  c-footer__social--{{$social}}" target="_blank" href="{{$media}}">@include('site.components.icons.socials.'.$social)</a>
                    @endforeach
                </div>

            </nav>


            <div class="c-footer__opening-hours">

                <div class="c-footer__primary">
                    <div class="c-footer__title">
                        @lang('site/global.opening_hours')
                    </div>
                </div>

                <div class="c-footer__col">
                    <div class="c-footer__text">
                        <span class="c-footer__day  c-footer__day--long  c-footer__day--indent">
                            @lang('calendar.day_names_min.1') - @lang('calendar.day_names_min.4')
                        </span>
                        {{ config('site.opening_hours.default.0') }}
                    </div>
                    <div class="c-footer__text">
                        <span class="c-footer__day  c-footer__day--long  c-footer__day--indent">
                            &nbsp;
                        </span>
                        {{ config('site.opening_hours.default.1') }}
                    </div>
                </div>

                <div class="c-footer__col-double">

                    <div class="c-footer__text">
                        <span class="c-footer__day">
                            @lang('calendar.day_names_short.5')
                        </span>
                        {{ config('site.opening_hours.friday.0') }}
                    </div>


                    <div class="c-footer__text">
                        <span class="c-footer__day">
                            &nbsp;
                        </span>
                        {{ config('site.opening_hours.friday.1') }}
                    </div>

                    <div class="c-footer__text  c-footer__open-saturday">
                        <span class="c-footer__day">
                            @lang('calendar.day_names_short.6')
                        </span>
                        {{ config('site.opening_hours.saturday.0') }}
                    </div>
                </div>
            </div>

        </div>
    </div>

    @include('site.components.subfooter')

</footer>