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

{% load static %}

{% block title %}Gestion des aliases{% endblock %}

{% block content %}
<div class="default-container">
    <a href="{% url 'gestion:aliases:list_aliases' %}">« Retour à la liste</a>

    <h1>Édition de l’alias « {{ cn }} »</h1>

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

    <div class="card mb-4">
        <div class="card-body">
            <legend>Ajouter une adresse</legend>
            <form action="" method="post">
                {% bootstrap_form form %}
                <input type="submit" value="Ajouter" class="btn btn-primary" />
            </form>
        </div>
    </div>

    <a class="btn btn-secondary" href="?performance=False">Chercher les infos manquantes</a>

    <table class="mt-2 table table-striped">
        <thead>
            <tr>
                <th>Adresse</th>
                <th>Infos (si disponible)</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            {% for member in members %}
            <tr>
                <td>{{ member.1 }}</td>
                <td>{{ member.0 }}</td>
                <td><a href="{% url 'gestion:aliases:remove_addr' cn member.1 %}"><img class="alignTextBottom"
                            src="{% static "assets/icons/delete.png" %}" alt="Supprimer" title="Supprimer" /></a></td>
            </tr>
            {% empty %}
            <tr>
                <td colspan="2">Aucun membre dans cet alias</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}