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

{% block page_title %}{{ site_titre }} - Backoffice - Étudiants{% endblock %}

{% block stylesheets %}
<style>
    tr.group {
        background-color: rgba(0,0,0,.05);
    }
</style>
{% endblock %}

{% block h2 %}Évaluations étudiant{% endblock %}

{% block content %}
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox float-e-margins">
                <div class="ibox-content">
                    <h3>
                        {{ etudiant.nomComplet ~ " (" ~ etudiant.pseudo ~ ")" }}<br>
                        Promotion {{ etudiant.promotion.libelle }}
                    </h3>
                </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">

                        <h3>Auto-évaluations</h3>

                        <table class="table table-striped table-hover">
                            <thead>
                                <tr>
                                    <th>Unité d'enseignement</th>
                                    <th>Note globale</th>
                                    <th>Commentaires</th>
                                    <th>Session</th>
                                    <th data-orderable="false"></th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for eval in etudiant.getAutoEvaluations() %}
                                    <tr>
                                        <td>{{ eval.uniteEnseignement.fullLibelle }}</td>
                                        <td>{{ eval.noteGlobale }}</td>
                                        <td>{{ eval.commentaires }}</td>
                                        <td>{{ eval.sessionEvaluation.date|date('d/m/Y') }}</td>
                                        <td></td>
                                    </tr>
                                {% endfor %}
                            </tbody>
                        </table>

                        <hr>

                        <h3>Évaluations des enseignants</h3>

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

                        <table class="table table-hover">
                            <thead>
                                <tr>
                                    <th></th>
                                    <th>Unité d'enseignement</th>
                                    <th data-orderable="false">Enseignant</th>
                                    <th data-orderable="false">Note intuitive</th>
                                    <th data-orderable="false">Note globale</th>
                                    <th data-orderable="false">Note auto-évaluation</th>
                                    <th data-orderable="false">Session</th>
                                    <th>Semestre</th>
                                    <th style="display:none;">Commentaires Enseignant</th>
                                    <th style="display:none;">Axes d'amélioration</th>
                                    <th>Vérifiée</th>
                                    <th data-orderable="false" width="15%"></th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for infos_ue in synthese %}

                                    {% set nb_evals_ue = infos_ue.semestres[1].evaluations|length + infos_ue.semestres[2].evaluations|length %}
                                    {% if nb_evals_ue > 1 %}
                                        <tr id="ue-{{ infos_ue.ue.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_ue.ue.fullLibelle }}</td>
                                            <td>nb évals = {{ nb_evals_ue }}</td>
                                            <td></td>
                                            <td>
                                                {% if infos_ue.semestres[1].moyenne %}moyenne UE S1 = {{ infos_ue.semestres[1].moyenne }}<br>{% endif %}
                                                {% if infos_ue.semestres[2].moyenne %}moyenne UE S2 = {{ infos_ue.semestres[2].moyenne }}<br>{% endif %}
                                                {% if infos_ue.semestres[1].moyenne and infos_ue.semestres[2].moyenne %}moyenne des moyennes = {{ (infos_ue.semestres[1].moyenne + infos_ue.semestres[2].moyenne) / 2 }}{% endif %}
                                            </td>
                                            <td></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 id_semestre, infos_semestre in infos_ue.semestres %}
                                        {% for eval in infos_semestre.evaluations %}
                                        {% set auto_eval = etudiant|get_auto_eval(eval) %}
                                            <tr {% if nb_evals_ue > 1 %}class="evals_ue_detail" rel="ue-{{ infos_ue.ue.id }}" style="background-color:#f8f9fa;"{% endif %}>
                                                <td></td>
                                                <td>{{ infos_ue.ue.fullLibelle }}</td>
                                                <td>{{ eval.createdBy.nomComplet }}</td>
                                                <td>{{ eval.noteIntuitive }}</td>
                                                <td>{{ eval.noteGlobale }}</td>
                                                <td>{% if auto_eval %}{{ auto_eval.noteGlobale }}{% endif %}</td>
                                                <td>{{ eval.sessionEvaluation.date|date('d/m/Y') }}</td>
                                                <td>Semestre {{ id_semestre }}</td>
                                                <td style="display:none;">{{ eval.commentaires }}</td>
                                                <td style="display:none;">{{ eval.axesAmelioration }}</td></span>
                                                <td>
                                                    {% if eval.verified %}
                                                        <span class="label label-primary"><i class="fas fa-check fa-lg"></i>
                                                        <span style="display:none;">oui</span>
                                                    {% else %}
                                                        <span class="label label-warning"><i class="fas fa-times fa-lg"></i>
                                                    {% endif %}
                                                </td>
                                                <td>
                                                    <a href="{{ path('bo.etudiant.evaluation.graphique', {from_etudiant: 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 %}

                                {% 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() {

        $('.table').DataTable({
            language: {
                url: "//cdn.datatables.net/plug-ins/1.10.16/i18n/French.json"
            },
            responsive: true,
            dom: '<"html5buttons"B>lTfgitp',
            paging: false,
            // pageLength: 25,
            processing: true,
            order: [[1, 'asc']],
            buttons: [
                {
                    extend: 'copy',
                    exportOptions: {
                        columns: ':not(:last-child)',
                    }
                },
                {
                    extend: 'csv',
                    title: "{{ etudiant.nomComplet|escape }}",
                    exportOptions: {
                        columns: ':not(:last-child)',
                    }
                },
                {
                    extend: 'excel',
                    title: "{{ etudiant.nomComplet|escape }}",
                    exportOptions: {
                        columns: ':not(:last-child)',
                    }
                },
                {
                    extend: 'pdf',
                    title: "{{ etudiant.nomComplet|escape }}",
                    orientation: "landscape",
                    exportOptions: {
                        columns: ':not(:last-child)',
                    }
                }
            ],
            initComplete: function (settings, json) {
                $('tr.evals_ue_detail').hide();
            },
        });

        $('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 %}