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

{% block title %}Hello AdminSatisfactionQuizController!{% endblock %}

{% block body %}

<div class="container-fluid p-5">
    <h2 class="text-secondary mb-4">Les évaluations de formations par les stagiaires</h2>
    
    <div class="row p-4 shadow rounded-pill mb-4 bg-white">
        <h5 class="text-secondary ms-2 mb-3">Gestion du quiz de satisfaction</h5>
        <div class="col-lg-12 d-flex">
            <a href="{{ path('admin_satisfaction_quiz_new') }}" class="secondary-btn me-4">Ajouter une question</a>
            <button type="button" class="secondary-btn d-flex justify-content-center align-items-center" data-bs-toggle="modal" data-bs-target="#satisfactionQuizModal">
            liste questions
            </button>
        </div>
    </div>

    <div class="modal fade" id="satisfactionQuizModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
        <div style="max-width: 1530px;" class="modal-dialog modal-dialog modal-xl modal-dialog-centered modal-dialog-scrollable">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title secondary-color" id="staticBackdropLabel">Les questions satisfactions</h5>
                    <button type="button" class="btn-close bg-danger text-light" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <table class="table table-striped table-hover bg-white">
                        <thead class="bg-primary text-light">
                            <th></th>
                            <th>Question</th>
                            <th>Editer</th>
                            <th>Supprimer</th>
                        </thead>
                        <tbody>
                            {% for q in satisfactionQuiz %}
                            <tr>
                                <td>{{ loop.index }}</td>
                                <td>{{ q.question }}</td>
                                <td>
                                    <a href="{{ path('admin_satisfaction_quiz_edit', {'id' : q.id }) }}" 
                                       class="secondary-btn {% if q.satisfactionEvaluation == null %}bg-warning{% endif %} "> Editer </a>
                                </td>
                                <td>
                                    <a href="{{ path('admin_satisfaction_quiz_delete', {'id' : q.id }) }}" class="primary-btn bg-danger" data-confirm="la question ?">
                                        <span class="material-icons d-flex align-items-center">delete_forever</span>
                                    </a>
                                </td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="primary-btn bg-danger" data-bs-dismiss="modal">Fermer</button>
                </div>
            </div>
        </div>
    </div>
 
    <table class="table table-striped table-hover bg-white text-center">
        <thead class="bg-primary text-light">
            <tr>
                <th>n°</th>
                <th>Nom & prénom stagiaire</th>
                <th>Formation</th>
                <th>Obtenir PDF</th>
                <th>Supréssion</th>
            </tr>
        </thead>
        <tbody>
            {% for e in evaluations %}
                <tr>
                    <td class="text-secondary"><strong>{{ loop.index }}</strong></td>
                    <td>{{ e.learnerFirstname }} - {{ e.learnerLastname }}</td>
                    <td>{{ e.training.name }}</td>
                    <td>
                        <a href="{{ path('admin_training_doc_learner_eval', { 'id': e.id }) }}" 
                           class="secondary-btn d-flex align-items-center justify-content-center mx-auto"
                           style="width: 100px;"
                           target="_blank">
                            <span class="material-icons">picture_as_pdf</span>
                        </a>
                    </td>
                    <td>
                        <a href="{{ path('admin_learner_evaluation_delete', {'id': e.id}) }}" 
                           class="primary-btn bg-danger d-flex align-items-center justify-content-center mx-auto"
                           style="width: 100px;"
                           data-confirm="l'évaluation stagiaire ?">
                            <span class="material-icons">delete_forever</span>
                        </a>
                    </td>
                </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}