{% load i18n static main_extras %}
<div class="footer">
    <div class="wrapper--full wrapper--centered column column--spaced footer__content">
        <div class="footer__el">
            <h2 class="title__sub">Communes-Commerces</h2>

            <p>{{footer_text}}</p>
        </div>

        <div class="footer__el">
            <h2 class="title__sub">Plan du site</h2>

            <ul class="footer__plan">
                <li class="{% if request.path|is_reverse_of:'index' %}footer__plan--active{% endif %}">
                    <a title="Accéder à la page d'Accueil" href="{% url 'index' %}">Accueil</a>
                </li>
                <li class="{% if request.path|is_reverse_of:'about' %}footer__plan--active{% endif %}">
                    <a title="Accéder à la page: À propos" href="{% url 'about' %}">À propos</a>
                </li>
                <li class="{% if request.path|is_reverse_of:'contact' %}footer__plan--active{% endif %}">
                    <a title="Accéder à la page: Contact" href="{% url 'contact' %}">Contact</a>
                </li>
                {% if user.is_authenticated %}
                    <li class="{% if request.path|is_reverse_of:'user_edit' %}footer__plan--active{% endif %}">
                        <a title="Accéder à la page: Mon compte" href="{% url 'user_edit' %}">Mon compte</a>
                    </li>
                {% else %}
                    <li class="{% if request.path|is_reverse_of:'login' %}footer__plan--active{% endif %}">
                        <a title="Accéder à la page: Se connecter" href="{% url 'login' %}">Se connecter</a>
                    </li>
                    <li class="{% if request.path|is_reverse_of:'user_register' %}footer__plan--active{% endif %}">
                        <a title="Accéder à la page: Créer un compte" href="{% url 'user_register' %}">Créer un compte</a>
                    </li>
                {% endif %}
            </ul>
        </div>

        <div class="footer__el">
            <h2 class="title__sub">Communes principales</h2>
            <a class="text--color link" title="Accéder à toutes les communes" href="{% url 'province' %}">Consulter toutes les communes</a>
            <div>
                <ul class="footer__list">
                    {% for m in footer_municipalities %}
                    <li>
                        <a title="Accéder à la commune {{m.name}}" href="{% url 'municipality' m.name m.postal_code %}">{{m.name}}</a>
                    </li>
                    {% endfor %}
                </ul>
            </div>

        </div>

        <div class="footer__el">
            <h2 class="title__sub">Restez informé !</h2>
            <p>Une question, un avis, des conseils ou juste envie de suivre notre <span><a class="text--color" href="/contact" >actualité</a></span> ?</p>

            <ul class="column footer__network">
                {% if base_facebook_url %}
                <li class="item__spaced">
                    <a class="link--network" title="Accéder au compte Facebook de Communes Commerces" href="{{base_facebook_url}}" target="_blank">
                        <img src="{% static 'img/icon__fb.svg' %}" alt="Logo Facebook">
                    </a>
                </li>
                {% endif %}

                {% if base_instagram_url %}
                <li class="item__spaced">
                    <a class="link--network" title="Accéder au compte Instagram de Communes Commerces" href="{{base_instagram_url}}" target="_blank">
                        <img src="{% static 'img/icon__insta.svg' %}" alt="Logo Instagram">
                    </a>
                </li>
                {% endif %}

                {% if base_linkedin_url %}
                <li class="item__spaced">
                    <a class="link--network" title="Accéder au compte LinkedIn de Communes Commerces" href="{{base_linkedin_url}}" target="_blank">
                        <img src="{% static 'img/icon__linkedin.svg' %}" alt="Logo LinkedIn">
                    </a>
                </li>
                {% endif %}
            </ul>
        </div>
    </div>

    <div class="footer-bottom">
        <div class="wrapper--full wrapper--centered column column--spaced column--centered footer-bottom__content">

            <div class="footer-bottom__el logo__footer">
                <img src="{% static 'img/communes_et_commerces-logo--small.svg' %}" alt="Logo Communes et commerces">

                <span>Communes-Commerces 2021</span>
            </div>

            <div class="footer-bottom__el">
                <a
                    class="link--underline item__spaced" title="Accéder aux conditions générales"
                    {% if footer_conditions %}href="{{footer_conditions.url}}" {% else %}href="#" {% endif %} download>
                    Conditions générales
                </a>

                <a
                    class="link--underline item__spaced" title="Accéder à la page : Respect de la vie privée"
                    {% if footer_respect %}href="{{footer_respect.url}}" {% else %}href="#" {% endif %} download>
                    Respect de la vie privée
                </a>
            </div>
        </div>

    </div>
</div>