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

{% block title %}{{parent()}}: Modification des élèves de la Formation {{ formation.designation }}{% endblock %}

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

    <div class="container-fluid">
        <div id="ui-view">
            <div>
                <div class="animated fadeIn">
                    <div class="row">
                        <div class="col-lg-10">

                            <div class="card ">
                                <div class="card-header">
                                    <h4 class="d-inline-block m-0">Sélectionner les élèves de la formation</h4>

                                    <div class="card-header-actions">
                                        <ul class="d-flex list-unstyled m-0">
                                            {% if est_connecte %}
                                                <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' %}
                                    <button type="button" class="btn btn-dark massaction suppression">Retirer les élèves sélectionnés</button>
                                    {#
                                    {{ form_start(form, {'method': 'post', 'action': path('formation_edit_eleves', {'id': formation.id })}) }}
                                    {% if form.delete is not empty %}
                                        <h5>Supprimer des élèves : (datatable + massaction ajax)</h5>
                                        <div class="ui divided list">
                                            {%  for checkbox in form.delete %}
                                                <div class=" ui checkbox">
                                                    {{ form_label(checkbox, checkbox.vars.label) }}
                                                    {{ form_widget(checkbox, {'attr': {'class': 'ui checkbox'}}) }}
                                                </div><br/>
                                            {% endfor %}
                                        </div>
                                    {% endif %}
                                    { #### <!-- pour la postérité: ancienne méthode utilisant .ui.flui.dropdown.selection.mltiple de semantic.js -->
                                    <h5>Ajouter des élèves :</h5>
                                    {{ form_widget(form.eleve, {'attr': {'class': 'ui fluid search dropdown'}}) }}<br/>
                                    #### }
                                    {{ form_widget(form.eleve, {'attr': {'hidden': 'hidden'}}) }}


                                    <div>
                                        <input type="submit" value="Confirmer" class="btn btn-primary btn-flat m-b-30 m-t-30" />
                                    </div>
                                    {{ form_end(form) }}
                                    #}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% 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' : false,
        'wide': true
    } only %}

{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('js/formation_editEleves.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,'role':'eleve'})|raw }}"
        window.PATH_AUTRESELEVES_JSONLIST ="{{ path('user_utilisateur_index_json',{'notinformation':formation.id,'role':'eleve'})|raw }}"
            //"{ { path('formation_autres_eleves_index',{id:formation.id}) } }"
    </script>
{% endblock %}