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

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

{% block body %}


    <div class="row align-items-center justify-content-between border-bottom pb-4">
        <div class="col-4">
            <h2>Liste des exercices</h2>
        </div>
        {% if is_granted('ROLE_ADMIN') %}
            <div class="col-2 text-md-right text-center">
                <a class="btn btn-danger" href="{{ path('exercice_create') }}">Ajouter un quiz</a>
            </div>
        {% endif %}
    </div>
    <table class="table table-hover mt-3">
        <thead>
        <tr class="table-primary">
            <th scope="col">Contenu associé à un exercice :</th>
            <th scope="col">Modifier</th>
            <th scope="col">Supprimer</th>
        </tr>
        </thead>
        <tbody>
          {% for exo in exos %}
            <tr>
                <td><a href="{{ path('exercice_edit', {'id':exo.id}) }}">{{ exo.title }}</a></td>
                <td><a href="{{ path('exercice_edit', {'id':exo.id}) }}">Modifier</td>
                <td><a class="delete" href="{{ path('exercice_delete', {'id':exo.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">
                Etes-vous certain de vouloir supprimer ce quiz ?
            </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 %}