{% extends "base.html" %}

{% block content %}
    <h2>Liste des membres</h2>
    <table class="table table-responsive">
        <tr><th>Nom/prénom</th><th>Fonction</th><th>Adresse</th><th>Téls.</th><th>Courriel</th><th>Date de naissance</th><th>Année d’entrée</th><th></th></tr>
    {% for membre in object_list %}
        <tr><td>{{ membre.nom }} {{ membre.prenom }}</td>
            <td>{{ membre.fonction }}</td>
            <td>{{ membre.rue }}<br>{{ membre.npa }} {{ membre.localite }}</td>
            <td>{{ membre.tel1 }}<br>{{ membre.tel2 }}</td>
            <td>{{ membre.courriel }}</td>
            <td>{{ membre.date_naissance|date:"d.m.Y" }}</td>
            <td>{{ membre.annee_entree|default_if_none:"" }}</td>
            <td>{% if perms.beesgospel.change_user %}
                <a href="{% url 'membre-edit' membre.pk %}"><img src="{% static 'admin/img/icon-changelink.svg' %}"></a>
                {% endif %}
            </td>
        </tr>
    {% endfor %}
    </table>
    {% if perms.beesgospel.add_user %}
    <div class="mt-3"><a class="btn btn-outline-primary" href="{% url 'membre-add' %}">Ajouter un membre</a></div>
    {% endif %}
{% endblock %}