{% extends 'layout/backEndLayout.html.twig' %}

{% block title %}Liste des Évaluations - {{ parent() }}{% endblock %}

{% block content %}
<div class="container mt-5">

    <div class="card shadow-lg border-0 rounded-4">

        <div class="card-header bg-primary text-white text-center rounded-top-4">
            <h4 class="mb-0">Liste des Évaluations de la Séquence "{{ sequence.wording }}"</h4>
        </div>

        <div class="card-body p-4">
            {% if pagination|length > 0 %}
                <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-6 g-3">
                    {% for evaluation in pagination %}
                        <div class="col">
                            <div class="card h-100 border shadow-sm">
                                <div class="card-body text-center">
                                    <h5 class="card-title mb-2">
                                        <span class="badge bg-info">{{ evaluation.course.code }}</span>
                                    </h5>
                                    <p class="card-text mb-0">Classe: <strong>{{ evaluation.classRoom.name }}</strong></p>
                                </div>
                                <div class="card-footer text-center bg-white border-top-0">
                                    <div class="btn-group btn-group-sm" role="group">
                                        <a href="{{ path('admin_evaluations_pdf', {id: evaluation.id}) }}" class="btn btn-outline-primary" title="Télécharger PDF">
                                            <i class="fa fa-cloud-download"></i>
                                        </a>
                                        <a href="{{ path('admin_evaluations_edit', {id: evaluation.id}) }}" class="btn btn-outline-warning" title="Modifier">
                                            <i class="fa fa-pencil"></i>
                                        </a>
                                        <a href="#" class="btn btn-outline-danger" title="Supprimer"
                                           onclick="event.preventDefault(); if(confirm('Confirmer la suppression ?')) document.getElementById('delete-form-{{ evaluation.id }}').submit();">
                                            <i class="fa fa-trash"></i>
                                        </a>
                                    </div>
                                    <form id="delete-form-{{ evaluation.id }}" method="post" action="{{ path('admin_evaluations_delete', {id: evaluation.id}) }}" style="display: none;">
                                        <input type="hidden" name="_method" value="DELETE" />
                                        <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ evaluation.id) }}" />
                                    </form>
                                </div>
                            </div>
                        </div>
                    {% endfor %}
                </div>
            {% else %}
                <div class="alert alert-info text-center mb-0">
                    Aucune évaluation trouvée pour cette séquence.
                </div>
            {% endif %}
        </div>

        <div class="card-footer bg-light rounded-bottom-4 text-center">
            {{ knp_pagination_render(pagination) }}
        </div>

    </div>

    <div class="mt-3 text-center">
        <a href="{{ path('admin_sequences') }}" class="btn btn-outline-secondary me-2">
            <i class="fa fa-arrow-left"></i> Retour à la liste des séquences
        </a>
        <a href="{{ path('admin_sequences_edit', {id: sequence.id}) }}" class="btn btn-warning me-2">
            <i class="fa fa-pencil"></i> Modifier la séquence
        </a>
        <a href="#" class="btn btn-danger"
           onclick="event.preventDefault(); if(confirm('Cette suppression entraînera celle de toutes les évaluations associées. Confirmer ?')) document.getElementById('delete-sequence-form').submit();">
            <i class="fa fa-trash"></i> Supprimer la séquence
        </a>
        <form id="delete-sequence-form" method="post" action="{{ path('admin_sequences_delete', {id: sequence.id}) }}" style="display: none;">
            <input type="hidden" name="_method" value="DELETE" />
            <input type="hidden" name="csrf_token" value="{{ csrf_token('sequences_deletion' ~ sequence.id) }}" />
        </form>
    </div>

</div>
{% endblock %}