{% extends "base.html" %}

{% block content %}
    <h2>Liste des membres</h2>
    <table class="table table-striped 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 class="editable">
            <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 class="text-nowrap">{% if perms.beesgospel.change_membre %}
                <a href="{% url 'membre-edit' membre.pk %}" class="edit-button">
                    <img src="{% static 'admin/img/icon-changelink.svg' %}">
                </a>
                <form method="post" class="d-inline" action="{% url 'membre-delete' membre.pk %}">{% csrf_token %}
                    <button type="submit" class="btn btn-link edit-button"><img src="{% static 'admin/img/icon-deletelink.svg' %}"></button>
                </form>
                {% endif %}
            </td>
        </tr>
    {% endfor %}
    </table>
    {% if perms.beesgospel.add_membre %}
    <div class="mt-3"><a class="btn btn-outline-primary" href="{% url 'membre-add' %}">Ajouter un membre</a></div>
    {% endif %}
{% endblock %}
