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

{% block stylesheets %}
{% endblock %}

{% block h2 %}Sessions d'évaluation{% 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.sessions_evaluation.edit') }}"><i class="fa fa-plus"></i> Ajouter une session d'évaluation</a>
                </p>

                <div class="ibox-content">

                    <div class="table-responsive">

                        <table id="datatable" class="table table-striped table-hover">
                            <thead>
                                <tr>
                                    <th>Libellé</th>
                                    <th>Promotion</th>
                                    <th>Date</th>
                                    <th>Travail de groupe</th>
                                    <th data-orderable="false">Unités d'enseignement</th>
                                    <th>Activé</th>
                                    <th>Publier les<br>évaluations vérifiées</th>
                                    <th data-orderable="false"></th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for session_eval in sessions_evaluation %}
                                    <tr>
                                        <td>{{ session_eval.libelle }}</td>
                                        <td>{{ session_eval.promotion.libelle }}</td>
                                        <td data-sort="{{ session_eval.date|date('Y-m-d') }}">{{ session_eval.date|date('d/m/Y') }}</td>
                                        <td align="center">
                                            {% if session_eval.travailGroupe %}
                                                <i class="fas fa-check fa-lg"></i>
                                            {% endif %}
                                        </td>
                                        <td>
                                            {% for ue in session_eval.unitesEnseignement %}
                                                {{ ue.fullLibelle }}{% if not loop.last %}<br>{% endif %}
                                            {% endfor %}
                                        </td>
                                        <td>
                                            {% if session_eval.enabled %}
                                                <span class="label label-primary">oui</span>
                                            {% else %}
                                                <span class="label label-warning">non</span>
                                            {% endif %}
                                        </td>
                                        <td>
                                            {% if session_eval.publishEvalsVerifiees %}
                                                <span class="label label-primary">oui</span>
                                            {% else %}
                                                <span class="label label-warning">non</span>
                                            {% endif %}
                                        </td>
                                        <td>
                                            <a class="btn btn-default" href="{{ path('bo.sessions_evaluation.edit', {id: session_eval.id}) }}" title="éditer"><i class="fa fa-edit fa-lg"></i></a>
                                            <a class="delete btn btn-danger" href="{{ path('bo.sessions_evaluation.delete', {id: session_eval.id}) }}" title="supprimer"><i class="fa fa-trash fa-lg"></i></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',
            paging: true,
            pageLength: 25,
            processing: true,
            order: [[1, 'asc']],
            buttons: [
                {
                    extend: 'copy',
                    exportOptions: {
                        columns: ':not(:last-child)',
                    }
                },
                {
                    extend: 'csv',
                    title: 'cido_sessions',
                    exportOptions: {
                        columns: ':not(:last-child)',
                    }
                },
                {
                    extend: 'excel',
                    title: 'cido_sessions',
                    exportOptions: {
                        columns: ':not(:last-child)',
                    }
                },
                {
                    extend: 'pdf',
                    title: 'cido_sessions',
                    exportOptions: {
                        columns: ':not(:last-child)',
                    }
                }
            ]
        });


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

            e.preventDefault();

            swal({
                title: "Supprimer ?",
                text: "Cette session d'é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 %}