{% extends "base.html" %}

{% block content %}
    <div class="float-end">
        <form action="{% url 'logout' %}" method="post">{% csrf_token %}<button class="btn btn-sm btn-light" type="submit">Déconnexion</button></form>
    </div>
    <h2>Espace membres</h2>
    <div class="row align-items-center mt-4 gx-3 gy-3">
        <div class="col-sm-6 col-md-3">
          <div class="card card-membres">
            <a href="{% url 'liste-chants' %}"><div class="card-title text-center p-3 fs-5">Liste des chants</div></a>
          </div>
        </div>
        <div class="col-sm-6 col-md-3">
          <div class="card card-membres">
            <a href="{% url 'docs-membres' %}"><div class="card-title text-center p-3 fs-5">Documents pour les membres</div></a>
          </div>
        </div>
        <div class="col-sm-6 col-md-3">
          <div class="card card-membres">
            <a href="{% url 'liste-membres' %}"><div class="card-title text-center p-3 fs-5">Liste des membres</div></a>
          </div>
        </div>

        {% if perms.beesgospel.change_agenda %}
        <div class="col-sm-6 col-md-3">
          <div class="card card-membres">
            <a href="{% url 'admin:beesgospel_agenda_changelist' %}"><div class="card-title text-center p-3 fs-5">Gestion de l’agenda</div></a>
          </div>
        </div>
        {% endif %}
    </div>
{% endblock %}