<footer>
    <div class="grid-row content-container">

        <div class="grid-col col-4 footer-contact">
            <div class="footer-contact-wrapper">
                <span class="footer-icon">
                    <img id="footer-contact-icon" class="svg" src="/img/icons/footer_contact_icon.svg"/>
                    <h3>Contact</h3>
                </span>

                <p>{{Config::get('business.business_name')}}</p>
                <p>{{Config::get('business.address')}}</p>
                <p>{{Config::get('business.zip')}} {{Config::get('business.city')}}</p>
                <p>&nbsp;</p>
                <a href="mailto:{{Config::get('business.email')}}"><p>{{Config::get('business.email')}}</p></a>
                <a href="tel:{{Config::get('business.phone.call')}}">{{Config::get('business.phone.display')}}</a>
            </div>
            <div class="line"></div>
        </div>

        <div class="grid-col col-4 footer-social">
            <div class="footer-social-wrapper">
                <span class="footer-icon">
                    <img id="footer-social-icon" class="svg" src="/img/icons/footer_social_icon.svg"/>
                    <h3>Social</h3>
                </span>

                @if( \Config::get('business.facebook') != '') <a class="facebook" target="_blank" href="{{Config::get('business.facebook')}}">Facebook</a> @endif
                @if( \Config::get('business.linkedin') != '') <a class="linkedin" target="_blank" href="{{Config::get('business.linkedin')}}">LinkedIn</a> @endif
                @if( \Config::get('business.instagram') != '') <a class="instagram" target="_blank" href="{{Config::get('business.instagram')}}">Instagram</a> @endif
                @if( \Config::get('business.youtube') != '') <a class="youtube" target="_blank" href="{{Config::get('business.youtube')}}">Youtube</a> @endif
                @if( \Config::get('business.twitter') != '') <a class="twitter" target="_blank" href="{{Config::get('business.twitter')}}">Twitter</a> @endif

            </div>
            <div class="line"></div>
        </div>

        <div class="grid-col col-4 footer-menu">
            <div class="footer-menu-wrapper">
                <span class="footer-icon">
                    <img id="footer-menu-icon" class="svg" src="/img/icons/footer_menu_icon.svg"/>
                    <h3>Menu</h3>
                </span>

                <ul>
                    @foreach($footerNav as $item)
                        <li>
                            <a href="/{{$item->route}}">{{$item->name}}</a>
                        </li>
                    @endforeach
                      <li>
                        <a href="/pdfs/CV-ap-2026.pdf" download>
                            CV acteren & presenteren
                        </a>
                    </li>
                    <li>
                        <a href="/pdfs/CV-trac-tr-2026.pdf" download>
                            CV trainingsacteren & trainen
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="grid-col col-12 footer-bottom">
            <div class="footer-bottom-left">
                ©<?php echo date("Y"); ?> | {{Config::get('business.business_name')}}
            </div>
            <div class="footer-bottom-mid">
                <a target="_blank" href="/pdfs/Jacques-Hein Vermolen Trainingen - Algemene Voorwaarden.pdf">Algemene voorwaarden</a>
                <a href="/privacyverklaring">Privacyverklaring</a>
                <a target="_blank" href="/pdfs/JHVT Disclaimer.pdf">Disclaimer</a>
            </div>
            <div class="footer-bottom-right">
                @include('layouts.partials.byKomma')
            </div>
        </div>

    </div>
</footer>