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

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

{% block stylesheets %}
{% endblock %}

{% block h2 %}Étudiants{% endblock %}

{% block content %}

    <div class="row">
        <div class="col-lg-12">
            <div class="ibox">
                <div class="ibox-content">
                    <h3><i class="fa fa-filter"></i> Filtres</h3>
                    {{ form_start(form_filtres) }}
                        <div class="form-group col-sm-2">
                            {{ form_label(form_filtres.promotion) }}
                            {{ form_widget(form_filtres.promotion, { 'attr': {'class': 'form-control filtre'}, 'value': (filtre_promo ? ''~filtre_promo.id : null) }) }}
                        </div>
                        <div class="form-group col-sm-2">
                            {{ form_label(form_filtres.enabled) }}
                            {{ form_widget(form_filtres.enabled, { 'attr': {'class': 'form-control filtre'}, 'value': ''~filtre_enabled }) }}
                        </div>
                    {{ form_end(form_filtres) }}
                </div>
            </div>
        </div>
    </div>

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

                <p class="pull-right" style="display:block;">
                    <a class="btn btn-success" href="{{ path('bo.utilisateurs.etudiants.edit') }}"><i class="fa fa-plus"></i> Créer un étudiant</a>
                </p>

                <div class="ibox-content">
                    <div class="table-responsive">

                        <table id="datatable" class="table table-striped table-hover">
                            <thead>
                                <tr>
                                    <th></th>
                                    <th>Promotion</th>
                                    <th>Identifiant</th>
                                    <th>Nom</th>
                                    <th>Prénom</th>
                                    {# <th>Email</th> #}
                                    <th>Activé</th>
                                    <th>Dernière connexion</th>
                                    <th>NB évaluations</th>
                                    {# <th>moyenne évaluations</th> #}
                                    <th>NB auto-évaluations</th>
                                    {# <th>moyenne auto-évaluations</th> #}
                                    <th data-orderable="false"></th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for user in utilisateurs %}
                                    <tr id="etu-{{ user.id }}">
                                        <td><img src="{{ user.photo ?? asset('images/user_defaut.png') }}" width="80"></td>
                                        <td>{{ user.promotion ? user.promotion.libelle : '' }}</td>
                                        <td>{{ user.pseudo }}</td>
                                        <td>{{ user.nom }}</td>
                                        <td>{{ user.prenom }}</td>
                                        {# <td>{{ user.email }}</td> #}
                                        <td>
                                            {% if user.enabled %}
                                                <span class="label label-primary">oui</span>
                                            {% else %}
                                                <span class="label label-warning">non</span>
                                            {% endif %}
                                        </td>
                                        <td {% if user.lastLogin %}data-sort="{{ user.lastLogin|date('Y-m-d H:i') }}"{% endif %}>
                                            {% if user.lastLogin %}{{ user.lastLogin|date('d/m/Y H:i') }}{% endif %}
                                        </td>
                                        <td>{{ user.getNbEvaluationsEnseignants() }}</td>
                                        {# <td>{{ evaluationService.calculeMoyenneEtudiant(user, false) }}</td> #}
                                        <td>{{ user.getNbAutoEvaluations() }}</td>
                                        {# <td>{{ evaluationService.calculeMoyenneEtudiant(user, true) }}</td> #}
                                        <td>
                                            <a class="btn btn-default" href="{{ path('bo.utilisateurs.etudiants.edit', {id: user.id}) }}" title="éditer"><i class="fa fa-edit fa-lg"></i></a>
                                            <a class="delete btn btn-danger" href="{{ path('bo.user.delete', {id: user.id}) }}" title="supprimer"><i class="fa fa-trash fa-lg"></i></a>
                                            <a class="btn btn-info" href="{{ path('bo.etudiant.evaluations', {id: user.id}) }}">Voir les évaluations</a>
                                        </td>
                                    </tr>
                                {% 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();
        });

        $('#datatable').DataTable({
            language: {
                url: "//cdn.datatables.net/plug-ins/1.10.16/i18n/French.json"
            },
            responsive: true,
            dom: '<"html5buttons"B>lTfgitp',
            {% if filtre_promo %}
                paging: false,
            {% else %}
                paging: true,
                pageLength: 25,
            {% endif %}
            processing: true,
            order: [[6, 'desc']],
            buttons: [
                {
                    extend: 'copy',
                    exportOptions: {
                        columns: ':not(:last-child)',
                    }
                },
                {
                    extend: 'csv',
                    title: 'cido_etudiants',
                    exportOptions: {
                        columns: ':not(:last-child)',
                    }
                },
                {
                    extend: 'excel',
                    title: 'cido_etudiants',
                    exportOptions: {
                        columns: ':not(:last-child)',
                    }
                },
                {
                    extend: 'pdf',
                    title: 'cido_etudiants',
                    exportOptions: {
                        columns: ':not(:last-child)',
                    }
                },
            ],
            initComplete: function (settings, json) {
                if (location.hash) {
                    var anchor = $(location.hash).offset().top;
                    window.scrollTo(0, anchor);
                }
            },
        });


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

            e.preventDefault();

            swal({
                title: "Supprimer ?",
                text: "Cet utilisateur sera supprimé et ne pourra pas être récupéré.",
                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 %}