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

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

                <p>Europese Jeugdsportdagen</p>
                <p>p/a Instraat 1b</p>
                <p>6021 HC Budel</p><br>

                <a href="mailto:{{Config::get('business.email')}}"><p>Mail: {{Config::get('business.email')}}</p></a>
                <a href="tel:+31646210621"><p>Telefoon: 06-46210621</p></a>
            </div>
            <div class="line"></div>
        </div>

        <div class="footer-social">
            <div class="footer-social-wrapper">
                <div class="footer-icon">
                    <img id="footer-social-icon" class="svg" src="/img/icons/footer_social_icon.svg"/>
                </div>
                <h3>Social</h3>
                <a class="facebook" target="_blank" href="{{Config::get('business.facebook')}}">Facebook</a>
                <a class="instagram" target="_blank" href="{{Config::get('business.instagram')}}">Instagram</a>
            </div>
            <div class="line"></div>
        </div>

        <div class="footer-menu">
            <div class="footer-menu-wrapper">
                <div class="footer-icon">
                    <img id="footer-menu-icon" class="svg" src="/img/icons/footer_menu_icon.svg"/>
                </div>
                <h3>Menu</h3>
                <ul>
                    @foreach($footerNav as $item)
                        <li>
                            <a href="/{{$item->route}}">{{$item->name}}</a>
                        </li>
                    @endforeach
                </ul>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="footer-bottom-left">
                ©<?php echo date("Y"); ?> | {{Config::get('business.business-name')}}
            </div>
            <div class="footer-bottom-right">
                @include('layouts.partials.byKomma')
            </div>
        </div>

    </div>
</footer>