<footer class="o-footer">
    <div class="l-contain">

        <nav class="o-footer__grid">
            <div class="o-footer__business">
                <a class="o-footer__logo"
                   href="{{ $links->home->route }}">
                    <img alt="Inzigd logo" src="/img/logo--inverted.svg" />
                </a>
                <p class="o-footer__teaser">@lang('site/global.footer.teaser')</p>
            </div>


            <dl class="o-footer__nav-main-column">

                <dt class="o-footer__col-heading">
                    @lang('site/global.footer.menu')
                </dt>

                @if(isset($links))
                    @foreach(config('site.footer_navigation') as $navItem)

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

                        <dd class="o-footer__item">
                            <a class="o-footer__link"
                               href="{{  $links->{$navItem}->route }}">{{ $links->{$navItem}->name }}</a>
                        </dd>

                    @endforeach
                @endif

            </dl>

            <div class="o-footer__nav-sub-1-column">

                <dl class="o-footer__nav-list">
                    <dt class="o-footer__col-heading">
                        <a class="o-footer__col-heading" href="{{$links->teaching->route}}">
                            {{ $links->teaching->name }}
                        </a>
                    </dt>

                    @foreach(['courses', 'workshops', 'scan'] as $subPages)
                        @continue(!isset($links->{'teaching_'.$subPages}))
                        <dd class="o-footer__item">
                            <a class="o-footer__link" href="{{ $links->{'teaching_'.$subPages}->route }}">{{ $links->{'teaching_'.$subPages}->name }}</a>
                        </dd>
                    @endforeach

                </dl>

                <div class="o-footer__gap">&nbsp;</div>

                {{-- To prevent repeating HTML we created a component (without additional styling) --}}
                @include('site.components.footerPerson', [ 'contactPerson' => 'carla' ])

            </div>

            <div class="o-footer__nav-sub-2-column">

                <dl class="o-footer__nav-list">
                    <dt class="o-footer__col-heading">
                        <a class="o-footer__col-heading" href="{{$links->enterprising->route}}">
                            {{ $links->enterprising->name }}
                        </a>
                    </dt>

                    @foreach(['courses', 'workshops', 'scan'] as $subPages)
                        @continue(!isset($links->{'enterprising_'.$subPages}))
                        <dd class="o-footer__item">
                            <a class="o-footer__link" href="{{ $links->{'enterprising_'.$subPages}->route }}">{{ $links->{'enterprising_'.$subPages}->name }}</a>
                        </dd>
                    @endforeach

                </dl>

                <div class="o-footer__gap">&nbsp;</div>

                {{-- To prevent repeating HTML we created a component (without additional styling) --}}
                @include('site.components.footerPerson', [ 'contactPerson' => 'henk' ])

            </div>


            <div class="o-footer__cta">
                <p class="o-footer__col-heading">@lang('site/global.footer.online_education')</p>

                @include('site.components.button', ['modifiers' => 'green' ,'buttonText' => __('site/global.footer.online_portal_label'), 'buttonLink' => __('site/global.footer.online_portal_link')])

                <p class="o-footer__col-heading">@lang('site/global.footer.social')</p>

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

        </nav>
    </div>

    @include('site.components.subfooter')

</footer>