{% extends "layouts/main.html" %}

{% block main %}
  <div class="container my-4">
    <div class="mb-4">
      <nav>
        <ol class="breadcrumb">
          <li class="breadcrumb-item"><a href="/">Accueil</a></li>
          <li class="breadcrumb-item"><a href="/admin">Administration</a></li>
          <li class="breadcrumb-item active">Sections</li>
        </ol>
      </nav>
      <hr />
    </div>

    <div class="my-3 text-end">
      <a class="btn btn-outline-primary" href="/admin/sections/add">
        <i class="bi-plus-lg"></i>
        Ajouter
      </a>
    </div>

    {% if Sections %}
      <div class="table-responsive">
        <table class="table">
          <thead>
            <tr>
              <th class="w-25">Nom</th>
              <th class="w-25">Section parente</th>
              <th class="w-25">Membres</th>
              <th class="w-25">Contacts</th>
            </tr>
          </thead>
          <tbody>
            {% for Section in Sections %}
              <tr>
                <td>
                  <a href="/admin/sections/{{ Section.ID }}">
                    {{ Section.Name }}
                  </a>
                </td>
                <td>
                  {% if Section.ParentSectionID %}
                    {{ Section.ParentSection.Name }}
                  {% else %}
                    <i class="bi-x-lg text-danger me-1"></i>
                    Non
                  {% endif %}
                </td>
                <td>
                  {% if Section.ContainsMembers %}
                    <i class="bi-check-lg text-success me-1"></i>
                    Oui
                  {% else %}
                    <i class="bi-x-lg text-danger me-1"></i>
                    Non
                  {% endif %}
                </td>
                <td>
                  {% if Section.ContainsContacts %}
                    <i class="bi-check-lg text-success me-1"></i>
                    Oui
                  {% else %}
                    <i class="bi-x-lg text-danger me-1"></i>
                    Non
                  {% endif %}
                </td>
              </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    {% else %}
      <div class="my-4">Pas de section pour le moment</div>
    {% endif %}
  </div>
{% endblock %}