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

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

{% block body %}


        <div class="row align-items-center justify-content-between border-bottom pb-4">
            <div class="col-4">
                <h2>Liste des formateurs</h2>
            </div>
            {% if is_granted('ROLE_ADMIN') %}
                <div class="col-2 text-md-right text-center">
                    <a class="btn btn-danger" href="{{ path('formateur_create') }}">Ajouter un formateur</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">Modifier</th>
                <th scope="col">Supprimer</th>
            </tr>
            </thead>
            <tbody>
            {% for formateur in users %}
            <tr>
                <td>
                    {{ formateur.lastname }}
                </td>
                <td>
                  {{ formateur.firstname }}
                </td>
                <td>
                  <a href="{{ path('formateur_edit', {'id':formateur.id}) }}">  Editer</a>
                </td>
                <td>
                  <a class="delete" href="{{ path('user_delete', {id:formateur.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 formateur.
              </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 %}