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

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

{% block body %}


        <div class="row align-items-center justify-content-between border-bottom pb-4">
            <div class="col-4">
                <h2>Liste des stagiaires</h2>
            </div>
            {% if is_granted('ROLE_ADMIN') %}
                <div class="col-2 text-md-right text-center">
                    <a class="btn btn-danger" href="{{ path('user_create')}}">Ajouter un stagiaire</a>
                </div>
            {% endif %}
        </div>
        <table class="table table-hover mt-3">
            <thead>
            <tr class="table-primary">
                <th scope="col">Nom</th>
                <th scope="col">Prénom</th>
                <th scope="col">Inscrit au cours</th>
                <th scope="col">Voir</th>
                <th scope="col">Supprimer</th>
            </tr>
            </thead>
            <tbody>
              {% for user in users %}
                  <tr>
                      <td>{{ user.lastname }}</td>
                      <td>{{ user.firstname }}</td>
                      <td>
                        <ul class="list-unstyled">
                        {% for lesson in user.lessons %}
                          <li>{{ lesson.title }}</li>
                        {% endfor %}
                        </ul>
                        </td>
                      <td><a class="btn btn-info" href="{{ path('user_show', {id:user.id}) }}">Voir</a></td>
                      <td><a class="delete" href="{{ path('user_delete', {id:user.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 tous les progrès et les informations relatives à cet utilisateur.
                </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 %}