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

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

{% block stylesheets %}
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet">
{% endblock %}

{% block h2 %}Session d'évaluation{% endblock %}

{% block content %}

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

                    {{ form_start(form) }}

                        <div class="form-group">
                            {{ form_row(form.libelle) }}
                        </div>

                        <div class="form-group">
                            {{ form_row(form.promotion) }}
                        </div>

                        <div class="form-group">
                            {{ form_row(form.date) }}
                        </div>

                        <div class="form-group">
                            {{ form_row(form.travail_groupe) }}
                        </div>

                        <div class="form-group">
                            {{ form_row(form.unites_enseignement) }}
                        </div>

                        <div class="form-group">
                            {{ form_row(form.enabled) }}
                        </div>

                        <div class="form-group">
                            {{ form_row(form.publish_evals_verifiees) }}
                        </div>

                        <button class="btn btn-primary">Enregistrer</button>

                    {{ form_end(form) }}

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

{% endblock %}

{% block javascripts %}

{{ parent() }}

<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
<script>

    $(document).ready(function() {

        // INIT
        var ues = [];
        {% if session_evaluation %}
            {% for ue in session_evaluation.unitesEnseignement %}
                ues.push({{ ue.id }});
            {% endfor %}
        {% endif %}
        $('#session_evaluation_unites_enseignement').val(ues);
        $('select').select2();


        // AU CHANGEMENT DE PROMOTION, ON CHANGE LA LISTE DES UES DISPONIBLES
        var url_promo_get_ues = "{{ path('ajax_promo_get_ues', {id: '_promotion_'}) }}";
        var $promotion = $('#session_evaluation_promotion');

        $promotion.change(function() {
            $.ajax({
                url : url_promo_get_ues.replace('_promotion_', $(this).val()),
                type: 'GET',
                beforeSend: function() {
                    $('#session_evaluation_unites_enseignement').html('').select2();
                },
                success: function (result) {
                    if (result.length) {
                        var $ues = '';
                        result.forEach(ue => {
                            $ues = $ues + '<option value="'+ ue.id+'">' + ue.full_libelle + '</option>';
                        });
                        $('#session_evaluation_unites_enseignement').html($ues).select2();
                    }
                },
                error: function (result) {
                    console.log(result);
                }
            });
        });
    });
</script>
{% endblock %}