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

{% block title %}{{parent()}}: Elève dans la formation{% endblock %}

{% set eleve = formation_eleve.eleve %}
{% set eleve_id = formation_eleve.eleve.id %}
{% set formation = formation_eleve.formation %}
{% set formation_id = formation.id %}

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

    <div class="container-fluid">
        <div id="ui-view">
            <div>
                <div class="animated fadeIn">

                    <div class="card">
                        <div class="card-header">
                            <h4 class="d-inline-block m-0">Elève dans la formation</h4>

                            <div class="card-header-actions">
                                <ul class="d-flex list-unstyled m-0">
                                    {% if est_connecte %}
                                        <li class="mr-2">
                                            <a class="btn btn-primary btn-show"
                                               target="_blank"
                                               href="{{ path('formation_formationeleve_pdf', {
                                                   'id': formation_eleve.id
                                               }) }}">
                                                PDF
                                            </a>
                                        </li>
                                        {# 2018/11/12 désactivé: ça servait pour le bilan des CR, qui sont partis sur l'entité Formation
                                        <li class="">
                                            <a class="btn btn-outline-primary btn-edit mr-2"
                                               href="{{ path('formation_formationeleve_edit', {
                                                   'id': formation_eleve.id
                                               }) }}">
                                                Modifier
                                            </a>
                                        </li>
                                        #}
                                    {% endif %}
                                </ul>
                            </div>
                        </div>
                        <div class="card-body">

                            <div class="row">
                                <!-- encart formation -->
                                <div class="col-lg-6">
                                    <div class="card card-formation">
                                        <div class="card-header"> Formation:{{ formation_eleve.formation.designation }} </div>
                                        <div class="card-body">
                                            {% include '@Formation/Default/show_inner_details.html.twig' with {
                                                'formation': formation_eleve.formation,
                                            }
                                            %}
                                        </div>
                                    </div>
                                </div>
                                <!-- encart élève -->
                                <div class="col-lg-6">
                                    <div class="card card-eleve">
                                        <div class="card-header">
                                            Eleve : {{ formation_eleve.eleve.username }}
                                        </div>
                                        <div class="card-body">
                                            {% include '@User/Utilisateurs/show_inner_details.html.twig' with {
                                                'utilisateur': formation_eleve.eleve,
                                            }
                                            %}
                                        </div>
                                    </div>
                                </div>

                                <!-- leçons -->
                                <div class="col-12">
                                    <div class="card card-bilan">
                                        <div class="card-header">
                                            <h4 class="d-inline-block m-0">Leçons suivies</h4>
                                        </div>
                                        <div class="card-body table-responsive">
                                            {% include '@Courses/Lecon/index_inner.html.twig' %}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div> <!-- fin de la carte principale -->
                </div>
            </div>
        </div>
    </div>
{% endblock body %}

{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('js/ns_scripts.js') }}?{{ date().timestamp }}"></script>
    <script>
        window.FORMATION_ELEVE = "{{ formation_eleve.id }}";

        window.PATH_CR_JSONLIST = "{{ path('formation_compterendu_index_json', {
            'formation_id':formation_id,
            'eleve_id':eleve_id
        })|raw }}";

        window.PATH_NOTES_JSONLIST = "{{ path('courses_reponse_index_json', {
            'formation_id':formation_id,
            'eleve_id':eleve_id
        })|raw }}";

        window.PATH_LECONS_JSONLIST ="{{ path('formation_eleves_lecons_json', {
            'formation_id':formation_id,
            'eleve_id':eleve_id
        })|raw }}";

        PATH_ELEVE_LECON = "{{ path('formation_formationeleve_details_lecon', {'formation_eleve_id': '__id__', 'lecon_id': '__idLecon__', 'module_id': '__idModule__'}) }}";

        window.filtres = [];
        window.filtres_actifs = [];

        window.filtres_reponses = {};
        window.filtres_actifs_reponses = {};

        window.filtres_lecons = {};
        window.filtres_actifs_lecons = {};

        $(document).ready(function() {

            window.table_lecons = $('#table_lecons').DataTable({
                "language": {
                    "url": window.DATATABLE_LANG_JSON
                },
                /* partie qui ajaxize  */
                processing: true, //indique que la DataTable peut mettre longtemps à charger
                serverSide: true, //ajax pour lsiter et chercher données
                ajax: window.PATH_LECONS_JSONLIST,
                sAjaxDataProp: "data",
                pageLength: 10, //valeur initiale
                order:[],
                columns:[ //requis pour générer les filtres
                    {"data": "module"},
                    {"data": "lecon"},
                    {"data": "completude"},
                    {"data": "duree"},
                    {"data": "cpt_todo"},
                ],
                /* fin partie qui ajaxize */
                rowCallback: function( row, data, dataIndex ) {
                    if(data.cpt_todo>0) {
                        $(row).addClass('colorred')
                    } else {
                        $(row).addClass('colorgreen')
                    }
                    $(row).attr('data-lecon-id', data.idLecon);
                    $(row).attr('data-module-id', data.idModule);
                    $(row).on('click', function callbackRowClicked() {
                        var lecon_id = $(this).attr('data-lecon-id'),
                            module_id = $(this).attr('data-module-id'),
                            href= PATH_ELEVE_LECON.replace('__id__', window.FORMATION_ELEVE);
                        href = href.replace('__idLecon__', lecon_id);
                        href = href.replace('__idModule__', module_id);
                        window.location = href;
                    })
                },
                drawCallback: function( settings ) {
                    window.filtres_lecons = 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 = [0,1], //que module
                    colonnes_a_ignorer = []; //aucune
                    window.GENERER_FILTRES(window.table_lecons, colonnes_a_mettre_en_select, colonnes_a_ignorer);

                    //$('#table_eleves tfoot tr').insertAfter($('#table_eleves thead tr'))
                    //fin initComplete
                }
            });
        })
    </script>
{% endblock %}