<footer class="main">
    <div class="container">
        @foreach($globals as $key => $global)

            @if($key%2==0 && $key!=null)
                <div class="clear small-mobile-break"></div>
            @endif

            @if($key==3)
                <div class="clear mobile-break"></div>
            @endif

            <div class="column">

                <a class="title" href="{{ $global->route  }}">{{ $global->name }}</a>

                <ul>
                    @if(count($global->children))

                        @foreach($global->children as $page)

                            <li><a href="/{{ $page->route }}" data-color="{{ Str::lower($global->name) }}">{{ $page->name }}</a></li>

                        @endforeach

                    @endif
                </ul>

            </div>
        @endforeach

        <div class="clear"></div>

        <div class="column">
            <a class="title" href="/ijzeren-man/contact">Contact</a>
            <ul>
                <li>Boslaan 49</li>
                <li>5263 NX Vught</li>
                <li><a href="mailto:info@ijzerenman.nl" target="_blank">info@ijzerenman.nl</a></li>
                <li><a href="tel:0031736572093">073 - 657 20 93</a></li>
            </ul>
        </div>
        <div class="column">
            <span class="title">Website</span>

            <ul>
                <li><a href="/ijzeren-man/sitemap">Sitemap</a></li>
                <li><a href="/ijzeren-man/disclaimer">Disclaimer</a></li>
                <li><a href="/ijzeren-man/algemene-voorwaarden">Algemene voorwaarden</a></li>
            </ul>

        </div>
        <div class="column double">
            <span class="title">Inschrijven voor de nieuwsbrief</span>

            @include('layouts.partials.newsletter')

        </div>
        <div class="column last">
            <span class="title">Social media</span>

            <ul>
                <li><a href="https://www.facebook.com/ijzerenmanvught/" target="_blank">Facebook</a></li>
                <li><a href="https://twitter.com/ijzerenmanvught" target="_blank">Twitter</a></li>
                <li><a href="https://www.youtube.com/channel/UCtgpZPVw1AJK4MuBsPeD_-A" target="_blank">Youtube</a></li>
            </ul>
        </div>
        <div class="column ijm-logo-holder">
            <a href="/">
                <img src="/images/structure/logo_footer.svg" alt="IJzeren Man" class="ijm-logo"/>
            </a>
        </div>
    </div>
    <div class="komma">
        <a href="http://komma.pro" target="_blank">
            <span class="komma-logo"></span>
            Website ontwikkeld door Komma
        </a>
    </div>
</footer>