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

{% block title %}Gestion des événements du live{% endblock %}

{% block content %}
    <div class="default-container">
<h1>Gestion des événements</h1>

<a href="{% url 'gestion:live:edition' %}" class="btn btn-secondary">Nouvel événement</a> <a href="{% url 'gestion:live:console' %}" class="btn btn-secondary">Console de live</a><br>
<br>

<table class="table">
    <thead>
        <tr>
        <th>Image</th><th>Nom</th><th>Date</th><th>Description</th><th></th>
        </tr>
    </thead>
    <tbody>
    {% for e in evenements %}
        <tr>
        <td><img src="{{ MEDIA_URL }}{{ e.url_affiche_mini }}" alt="{{ e.nom }}" /><br> <samp>{{ e.nom_interne }}</samp></td>
        <td>{{ e.nom }}</td><td>{{ e.date_debut }}</td><td>{{ e.description }}</td>
        <td style="text-decoration: none">
          <a href="{% url 'gestion:live:edition' e.nom_interne %}" class="btn btn-primary text-white btn-sm">
            <i class="fas fa-pencil-alt" title="Éditer"></i>
          </a>
          <a href="{% url 'gestion:live:suppression' e.nom_interne %}" 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">Aucun événement actuellement dans la base.</td>
        </tr>
    {% endfor %}
   </tbody>
</table>

<br>
<a href="{% url 'gestion:live:edition' %}" class="btn btn-primary">Nouvel événement</a>
</div>
{% endblock %}