{% load static i18n %}

<section class="footer {{footer__classes}}">
    <h2 class="hide">Pied de page</h2>

    <div class="wrapper wrapper--centered">
        <div class="column column--spaced">
            <div class="footer-left">
                <h3 class="title--footer">Association Royale des <br>Géomètre-Expert de Liège</h3>
                <p>Association membre de l’Union Belge des Géomètres-Expert asbl</p>
                <a class="btn btn--white" title="Contacter ArgeLg" href="{% url 'about' %}">Nous contacter</a>
            </div>
        
            <div class="column footer-right">
                <div class="footer-right__el footer-right__el--adress">
                    <h3 class="title--footer">Adresse</h3>

                    <div title="Voir l'adresse sur la carte">
                        <p><b>Relais Postal</b></p>
                        <p>Chambre Syndicale de la Construction de Liège</p>
                        <p>Galerie de la Sauvenière, 5</p>
                        <p>4000 Liège, BELGIQUE</p>
                    </div>
                </div>

                <nav class="footer-right__el">
                    <h3 class="title--footer">Un titre</h3>
                    <ul>
                        <li>
                            <a title="Accéder à la page: Licence d'utilisation" href="{% url 'licence' %}">
                                Licence d'utilisation
                            </a>
                        </li>

                        <li>
                            <a title="Accéder à la page: Clause de non responsabilité" href="{% url 'clause' %}">
                                Clause de non responsabilité
                            </a>
                        </li>

                        <li>
                            <a title="Accéder à la page: Statuts" href="{% url 'status' %}">
                                {% trans "Statuts" %}
                            </a>
                        </li>

                        <li>
                            <a title="Accéder à la page: Obligations GDPR" href="{% url 'gdpr' %}">
                                Obligations GDPR
                            </a>
                        </li>
                    </ul>
                </nav>

                <nav class="footer-right__el">
                    <h3 class="title--footer">Navigation</h3>
                    <ul>
                        <li>
                            <a title="Accéder à la page: Agenda" href="{% url 'agenda' %}">Agenda</a>
                        </li>

                        <li>
                            <a title="Accéder à la page: Membres" href="{% url 'members' %}">Membres</a>
                        </li>
                        
                        <li>
                            <a title="Accéder à la page: Qui sommes-nous ?" href="{% url 'about' %}">Qui sommes-nous ?</a>
                        </li>

                        <li>
                            <a title="Accéder à la page: Articles" href="{% url 'news' %}">Articles</a>
                        </li>

                        <li>
                            <a title="Accéder à la page: Liens" href="{% url 'links' %}">Liens</a>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>

        <div class="footer__deuse">
            <a href="https://www.deuse.be/fr/" target="_blank" title="{% trans "Visitez le site Deuse: Entreprise d'ingénierie Informatique" %}">
                <span>Réalisé par</span>
                <img src="{% static 'img/deuse.svg' %}" alt="{% translate 'Logo Deuse: Entreprise d'ingénierie
                Informatique' %}">
            </a>
        </div>
    </div>   
</section>