{% extends 'base.html.twig' %}

{% block title %}{{parent()}}: Formation {{ formation.designation }}{% endblock %}


{% block body %}
    {% include 'breadcrumb.html.twig' %}

    {# variables twig pour les sous-tables #}
    {% if est_prof or est_sousprof %}
        {% set BOUTON_ELEVE_COMPTERENDU = true %}
    {% else %}
        {% set BOUTON_ELEVE_COMPTERENDU = false %}
    {% endif %}

    {% if est_admin %}
        {% set CACHER_PROF_SELECTION = false %}
        {% set CACHER_ELEVE_SELECTION = false %}
    {% else %}
        {% set CACHER_PROF_SELECTION = true %}
        {% set CACHER_ELEVE_SELECTION = true %}
    {% endif %}
    <div class="container-fluid">
        <div id="ui-view">
            <div>
                <div class="animated fadeIn">
                    <div class="row">


                        {% set onglet_actif='eleve' %}
                        {% if onglet is defined %}
                            {% if onglet %}
                                {% set onglet_actif=onglet %}
                            {% endif %}
                        {% endif %}
                        <div class="col-lg-12">
                            <ul class="nav nav-tabs">
                                <li class="nav-item"><a class="nav-link {% if onglet_actif=='eleve' %}active{% endif %}" data-toggle="tab" href="#tab_eleves">Elèves</a></li>
                                <li class="nav-item"><a class="nav-link {% if onglet_actif=='prof' %}active{% endif %}" data-toggle="tab" href="#tab_profs">Profs</a></li>
                                <li class="nav-item"><a class="nav-link {% if onglet_actif=='module' %}active{% endif %}" data-toggle="tab" href="#tab_modules">Modules</a></li>
                                <li class="nav-item"><a class="nav-link {% if onglet_actif=='cr' %}active{% endif %}" data-toggle="tab" href="#tab_crs">Comptes-Rendus</a></li>
                                <li class="nav-item"><a class="nav-link {% if onglet_actif=='bilan' %}active{% endif %}" data-toggle="tab" href="#tab_bilans">Bilans</a></li>
                            </ul>

                            <div class="tab-content">
                                <div id="tab_eleves" class="tab-pane fade {% if onglet_actif=='eleve' %}in active show{% endif %}">
                                    <div class="card eleve">
                                        <div class="card-header">
                                            <h4 class="d-inline-block m-0">Les élèves de la formation</h4>

                                            <div class="card-header-actions">
                                                <ul class="d-flex list-unstyled">
                                                    {% if est_sousprof %}
                                                        <li class="mr-2">
                                                            <a class="btn btn-primary ajax_export_formation_eleve"
                                                               target="_blank"
                                                               href="{{ path('formation_formation_export',{id: formation.id}) }}">
                                                                Exporter
                                                            </a>
                                                        </li>
                                                    {% endif %}
                                                    {% if est_admin %}
                                                        <li class="">
                                                            <a class="btn btn-outline-primary btn-new popin popin_autres_eleves"
                                                               data-title="Choisissez des élèves à ajouter à la formation[{{ formation.id }}] {{ formation.designation }}"
                                                               href="#"
                                                               data-href="{{ path('formation_autres_eleves_index',{id: formation.id}) }}">
                                                                Ajouter des élèves
                                                            </a>
                                                        </li>
                                                    {% endif %}
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="card-body">

                                            {% include '@Formation/Default/table_eleve.html.twig' %}
                                            {% if est_admin %}
                                            <button type="button"
                                                    class="btn btn-dark massaction eleve suppression">
                                                Retirer les élèves sélectionnés
                                            </button>
                                            <button type="button"
                                                    id="ajoutSelecForm"
                                                    class="btn btn-primary massaction eleve">
                                                Ajouter la sélection dans une autre formation
                                            </button>
                                            <button type="button"
                                                    id="resendConfirm"
                                                    class="btn btn-danger massaction eleve">
                                                Envoyer demande de confirmation
                                            </button>
                                            {% endif %}
                                        </div>
                                    </div>
                                </div>
                                <div id="tab_profs" class="tab-pane fade {% if onglet_actif=='prof' %}in active show{% endif %}">
                                    <div class="card prof">
                                        <div class="card-header">
                                            <h4 class="d-inline-block m-0">Les professeurs de la formation</h4>

                                            <div class="card-header-actions">
                                                <ul class="d-flex list-unstyled m-0">
                                                    {% if est_admin %}
                                                        <li class="">
                                                            <a class="btn btn-outline-primary btn-new popin popin_autres_profs"
                                                               data-title="Choisissez des professeurs à ajouter à la formation[{{ formation.id }}] {{ formation.designation }}"
                                                               href="#"
                                                               data-href="{{ path('formation_autres_profs_index',{id: formation.id}) }}">
                                                                Ajouter des professeurs
                                                            </a>
                                                        </li>
                                                    {% endif %}
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="card-body">

                                            {% include '@Formation/Default/table_prof.html.twig' %}

                                            {% if est_admin %}
                                                <button type="button"
                                                        class="btn btn-dark massaction prof suppression">
                                                    Retirer les professeurs sélectionnés
                                                </button>
                                            {% endif %}
                                        </div>
                                    </div>
                                </div>
                                <div id="tab_modules" class="tab-pane fade {% if onglet_actif=='module' %}in active show{% endif %}">
                                    <div class="card module">
                                        <div class="card-header">
                                            <h4 class="d-inline-block m-0">Les modules de la formation</h4>

                                            <div class="card-header-actions">
                                                <ul class="d-flex list-unstyled m-0">
                                                    {% if est_prof %}
                                                        <li class="">
                                                            <a class="btn btn-outline-primary btn-new popin popin_autres_modules"
                                                               data-title="Choisissez des modules à ajouter à la formation[{{ formation.id }}] {{ formation.designation }}"
                                                               href="#"
                                                               data-href="{{ path('formation_autres_modules_index',{id: formation.id}) }}">
                                                                Ajouter des modules
                                                            </a>
                                                        </li>
                                                    {% endif %}
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="card-body">

                                            {% include '@Formation/Default/table_module.html.twig' %}
                                            <button type="button"
                                                    class="btn btn-dark massaction module suppression">
                                                Retirer les modules sélectionnés
                                            </button>
                                        </div>
                                    </div>
                                </div>
                                <div id="tab_crs" class="tab-pane fade {% if onglet_actif=='cr' %}in active show{% endif %}">
                                    <div class="card card-compterendu">

                                        <div class="card-header">
                                            <h4 class="d-inline-block m-0">Liste des comptes-rendus</h4>

                                            <div class="card-header-actions">
                                                <ul class="d-flex list-unstyled m-0">
                                                    {% if est_sousprof %}
                                                        <li class="mr-2">
                                                            <a class="btn btn-primary btn-show"
                                                               target="_blank"
                                                               href="{{ path('formation_formation_pdf', {
                                                                   'id': formation.id
                                                               }) }}">
                                                                PDF
                                                            </a>
                                                        </li>
                                                        <li class="">
                                                            <a class="btn btn-outline-primary btn-new mr-3"
                                                               href="{{ path('formation_compterenduformation_create', {
                                                                   'formation_id': formation.id
                                                               }) }}">
                                                                Ajouter un compte-rendu
                                                            </a>
                                                        </li>
                                                    {% endif %}
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="card-body">
                                            {% include '@Formation/Compterenduformation/index_inner.html.twig' %}
                                        </div>
                                    </div><!-- fin card compterendus de la formation -->
                                </div>
                                <div id="tab_bilans" class="tab-pane fade {% if onglet_actif=='bilan' %}in active show{% endif %}">
                                    <div class="card card-bilan">
                                        <div class="card-header">
                                            <h4 class="d-inline-block m-0">Bilan</h4>

                                            <div class="card-header-actions">
                                                <ul class="d-flex list-unstyled m-0">
                                                    {% if est_sousprof %}
                                                        <li class="">
                                                            <a class="btn btn-outline-primary btn-new"
                                                               href="{{ path('formation_formation_edit', {
                                                                   'id': formation.id
                                                               }) }}">
                                                                Modifier
                                                            </a>
                                                        </li>
                                                    {% endif %}
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="card-body table-responsive">
                                            <table class="table">
                                                <thead>
                                                <tr>
                                                    <th>Activités réalisées</th>
                                                    <th>Grammaire</th>
                                                    <th>Vocabulaire</th>
                                                    <th>Phonétique</th>
                                                    <th>Commentaire</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                <tr>
                                                    <td>{{ formation.activitesrealisees|raw }}
                                                    </td><td>
                                                        {{ formation.grammaire|raw }}
                                                    </td><td>
                                                        {{ formation.vocabulaire|raw }}
                                                    </td><td>
                                                        {{ formation.phonetique|raw }}
                                                    </td><td>
                                                        {{ formation.commentaire|raw }}
                                                    </td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-12 mt-5">
                            <div class="card">

                                <div class="card-header">
                                    <h4 class="d-inline-block m-0">Informations sur la Formation {{ formation.id }}</h4>

                                    <div class="card-header-actions">
                                        <ul class="d-flex list-unstyled m-0">
                                            {% if est_sousprof %}
                                                <li class="mr-2">
                                                    <a class="btn btn-outline-primary btn-new" href="{{ path('formation_formation_stat', {'formation': formation.id}) }}">
                                                        <i class="fa fa-bar-chart"></i>Statistiques
                                                    </a>
                                                </li>
                                                <li class="mr-2">
                                                    <a class="btn btn-outline-primary btn-new" href="{{ path('formation_formationeleve_noteoral', {'formation_id': formation.id}) }}">
                                                        <i class="fa"></i>Notations
                                                    </a>
                                                </li>
                                                <li class="mr-2">
                                                    <a class="btn btn-outline-primary btn-new" href="{{ path('courses_presence_index', {'id': formation.id}) }}">
                                                        <i class="fa"></i>Présences en cours
                                                    </a>
                                                </li>
                                            {% endif %}
                                            {% if est_admin %}
                                                <li class="mr-2">
                                                    <a class="btn btn-outline-primary btn-new" href="{{ path('formation_formation_edit', {'id': formation.id}) }}">
                                                        Modifier cette formation
                                                    </a>
                                                </li>
                                                <li class="">
                                                    {% if formation.active %}
                                                        <a class="btn btn-dark"
                                                           title="Désactiver"
                                                           href="{{ path('formation_formation_active', {'id': formation.id}) }}">
                                                            Désactiver{#<i class="fa fa-trash"></i>#}
                                                        </a>
                                                    {% else %}
                                                        <a class="btn btn-dark"
                                                           title="Réactiver"
                                                           href="{{ path('formation_formation_active', {'id': formation.id}) }}">
                                                            Réactiver{#<i class="fa fa-recycle"></i>#}
                                                        </a>
                                                    {% endif %}
                                                </li>
                                            {% endif %}
                                        </ul>
                                    </div>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-lg-6 table-responsive">
                                            <table class="table table-striped dataTable table-bordered no-footer ns_fullwidth">
                                                <tbody>
                                                <tr>
                                                    <th style="width:40%;">
                                                        Désignation
                                                    </th>
                                                    <td>
                                                        {{ formation.designation }}
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <th>
                                                        Langue(s)
                                                    </th>
                                                    <td>
                                                        {{ formation.langue.libelle }}
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <th>
                                                        Niveau(x)
                                                    </th>
                                                    <td>
                                                        {{ formation.niveau.libelle }}
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <th>
                                                        Objectifs
                                                    </th>
                                                    <td>
                                                        {{ formation.objectif|raw }}
                                                    </td>
                                                </tr>
                                                <th>
                                                    Type(s)
                                                </th>
                                                <td>
                                                    {% if formation.type %}
                                                        {{ formation.type.libelle }}
                                                    {% endif %}
                                                </td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                        <div class="col-lg-6 table-responsive">
                                            <table class="table table-striped dataTable table-bordered no-footer ns_fullwidth">
                                                <tbody>
                                                <tr>
                                                    <th style="width:40%;">
                                                        Durée visio
                                                    </th>
                                                    <td>
                                                        {{ formation.dureeVisio }}h
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <th>
                                                        Durée de conversation
                                                    </th>
                                                    <td>
                                                        {{ formation.dureeConversation }}h
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <th>
                                                        Durée sur la plateforme
                                                    </th>
                                                    <td>
                                                        {{ formation.dureePlateforme }}h
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <th>
                                                        Durée présentiel ou Face à face
                                                    </th>
                                                    <td>
                                                        {{ formation.dureeFace }}h
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <th>
                                                        Durée Totale
                                                    </th>
                                                    <td>
                                                        {% set total = formation.dureeFace + formation.dureePlateforme + formation.dureeConversation + formation.dureeVisio %}
                                                        {{ total }}h
                                                    </td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                        <div class="col-lg-6 table-responsive">
                                            <table class="table table-striped dataTable table-bordered no-footer ns_fullwidth">
                                                <tbody>
                                                <tr>
                                                    <th style="width:40%;">
                                                        Poids de la note orale
                                                    </th>
                                                    <td>
                                                        {{ formation.poidsNoteOral }}%
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <th>
                                                        Poids de la complétude
                                                    </th>
                                                    <td>
                                                        {{ formation.poidsNoteCompletude }}%
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <th>
                                                        Poids de l'assiduité
                                                    </th>
                                                    <td>
                                                        {{ formation.poidsNoteAssiduite }}%
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <th>
                                                        Poids de la progression
                                                    </th>
                                                    <td>
                                                        {{ formation.poidsNoteProgression }}%
                                                    </td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock body %}

{% block body_before_end %}
    <!-- HTML POUR POPPIN-I-FIEUR -->
    {% include 'generic_popin.html.twig' with {
        'contenu': '__CONTENU__',
        'titre': '__TITRE__',
        'show_validate_popin' : true,
        'show_cancel_popin' : true,
        'wide': true
    } only %}
    {% include 'generic_popin.html.twig' with {
        'contenu': '__CONTENU__',
        'titre': '__TITRE__',
        'show_validate_popin' : true,
        'show_cancel_popin' : true,
        'wide': true,
        'tall': true,
        'suffixe_id': '_eleve'
    } only %}

{% endblock %}


{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('js/ns_scripts.js') }}?{{ date().timestamp }}"></script>
    <script src="{{ asset('js/formation_editEleves.js') }}?{{ date().timestamp }}"></script>
    <script src="{{ asset('js/formation_editProfs.js') }}?{{ date().timestamp }}"></script>
    <script src="{{ asset('js/formation_editModules.js') }}?{{ date().timestamp }}"></script>
    <script>
        window.PATH_ADD_eleves = "{{ path('formation_formation_add_eleves', {'id':formation.id, 'arrayid': '__str_array_pr_ids__'}) }}"
        window.PATH_REMOVE_eleves = "{{ path('formation_formation_remove_eleves', {'id':formation.id, 'arrayid': '__str_array_pr_ids__'}) }}"
        window.PATH_ELEVES_JSONLIST ="{{ path('user_utilisateur_index_json',{'formation':formation.id,'roles':'eleve','filtre_active':'both'})|raw }}"
        window.PATH_AUTRESELEVES_JSONLIST ="{{ path('user_utilisateur_index_json',{'notinformation':formation.id,'role':'eleve','filtre_active':'both'})|raw }}"
        //MAYDO: préciser aussi le prof?
        window.PATH_ELEVE_REPORT = "{{ path('formation_formationeleve_show_indirect', {'formation_id':formation.id, 'eleve_id': '__id__'}) }}"
        window.PATH_ELEVE_VIEW = "{{ path('user_utilisateur_show', {'id': '__id__'}) }}"

        window.PATH_ADD_profs = "{{ path('formation_formation_add_profs', {'id':formation.id, 'arrayid': '__str_array_pr_ids__'}) }}"
        window.PATH_REMOVE_profs = "{{ path('formation_formation_remove_profs', {'id':formation.id, 'arrayid': '__str_array_pr_ids__'}) }}"
        window.PATH_PROFS_JSONLIST ="{{ path('user_utilisateur_index_json',{'formation':formation.id,'role':'prof,admin','filtre_active':'both'})|raw }}"
        window.PATH_AUTRESPROFS_JSONLIST ="{{ path('user_utilisateur_index_json',{'notinformation':formation.id,'role':'prof,admin','filtre_active':'both'})|raw }}"

        window.PATH_ADD_modules = "{{ path('formation_formation_add_modules', {'id':formation.id, 'arrayid': '__str_array_pr_ids__'}) }}"
        window.PATH_REMOVE_modules = "{{ path('formation_formation_remove_modules', {'id':formation.id, 'arrayid': '__str_array_pr_ids__'}) }}"
        window.PATH_MODULES_JSONLIST ="{{ path('courses_module_index_json',{'formation':formation.id,'filtre_active':'true', 'enforce_order_by':['ordre___asc'] })|raw }}"
        window.PATH_AUTRESMODULES_JSONLIST ="{{ path('courses_module_index_json',{'notinformation':formation.id,'filtre_active':'true'})|raw }}"

        window.PATH_UPDATE_module_order = "{{ path('formation_formation_update_order_module', {'id':formation.id, 'array_data': '__str_data__'}) | raw }}"

        window.PATH_CRF_JSONLIST = "{{ path('formation_compterenduformation_index_json', {
            'formation_id':formation.id,
        })|raw }}";

        {% if est_admin %}
        window.CACHER_PROF_SELECTION = false
        window.CACHER_ELEVE_SELECTION = false
        {% else %}
        window.CACHER_PROF_SELECTION = true
        window.CACHER_ELEVE_SELECTION = true
        {% endif %}
        {% if est_prof or est_sousprof %} {# donc prof/admin : ajuster affichage #}
        window.BOUTON_ELEVE_COMPTERENDU = true
        {% else %}
        window.BOUTON_ELEVE_COMPTERENDU = false
        {% endif %}

        window.filtres_compterenduformations = {};
        window.filtres_actifs_compterenduformations = {};

        $(document).ready(function() {
            window.table_compterenduformations = $('#table_compterenduformations').DataTable({
                "language": {
                    "url": window.DATATABLE_LANG_JSON
                },
                columnDefs: [ //désactiver le tri sur la dernière colonne (boutons d'actions)
                    {
                        targets: [-1,-2],
                        width: "1%",
                    },
                    {
                        "targets": '_all', //tentative...
                        "render": function (data, type, row) {
                            if (type === 'display') {
                                var str = data.toString(); // cast numbers
                                cutoff = 30;
                                return str.length < cutoff ?
                                    str :
                                    str.substr(0, cutoff - 1) + '&#8230;';
                            }

                            // Search, order and type can use the original data
                            return data;
                        }
                        //$.fn.dataTable.render.text()
                    }
                ],
                /* partie qui ajaxize  */
                processing: true, //indique que la DataTable peut mettre longtemps à charger
                serverSide: true, //ajax pour lsiter et chercher données
                ajax: {
                    url: window.PATH_CRF_JSONLIST,
                    type: 'POST',
                },
                sAjaxDataProp: "data",
                pageLength: 10, //valeur initiale
                columns: [ //requis pour générer les filtres
                    //{"data": "id"}, //sert vraiment pour l'id
                    //{"data": "formation"},
                    {"data": "id"},
                    {"data": "date"},
                    {"data": "duree"},
                    {"data": "objectifspedagogiques"},
                    /*{"data": "activitesrealisees"},
                    {"data": "grammaire"},
                    {"data": "vocabulaire"},
                    {"data": "phonetique"},
                    {"data": "supportutilise"},
                    {"data": "travailafaire"},
                    {"data": "dateprochaincours"},
                    {"data": "commentaire"},*/
                    {"data": "active"}, //liste à part, inutile d'en faire une colonne
                    {"data": "effectue"}, //liste à part, inutile d'en faire une colonne
                ],
                /* fin partie qui ajaxize */
                rowCallback: function(row, data, dataIndex) {
                    $(row).attr('data-crf-id', data.id);
                    $(row).on('click', function callbackRowClicked() {
                        var crf_id = $(this).attr('data-crf-id'),
                            href = "{{ path('formation_compterenduformation_show', {id: '__id__', 'formation_id':formation.id })|raw }}"
                            .replace('__id__', crf_id);
                        window.location = href;
                    })
                },
                "createdRow": function (row, data, dataIndex) { //faire un truc quand ligne ajoutée
                    // colonne "effectue"
                    var cr_effectue = data.effectue,
                        value_label = 'non'
                    if (cr_effectue) {
                        value_label = 'oui'
                    }
                    $(row).find('td').eq(-1).html(value_label)

                    // colonne "active"
                    var cr_active = data.active,
                        value_label = 'non'
                    if (cr_active) {
                        value_label = 'oui'
                    }
                    $(row).find('td').eq(-2).html(value_label)

                },
                drawCallback: function (settings) {
                    window.filtres_compterenduformations = this.api().context[0].json.filtres
                },
                initComplete: function () {
                    //MAYDO !
                    //var filtres = this.api().context[0].json.filtres;

                    //window.console.log('callback de charger bloc lignes dans callback add eleves');
                    // 4. regénérer les filtres
                    var colonnes_a_mettre_en_select = [4,5]
                    window.GENERER_FILTRES(window.table_compterenduformations, colonnes_a_mettre_en_select)

                    //$('#table_eleves tfoot tr').insertAfter($('#table_eleves thead tr'))
                    //fin initComplete
                }
            });

            window.PATH_TABLE_FORMATION = "{{ path('formation_formation_export_eleves_vers_formation') | raw }}";

            $('#ajoutSelecForm').click(function() {
                $.get( PATH_TABLE_FORMATION, function success(data) {

                    window.$modal_eleve.find('.modal-title').html('Ajouter les élèves sélectionnés dans une autre formation');
                    window.$modal_eleve.find('.modal-body').html(data);
                    window.$modal_eleve.find('.modal-footer').css('display', 'inherit');
                    window.selectedSf = [];

                    modalBootstrap('trigger_poppin_eleve', 'show');

                    $('.modal .valider-popin')
                        .off('click')
                        .on('click', function clickHandler(e){
                            e.stopImmediatePropagation();
                            e.stopPropagation();

                            window.formationSelec = "0";
                            if(table_formations.rows( { selected: true } ).count() > 0){
                                window.formationSelec = table_formations.rows( { selected: true } ).data()[0][0];
                            }

                            $.post(PATH_TABLE_FORMATION, {
                                selectedEleves: window.selected,
                                formation:  window.formationSelec
                            }, function success(data){
                                modalBootstrap('trigger_poppin_eleve', 'hide');
                            });
                        });

                    window.table_formations = $('#table_formations').DataTable({
                        "language": {
                            "url": window.DATATABLE_LANG_JSON
                        },
                        columnDefs: [
                            {
                                targets: 0,
                                width:"30%",
                            }
                        ],
                        select: {
                            style: 'single'
                        }
                    });
                });
            });

            window.PATH_RESEND_CONFIRMATION = "{{ path('user_utilisateur_resend_confirm_massaction') | raw }}";

            $('#resendConfirm').click(function() {
                window.showLoader();
                $.post( PATH_RESEND_CONFIRMATION, {
                    selectedEleves: window.selected
                }, function success(data) {
                    window.hideLoader();
                    alert(data.count+' demandes envoyés !');
                });
            });


            /* Formation Module Type */
                        
            $(document).on('change', '.select_type_formation_module', function(){
                console.log($(this));
                console.log($(this).parent().parent());
                var nb = 0;
                $('.select_type_formation_module').each(function(i, v){
                    if($(v).val()==3){
                        nb++;
                    }
                });
                if(nb>1){
                    alert('Attention, il y a déjà un module défini comme "Test final"');
                }
            });

            $(document).on('click', '.save_formation_module', function(){
                var select =  $(this).prev();
                select.prop('disabled', true); 
                var send = {
                    module: $(this).parent().parent()[0].id.replace('module_', ''), 
                    formation: {{ formation.id }},
                    type: select.find(":selected").val()
                }
                $.post( "{{ path('courses_module_setting_type') | raw }}", send, function( data ) {
                }).done(function(){
                    select.prop('disabled', false); 
                });
            });
        });
    </script>
{% endblock %}