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


{% block title %}Emploi du temps{% endblock %}

{% block content %}
<div class="default-container">
  <a href="{% url 'edt:edt' %}">« Retour à l'emploi du temps</a>

  <h1>Emploi du temps - Événements récurrents</h1>

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

  <form action="" method="post">
    <fieldset>
      <legend>Événement récurrent</legend>
      {% csrf_token %}
      {% bootstrap_form form %}
      <input type="submit" value="Ajouter" class="btn btn-primary" />
    </fieldset>
  </form>

  <table class="table table-striped">
    <thead>
      <th>Sujet</th>
      <th>Type</th>
      <th>Jour</th>
      <th>Debut</th>
      <th>Fin</th>
      <th>Respo</th>
      <th>Lieu</th>
      <th></th>
    </thead>
    <tbody>
      {% for event in events %}
      <tr>
        <td>{{ event.topic }}</td>
        <td>{{ event.category }}</td>
        <td>{{ event.get_weekday_display }}</td>
        <td>{{ event.start_hour }}</td>
        <td>{{ event.end_hour }}</td>
        <td>{{ event.people }}</td>
        <td>{{ event.location }}</td>
        <td>
          <a href="{% url 'edt:recurring' event.pk %}" class="btn btn-primary text-white btn-sm">
            <i class="fas fa-pencil-alt" title="Éditer"></i>
          </a>
          <a href="{% url 'edt:del_recurring' event.pk %}" class="btn btn-danger text-white btn-sm">
            <i class="fas fa-trash-alt" title="Supprimer"></i>
          </a>
        </td>
      </tr>
      {% empty %}
      <tr>
        <td colspan="8">Aucun événement récurrent trouvé.</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}