charasheet/src/party/templates/party/parties_list.html

{% extends "common/base.html" %}
{% load character_extras %}

{% block title %}Groupes{% endblock %}

{% block content %}
    <h1>Groupes</h1>
    <a href="{% url "party:create" %}" class="btn btn-primary mb-3">
        <i class="fa-solid fa-user-plus"></i> Nouveau groupe
    </a>
    <h2>Groupes que vous gérez</h2>
    <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 g-4">
        {% for party in managed_parties %}
            <div class="col">
                <div class="card">
                    <div class="card-body">
                        <h5 class="card-title">
                            {{ party.name }}
                        </h5>
                        <a href="{% url "party:details" pk=party.pk %}" class="btn btn-sm btn-success">
                            <i class="fa-solid fa-users"></i> Accéder
                        </a>
                        <a href="{% url "party:delete" pk=party.pk %}" class="btn btn-sm btn-danger">
                            <i class="fa-solid fa-users-slash"></i> Supprimer
                        </a>
                    </div>
                </div>
            </div>
        {% empty %}
            <div class="col">Aucun</div>
        {% endfor %}
    </div>
    <h2 class="mt-3">Groupes dont vous êtes membre</h2>
    <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 g-4">
        {% for party in played_parties %}

            <div class="col">
                <div class="card">
                    <div class="card-body">
                        <h5 class="card-title">
                            {{ party.name }}
                        </h5>
                        <a href="{% url "party:details" pk=party.pk %}" class="btn btn-sm btn-success">
                            <i class="fa-solid fa-users"></i> Accéder
                        </a>
                    </div>
                </div>
            </div>
        {% empty %}
            <div class="col">Aucun</div>
        {% endfor %}
    </div>
{% endblock %}