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

{% block title %}{{parent()}}: Mes formations{% endblock %}

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

    {% set formation_id = formationEleve.formation.id %}

    <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">{{ formationEleve.formation.designation }}</h4>
                                    </div>
                                    <div class="card-body">
                                        <div class="">
                                            <table id="table_ma_formation" class="table table-responsive ns_selectable ns_fullwidth">
                                                <thead>
                                                    <tr>
                                                        <th style="min-width: 300px !important">Module</th>
                                                        <th style="min-width: 300px !important">Lecon</th>
                                                        {#<th>Activité</th>#}
                                                        <th style="min-width: 150px !important">Complétude</th>
                                                        {#<th>Statut</th>
                                                        <th>Note</th>#}
                                                        <th style="min-width: 150px !important">Temps passé</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                             
                                                {% for keyM,dm in data %}

                                                    {# Mini moteur de recherche pour récupérer les tests finaux#}
                                                    {% set fmType = 0%}
                                                    {% for fm  in formationModule %}
                                                        {% if fm.module.id == keyM and fm.formation.id == formation_id %}
                                                            {% set fmType = fm.type %}
                                                        {% endif %}
                                                    {% endfor %}

                                                    {% for keyL,dl in dm %}
                                                        {#{% for da in dl %}#}
                                                        {% set mark_as_done = false %}
                                                        {% if tabEleveLecon[lecons[keyL].id] is defined %}
                                                        {% if tabEleveLecon[lecons[keyL].id].completude is defined %}
                                                        {% set mark_as_done = ("100" == tabEleveLecon[lecons[keyL].id].completude) %}
                                                        {% endif %}
                                                        {% endif %}
                                                            <tr {% if mark_as_done %}class="already_done"{% endif %} data-href="{% if fmType != 3 or formationsCompl[formation_id] is not defined %}
                                                            {{ path('courses_lesson_show_activities', {
                                                                'id': keyL,
                                                                'formation_id': formation_id,
                                                                'module_id': keyM,
                                                            }) }}{% endif %}" {% if fmType == 3 and formationsCompl[formation_id] is defined and  formationsCompl[formation_id]== false %}style="cursor:not-allowed"{% endif %}>
                                                                <td>
                                                                    {% if modules[keyM].libelle == '' %}
                                                                        <em>Sans titre</em>
                                                                    {% else %}
                                                                        {{ modules[keyM].libelle }}
                                                                        {% if fmType == 3 and formationsCompl[formation_id] is defined and formationsCompl[formation_id] == false %}
                                                                            <br><small class="text-danger">ACCESSIBLE QUAND PARCOURS COMPLETÉ Á 100%</small>
                                                                        {% endif %}
                                                                    {% endif %}
                                                                </td>
                                                                <td>
                                                                    {% if lecons[keyL].libelle == '' %}
                                                                        <em>Sans titre</em>
                                                                    {% else %}
                                                                        {{ lecons[keyL].libelle }}
                                                                    {% endif %}
                                                                    
                                                                    {% if fmType == 3 and formationsCompl[formation_id] is defined and formationsCompl[formation_id] == false %}
                                                                        <i class="fa fa-ban" aria-hidden="true"></i>
                                                                    {% endif %}
                                                                </td>
                                                                {#<td>
                                                                    <a href="{{ path('courses_lesson_show_activities', {
                                                                        'id': keyL,
                                                                        'formation_id': formation_id,
                                                                        'module_id': keyM,
                                                                    }) }}#activite_id_{{ da }}">
                                                                        {% if activites[da].libelle == '' %}
                                                                            <em>Sans titre</em>
                                                                        {% else %}
                                                                            {{ activites[da].libelle }}
                                                                        {% endif %}
                                                                    </a>
                                                                </td>#}
                                                                <td>
                                                                    {% if tabEleveLecon[lecons[keyL].id] is defined %}
                                                                        {% if fmType != 3 or formationsCompl[formation_id] is not defined %}
                                                                            {{ tabEleveLecon[lecons[keyL].id].completude }}%
                                                                        {% else %}
                                                                           Test final
                                                                        {% endif %}
                                                                    {% endif %}
                                                                    {#{% if tentatives[keyM][keyL][da][0] is defined %}
                                                                        {{ tentatives[keyM][keyL][da][0].completude }}%
                                                                    {% endif %}#}
                                                                </td>
                                                                {#<td>
                                                                    {% if tentatives[keyM][keyL][da][0] is defined %}
                                                                        {% if tentatives[keyM][keyL][da][0].etat == "0" %}
                                                                            En cours
                                                                        {% elseif tentatives[keyM][keyL][da][0].etat == "1" %}
                                                                            Validée
                                                                        {% elseif tentatives[keyM][keyL][da][0].etat == "2" %}
                                                                            Correction
                                                                        {% elseif tentatives[keyM][keyL][da][0].etat == "3" %}
                                                                            Corrigée
                                                                        {% endif %}
                                                                    {% endif %}
                                                                </td>#}
                                                                {#<td>
                                                                    {% if tentatives[keyM][keyL][da][0] is defined %}
                                                                        {{ tentatives[keyM][keyL][da][0].note }}
                                                                    {% endif %}
                                                                </td>#}
                                                                <td>
                                                                    {% if tabTempsPasse[lecons[keyL].id] is defined %}
                                                                        {{ tabTempsPasse[lecons[keyL].id]|date('H:i:s', '+00:00 GMT')  }}
                                                                    {% endif %}
                                                                </td>
                                                            </tr>
                                                        {#{% endfor %}#}
                                                    {% endfor %}
                                                {% endfor %}

                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <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.table_formations = $('#table_ma_formation').DataTable({
                "language": {
                    "url": window.DATATABLE_LANG_JSON
                },
                "searching":false,
                "ordering":false,
                "columnDefs": [
                    {
                        targets: '_all',
                        orderable: false,
                        search: 'none',
                    }
                ],
                "columns": [
                    { "width": "50%" },
                    { "width": "50%" },
                    { "width": "20%" },
                    { "width": "20%" }
                ],
                createdRow: function( row, data, dataIndex ) {

                    // navigation au simple clic
                    $(row).on('click', function callbackRowClicked() {
                        var href = $(this).closest('tr').attr('data-href');
                        if(href.trim().length>0){
                            window.location = href;
                        }
                    })
                },
            });

            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({
                    "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 %}