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

{% block title %}Gestion des informations concernant le réseau{% endblock %}

{% block content %}
<div class="default-container">
    <h1>Gestion des informations concernant le réseau</h1>

    <form method="post" action="">
        <fieldset>
            <legend>{% if info %}Modification de « {{ info.titre }} »{% else %}Ajouter une information{% endif %}
            </legend>
            {% bootstrap_form form %}
            <section class="barre_boutons">
                <input type="submit" value="Envoyer" class="btn btn-primary" />
            </section>
        </fieldset>
    </form>

    <br>

    <table class="table">
        <thead>
            <tr>
                <th>Date de publication</th>
                <th>Titre</th>
                <th>Date de fin</th>
                <th></th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            {% for info in infos %}
            <tr>
                <td>{{ info.pub_date }}</td>
                <td>{{ info.titre }}</td>
                <td>{{ info.fin_aff }}</td>
                <td style="text-decoration: none">
                  <a href="{% url 'gestion:infos_reseau:gestion' info.id %}" class="btn btn-primary text-white btn-sm">
                    <i class="fas fa-pencil-alt" title="Éditer"></i>
                  </a>
                </td>
                <td style="text-decoration: none">
                  <a href="{% url 'gestion:infos_reseau:supprimer' info.id %}" class="btn btn-danger text-white btn-sm">
                    <i class="fas fa-trash-alt" title="Supprimer"></i>
                  </a>
                </td>
            </tr>
            {% empty %}
            <tr>
                <td colspan="5">Aucune information actuellement dans la base.</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}