{% extends 'admin.html.twig' %}

{% block title %}Liste des cours{% endblock %}

{% block body %}


        <div class="row align-items-center justify-content-between border-bottom pb-4">
            <div class="col-4">
                <h2>Liste des cours</h2>
            </div>
            {% if is_granted('ROLE_ADMIN') %}
                <div class="col-2 text-md-right text-center">
                    <a class="btn btn-danger" href="{{ path('lesson_create') }}">Ajouter un cours</a>
                </div>
            {% endif %}
        </div>
        <table class="table table-hover mt-3">
            <thead>
            <tr class="table-primary">
                <th scope="col">Titre du cours</th>
                <th scope="col">Date de création</th>
                <th scope="col">Formateurs</th>
                <th scope="col">Modifier</th>
                <th scope="col">Supprimer</th>
            </tr>
            </thead>
            <tbody>
            {% for lesson in lessons %}
            <tr>
                <td>
                    <a href="{{ path('lesson_edit', {id:lesson.id}) }}">{{ lesson.title }}</a><br>
                    {% if lesson.contents is empty  %}<small>Pas de contenu associé {% else %} Contenus associés :{% endif %}
                    <ol>
                    {% for content in lesson.contents %}
                            <li>
                                {{ content.title }}
                            </li>
                    {% endfor %}
                    </ol></small>

                </td>
                <td>{{ lesson.createdAt|date('d-m-Y') }}</td>
                <td>
                  {% for formateur in lesson.users %}
                  {% if 'ROLE_FORMATEUR' in formateur.roles %}
                    <li><small>{{ formateur.firstname }} {{ formateur.lastname }}</small></li>
                    {% endif %}
                  {% endfor %}
                </td>
                <td><a href="{{ path('lesson_edit', {id:lesson.id}) }}">Editer</a></td>
                <td><a class="delete" href="{{ path('lesson_delete', {id:lesson.id}) }}">Supprimer</a></td>
            </tr>

            {% endfor %}

          </tbody>
        </table>

        <div class="modal fade" id="dialog-confirm" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Supprimer ?</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
              </div>
              <div class="modal-body">
                En supprimant, vous effacez toutes les informations relatives à ce cours : stagiaires inscrit dans ce cours, statistiques, etc .</p>
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button type="button" id="confirm" class="btn btn-primary">Supprimer</button>
              </div>
            </div>
          </div>
        </div>

{% endblock %}