{% extends "backoffice/layout/layout.html.twig" %}

{% block page_title %}{{ site_titre }} - Backoffice - Résultats{% endblock %}

{% block stylesheets %}
<style>
    tr.group {
        background-color: #f3f3f4;
    }
</style>
{% endblock %}

{% block h2 %}Résultats{% endblock %}

{% block content %}

    <div class="row">
        <div class="col-lg-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h2>
                        Promotion {{ promotion.libelle }}<br>
                        {{ ue.fullLibelle }}<br>
                        Semestre {{ semestre.id }}
                    </h2>
                    <div class="ibox-tools">
                        <h2 style="font-weight:bold; color:{% if nb_evaluations_verifiees == nb_evaluations_total %}green{% else %}red{% endif %};">{{ nb_evaluations_verifiees }} / {{ nb_evaluations_total }} évaluations vérifiées</h2>
                    </div>
                </div>
                <div class="ibox-content">

                    <h3><i class="fa fa-filter"></i> Filtres</h3>

                    {{ form_start(form_filtres) }}
                        <div class="row">
                            <div class="form-group col-sm-2">
                                {{ form_label(form_filtres.etudiant) }}
                                {{ form_widget(form_filtres.etudiant, { 'attr': {'class': 'form-control filtre'}, 'value': (filtre_etudiant ? ''~filtre_etudiant.id : null) }) }}
                            </div>
                            <div class="form-group col-sm-2">
                                {{ form_label(form_filtres.enseignant) }}
                                {{ form_widget(form_filtres.enseignant, { 'attr': {'class': 'form-control filtre'}, 'value': (filtre_enseignant ? ''~filtre_enseignant.id : null) }) }}
                            </div>
                        </div>
                    {{ form_end(form_filtres) }}

                    <form id="form_export_custom" action="{{ path('export_resultats') }}" method="POST">
                        <input type="hidden" name="promo" value="{{ promotion.id }}">
                        <input type="hidden" name="ue" value="{{ ue.id }}">
                        <input type="hidden" name="semestre" value="{{ semestre.id }}">
                        <input type="hidden" name="etudiant" value="">
                        <input type="hidden" name="enseignant" value="">

                        <button type="button" id="bt_export_custom" class="btn btn-info">EXPORT FILTRÉ DÉTAILLÉ</button>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-12">
            <div class="ibox float-e-margins">
                <div class="ibox-content">
                    <div class="table-responsive">

                        <p class="font-bold bg-success p-sm" style="font-size:15px;">Quand plusieurs évaluations pour un même étudiant sont disponibles, cliquez sur les lignes bleues avec les " > " pour voir le détail des évaluations de l'étudiant pour cette UE</p>

                        <table id="datatable" class="table table-hover">
                            <thead>
                                <tr>
                                    <th data-orderable="false"></th>
                                    <th>Étudiant</th>
                                    <th data-orderable="false">Identifiant</th>
                                    <th data-orderable="false">Email</th>
                                    <th data-orderable="false">Enseignant</th>
                                    <th data-orderable="false">Note globale</th>
                                    <th data-orderable="false">Note auto-évaluation</th>
                                    <th data-orderable="false">Session</th>
                                    {# <th style="display:none;">Commentaires Enseignant</th>
                                    <th style="display:none;">Axes d'amélioration</th> #}
                                    <th data-orderable="false">Vérifiée</th>
                                    <th data-orderable="false"></th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for infos_evals in synthese %}

                                    {% set nb_evals_ue = infos_evals.evaluations|length %}

                                    {% if nb_evals_ue > 1 %}
                                        <tr id="etu-{{ infos_evals.etudiant.id }}" class="group table-primary">
                                            <td><i class="fa fa-angle-right"></i><i class="fa fa-angle-down" style="display:none;"></i></td>
                                            <td>{{ infos_evals.etudiant.nomComplet }}</td>
                                            <td>{{ infos_evals.etudiant.pseudo }}</td>
                                            <td>{{ infos_evals.etudiant.email }}</td>
                                            <td>nb évals = {{ infos_evals.evaluations|length }}</td>
                                            <td>moyenne UE S{{ semestre.id }} = {{ infos_evals.moyenne }}</td>
                                            <td></td>
                                            <td></td>
                                            {# <td style="display:none;"></td>
                                            <td style="display:none;"></td> #}
                                            <td></td>
                                            <td><i class="fa fa-angle-right"></i><i class="fa fa-angle-down" style="display:none;"></i></td>
                                        </tr>
                                    {% endif %}

                                    {% for eval in infos_evals.evaluations %}
                                        <tr {% if nb_evals_ue > 1 %}class="evals_etu_detail" rel="etu-{{ infos_evals.etudiant.id }}" style="background-color:#f8f9fa;"{% else %}id="etu-{{ infos_evals.etudiant.id }}"{% endif %}>
                                            <td></td>
                                            <td>{{ infos_evals.etudiant.nomComplet }}</td>
                                            <td>{{ infos_evals.etudiant.pseudo }}</td>
                                            <td>{{ infos_evals.etudiant.email }}</td>
                                            <td>{{ eval.createdBy.nomComplet }}</td>
                                            <td>{{ eval.noteGlobale }}</td>
                                            <td>{{ infos_evals.auto_evaluations[eval.id]|default('') }}</td>
                                            <td>{{ eval.sessionEvaluation.date|date('d/m/Y') }}</td>
                                            {# <td style="display:none;">{{ eval.commentaires }}</td>
                                            <td style="display:none;">{{ eval.axesAmelioration }}</td> #}
                                            <td>
                                                {% if eval.verified %}
                                                    <span class="label label-primary"><i class="fas fa-check fa-lg"></i>
                                                {% else %}
                                                    <span class="label label-warning"><i class="fas fa-times fa-lg"></i>
                                                {% endif %}
                                            </td>
                                            <td>
                                                <a href="{{ path('bo.resultats.etudiant.evaluation.graphique', {from_etudiant: infos_evals.etudiant.id, evaluation: eval.id}) }}" class="btn btn-info">voir le détail</a>
                                                <a class="delete btn btn-danger" href="{{ path('bo.evaluation.delete', {id: eval.id}) }}" title="supprimer"><i class="fa fa-trash fa-lg"></i></a>
                                            </td>
                                        </tr>
                                    {% endfor %}

                                {% endfor %}
                            </tbody>
                        </table>

                    </div>
                </div>
            </div>
        </div>
    </div>

{% endblock %}

{% block javascripts %}
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.js" integrity="sha512-AA1Bzp5Q0K1KanKKmvN/4d3IRKVlv9PYgwFPvm32nPO6QS8yH1HO7LbgB1pgiOxPtfeg5zEn2ba64MUcqJx6CA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script>
    $(document).ready(function() {

        $('.filtre').change(function() {
            $(this).parents('form').submit();
        });

        $('#bt_export_custom').click(function(){
            var $form = $(this).parents('form');
            $form.find('input[name="etudiant"]').val( $('#resultat_ue_promo_semestre_filtres_etudiant').val() );
            $form.find('input[name="enseignant"]').val( $('#resultat_ue_promo_semestre_filtres_enseignant').val() );
            $form.submit();
        });

        $('#datatable').DataTable({
            language: {
                url: "//cdn.datatables.net/plug-ins/1.10.16/i18n/French.json"
            },
            responsive: true,
            // dom: '<"html5buttons"B>lTfgitp',
            dom: 'lTfgtp',
            paging: false,
            // pageLength: 25,
            processing: true,
            order: [[1, 'asc']],
            // buttons: [
            //     {
            //         extend: 'copy',
            //         exportOptions: {
            //             columns: ':not(:last-child)',
            //         }
            //     },
            //     {
            //         extend: 'csv',
            //         title: "cido_evals_{{ promotion.libelle ~ '_' ~ ue.code }}",
            //         exportOptions: {
            //             columns: ':not(:last-child)',
            //         }
            //     },
            //     {
            //         extend: 'excel',
            //         title: "cido_evals_{{ promotion.libelle ~ '_' ~ ue.code }}",
            //         exportOptions: {
            //             columns: ':not(:last-child)',
            //         }
            //     },
            //     {
            //         extend: 'pdf',
            //         title: "cido_evals_{{ promotion.libelle ~ '_' ~ ue.code }}",
            //         exportOptions: {
            //             columns: ':not(:last-child)',
            //         }
            //     },
            // ],
            initComplete: function (settings, json) {
                $('tr.evals_etu_detail').hide();

                if (location.hash) {
                    var anchor = $(location.hash).offset().top;
                    window.scrollTo(0, anchor);
                }
            },
        });

        $('tr.group').click(function() {
            $(this).find('.fa-angle-right').toggle();
            $(this).find('.fa-angle-down').toggle();

            $('tr[rel="' + $(this).attr('id') + '"]').toggle();
        });

        $('.delete').click(function(e){

            e.preventDefault();

            swal({
                title: "Supprimer ?",
                text: "Cette évaluation sera supprimée et ne pourra pas être récupérée.",
                dangerMode: true,
                icon: "warning",
                buttons: {
                    cancel: "Annuler",
                    confirm: "Oui, supprimer",
                }
            })
            .then((willDelete) => {
                if (willDelete) {

                    $.ajax({
                        url: $(this).attr('href'),
                        type: 'DELETE',
                        success: function (result) {
                            location.reload();
                        },
                        error: function (result) {
                            location.reload();
                        }
                    });

                } else {
                    // on retire les flashes existants
                    $('#toast-container').remove();
                }
            });
        });

    });
</script>
{% endblock %}