{% extends "main.html" %}
{% load bootstrap4 %}


{% block title %}Gestion du groupe « {{ groupe }} »{% endblock %}

{% block content %}
<div class="default-container">
    <h1>Gestion du groupe « {{ groupe }} »</h1>
    <a href="{% url 'gestion:groupes:liste' %}">« Retour à la liste</a>
    <br>

    {% for message in messages %}
    <div {% if message.tags %} class="alert {{ message.tags }}" {% endif %}>{{ message }}
    </div>
    {% endfor %}

    <h2>Membres du groupe</h2>
    <form method="post" action="">
        <table class="table table-striped">
            <thead>
                <tr>
                    <th></th>
                    <th>Identifiant</th>
                    <th>Nom</th>
                </tr>
            </thead>
            <tbody>
                {% for util in membres %}
                <tr>
                    <td><input type="checkbox" name="membre" value="{{ util.username }}" /></td>
                    <td>{{ util }}</td>
                    <td>{{ util.first_name }} {{ util.last_name }}</td>
                </tr>
                {% empty %}
                <tr>
                    <td colspan="3">Ce groupe est actuellement vide !</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
        <section class="barre_boutons">
            <input type="submit" value="Supprimer la sélection" class="btn btn-secondary" />
        </section>
    </form>
    <form id="ajoutmembre" method="get" action="{% url 'gestion:groupes:adm_recherche' ident %}">
        <div>
            <label for="q">Ajouter un membre : </label>

            <div class="input-group mb-3 col-md-8">
                <input type="text" class="form-control" type="text" name="q" id="q" />
                <div class="input-group-append">
                    <input class="btn btn-outline-secondary" type="submit" value="Rechercher" />
                </div>
            </div>

        </div>
    </form>
</div>
{% endblock %}