{#
    Pied de page « Classique » — le chrome historique d'Izibrick, et celui que
    reçoit un site qui n'a rien choisi.

    Comme l'en-tête classique, il garde ses classes `.site-footer` / `.footer-*`
    stylées par `footer.css` ; les autres variantes passent par `site-chrome.css`.
#}
<footer class="site-footer" role="contentinfo">
    <div class="footer-container">
        <div class="footer-columns">
            <div class="footer-column">
                <h3 class="footer-title">{{ site.name }}</h3>
                {% if site.description %}
                    <p class="footer-description">{{ site.description }}</p>
                {% endif %}
            </div>

            <div class="footer-column">
                <h3 class="footer-title">Navigation</h3>
                <ul class="footer-links">
                    {% for item in site.pages|filter(v => v.displayMenuFooter)|sort((a, b) => a.menuFooterOrder <=> b.menuFooterOrder) %}
                        <li>
                            <a href="{{ page_url(site, item) }}">
                                <i class="fas fa-chevron-right" aria-hidden="true"></i>
                                {{ item.nameMenu }}
                            </a>
                        </li>
                    {% endfor %}
                </ul>
            </div>

            {% if site.hasOneSocialLink() %}
                <div class="footer-column">
                    <h3 class="footer-title">Suivez-nous</h3>
                    {% include 'sections/partials/social-links.html.twig' with {
                        links: site.socialLinks, colorMode: 'inherit', size: 'md',
                        class: 'footer-social', label: 'Suivez-nous'
                    } only %}
                </div>
            {% endif %}
        </div>

        {% include 'sections/partials/footer-credit.html.twig' with { site: site } only %}
    </div>
</footer>