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

{% block title %}{{parent()}}: Mes Comptes-rendus{% endblock %}

{% block body %}
    {% set formation_id = formationEleve.formation.id %}
    {% include 'breadcrumb.html.twig' %}

    
    <div class="container-fluid">
        <div id="ui-view">
            <div>
                <div class="animated fadeIn">
                    <div class="row">
                        <div class="col">
                            {% if formationEleve.formation.active == 1 or est_admin == true %}
                                <div class="card">
                                    <div class="card-header">
                                        <h4 class="d-inline-block m-0">Liste des comptes-rendus</h4>
                                    </div>
                                    <div class="card-body">
                                        <div class="">
                                            {% include '@Formation/Compterendu/index_inner2.html.twig' %}
                                        </div>
                                    </div>
                                </div>
                            {% else %}
                                <div class="card">
                                    <div class="card-body">
                                        <h1>Accès non autorisé !</h1>
                                        <div class="d-flex col-12 mt-5">
                                            <img src="https://media.giphy.com/media/3oriffWTYKfrAVSyk0/giphy.gif" class="mx-auto">
                                        </div>
                                    </div>
                                </div>
                            {% endif %}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('js/ns_scripts.js') }}?{{ date().timestamp }}"></script>
    <script>
        $(document).ready(function() {

            var path_show = "{{ path('formation_compterenduformation_show', {id: '__id__',
                'formation_id':formation.id,
            })|raw }}";


            window.PATH_CR_JSONLIST = "{{ path('formation_compterenduformation_index_json', {
                'formation_id':formation.id
            })|raw }}";
            window.filtres = [];
            window.filtres_actifs = [];

            //{ # appliquer filtres au chargement # }
            {% set filtre_actif_onload = false %}
            {% if formation.id is defined %}
                {% if 0 != formation.id %}
                    window.filtres_actifs['formation'] = {{ formation.id }}
                    {% set filtre_actif_onload = true %}
                {% endif %}
            {% endif %}

            $(document).ready(function() {
                window.table_compterendus = $('#table_compterendus').DataTable({
                    "pagingType": "input",
                    "language": {
                        "url": window.DATATABLE_LANG_JSON
                    },
                    columnDefs: [ //désactiver le tri sur la dernière colonne (boutons d'actions)
                        {
                            targets: [-1],
                            className: "nowrap",
                            orderable: false,
                            width:"10%",
                        }
                    ],
                    /* 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_CR_JSONLIST,
                        type: 'POST',
                    },
                    sAjaxDataProp: "data",
                    pageLength: 10, //valeur initiale
                    columns:[ //requis pour générer les filtres
                        //{"data": "id"}, //sert vraiement pour l'id
                        //{"data": "formation"},
                        //{"data": "eleve"}, // {"data": "societe" },
                        {"data": "numero"},
                        {"data": "date"},
                        {"data": "duree"},
                        {"data": "objectifspedagogiques"},
                        //{"data": "activitesrealiseesbilan"},
                        {"data": "activitesrealisees"},
                        //{"data": "grammairebilan"},
                        {"data": "grammaire"},
                        //{"data": "vocabulairebilan"},
                        {"data": "vocabulaire"},
                        //{"data": "phonetiquebilan"},
                        {"data": "phonetique"},
                        {"data": "supportutilise"},
                        {"data": "travailafaire"},
                        {"data": "dateprochaincours"},
                        {"data": "commentaire"},
                        {"data": "active"}, //liste à part, inutile d'en faire une colonne
                    ],

                    "createdRow": function( row, data, dataIndex ) {
                        //faire un truc quand ligne ajoutée : ajouter boutons
                        //window.console.log('data', data);

                        var _id = data.id,
                            _active = data.active;

                        // colonne "active"
                        var user_active = data.active,
                            value_label = 'off';
                        if(user_active) {
                            value_label = 'on';
                        }
                        $(row).find('td').eq(-2).html(value_label);

                        var path = path_show.replace('__id__', _id);
                        $(row).attr('onClick', 'Javascript:window.open(\''+path+'\',\'Compte Rendu\');');
                        $(row).css('cursor', 'pointer');
                    },
                    drawCallback: function( settings ) {
                        window.filtres = this.api().context[0].json.filtres
                    },
                    initComplete: function(){
                        var colonnes_a_mettre_en_select = [1,2, 19];
                        window.GENERER_FILTRES(window.table_compterendus, colonnes_a_mettre_en_select);

                        {% set filtre_actif_onload = false %}
                    }
                });
            })
        })
    </script>
{% endblock %}