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

{% block title %}
    {{ parent() }} : Accueil
{% endblock title %}

{% import 'macros.html.twig' as macros %}


{% 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-12 mx-auto mt-2">

                        {# {{ dump(data) }} #}

                        {#
                        /!\ Corrections manuelles déjà apportées /!\
                        Formations : 1054 1055 1062 1063 1064 1065
                        Marie Gabarrus	1096
                        Mélissa GOMIS 900
                        Marie-Lou Baros 1094
                        Catherine Thiercelin  954	
                        Clémence CAZELLE 954
                        
                        
                         onchange="reloadModule(this.value)"
                        #}

                        <div class="form-inline">
                            <b>Cursus</b>&nbsp;<select id="allCursus" onchange="reloadCursus(this.value)" class="form-control">
                                <option value="0">Tous les cursus</option>
                                {% for cursus in allCursus %}
                                    <option value="{{ cursus.id }}" {% if currentCursus == cursus.id %} selected="selected"{% endif %}>{{ cursus.libelle }} - {{ cursus.id }}</option>
                                {% endfor %}
                            </select>&nbsp;&nbsp;&nbsp;

                            <b>Formations</b>&nbsp;<select id="allFormations" onchange="reloadFormation(this.value)" class="form-control">
                                <option value="0">Toutes les formations</option>
                                {% for formation in allFormations %}
                                    <option value="{{ formation.id }}" {% if currentFormation == formation.id %} selected="selected"{% endif %}>{{ formation.designation }} - {{ formation.id }}</option>
                                {% endfor %}
                            </select>&nbsp;&nbsp;&nbsp;

                            <b>Modules</b>&nbsp;<select id="allFormationModule" class="form-control">
                                <option value="0">Tous les modules</option>
                                {% for module in allFormationModule %}
                                    <option value="{{ module.module.id }}" {% if currentModule == module.module.id %} selected="selected"{% endif %}>{{ module.module.libelle }} - {{ module.module.id }}</option>
                                {% endfor %}
                            </select>&nbsp;&nbsp;&nbsp;

                            <button type="button" class="btn btn-success" onclick="loadFormationModule()"><i class="fa fa-check" aria-hidden="true"></i></button>
                            
                            &nbsp;&nbsp;&nbsp;<span class="badge badge-pill badge-dark">{{ allFormationEleves|length }} élèves trouvés</span>
                        </div>
                        <br>
                        <div class="form-inline">
                            <button class="btn btn-warning text-dark correction1">Corriger l'adaptabilité</button>&nbsp;&nbsp;&nbsp;
                            <button class="btn bg-correction2 text-white correction2">Corriger les tentatives</button>&nbsp;&nbsp;&nbsp;
                            <button class="btn bg-info text-dark correction3"><i class="fa fa-bug"></i> Corriger les activités</button>&nbsp;&nbsp;&nbsp;
                            <button class="btn bg-dark text-white correction4"><i class="fa fa-bug"></i> Corriger les leçons</button>&nbsp;&nbsp;&nbsp;
                        </div>

                        <br>
                        
                        {% set totalLessonAnomalie = 0 %}
                        {% set totalActiviteAnomalie = 0 %}

                        {% for idModule, module in data %}
                            <div class="bg-dark text-white text-center p-1">{{ module.libelle }} - {{ idModule }}</div>

                            {% for idEleve, eleve in module.eleves %}
                                {% set nbLessonAnomalie = 0 %}
                                {% set nbActiviteAnomalie = 0 %}
                                <table class="table table-responsive table-hover table-sm ns_fullwidth dataTable no-footer w-100">
                                    <thead>
                                        <tr class="bg-secondary {% if eleve.lessons|length > 0 %} hand {% else %} stop  {% endif %}" data-toggle="collapse" data-target="#eleve_{{ idEleve }}">
                                            <th colspan="2" class="text-left">{{ idEleve }} | {{ eleve.name }}</th>
                                        </tr>
                                    </thead>
                                    {% if eleve.lessons|length > 0 %}
                                
                                        <tbody id="eleve_{{ idEleve }}" class="collapse">
                                            <tr>
                                                <td class="bg-dark" colspan="2">
                                                    <div class="lecon header d-flex justify-content-between p-1 font-weight-bold">
                                                        <div class="text-left item">Id</div>
                                                        <div class="text-left mr-auto">Leçon</div>
                                                        <div class="text-center item">Durée</div>
                                                        <div class="text-center item">Note</div>
                                                        <div class="text-center item">Complétude</div>
                                                    </div>
                                                    {% for idLesson, lesson in eleve.lessons %}
                                                        {# {{ dump(eleve.lessons) }} #}
                                                        {% set lessonBadgeDuree = "" %}
                                                        {% set lessonBadgeNote = "" %}    
                                                        {% set lessonBadgeCompletude = "" %}
                                                        {% set classCorrectionLecon = "" %}


                                                        {# {% if lesson.duree  != lesson.calcul.duree  %} {% set lessonBadgeDuree = "badge badge-warning" %} {% endif %} #}
                                                        {% if lesson.note != lesson.calcul.note|round(0) %} {% set lessonBadgeNote = "badge badge-danger" %} {% endif %}
                                                        {% if lesson.completude != lesson.calcul.completude|round(0) %} {% set lessonBadgeCompletude = "badge badge-danger" %} {% endif %}

                                                        {% if lessonBadgeNote == "badge badge-danger" or lessonBadgeCompletude == "badge badge-danger" %}
                                                            {% set nbLessonAnomalie = nbLessonAnomalie + 1 %}
                                                            {% set classCorrectionLecon = "classCorrectionLecon" %}
                                                        {% endif %}  
                                                        
                                                        <div class="items d-flex justify-content-between p-1 {{ classCorrectionLecon }}" data-eleve-lecon-id="{{ lesson.eleveLeconId }}">
                                                            <div class="text-left item">{{ idLesson }}</div>
                                                            <div class="text-left mr-auto">{{ lesson.name }}</div>
                                                            
                                                            <div class="text-center item"><span class="{{ lessonBadgeDuree }}">
                                                                {{ lesson.duree }}</span> <span class="badge badge-secondary">{{ lesson.calcul.duree  }}</span>
                                                            </div>
                                                            <div class="text-center item noteLecon">
                                                                
                                                                {% if lessonBadgeNote == "badge badge-danger"%}
                                                                    <i class="fa fa-bug"></i>
                                                                {% endif %} 
                                                                <span class="{{ lessonBadgeNote }}">
                                                                {{ lesson.note }}</span> <span class="badge badge-secondary">{{ lesson.calcul.note|round(0) }}</span>
                                                                <button class="btn bg-success btn-sm editData" data-type="note" data-eleve-lecon-id="{{ lesson.eleveLeconId }}" title="Modifier la note de la leçon"><i class="fa fa-pencil" aria-hidden="true"></i></button>
                                                            </div>  
                                                            <div class="text-right item completudeLecon">
                                                                {% if lessonBadgeCompletude == "badge badge-danger" %}
                                                                    <i class="fa fa-bug"></i>
                                                                {% endif %} 
                                                                <span class="{{ lessonBadgeCompletude }}">{{ lesson.completude }} %</span> <span class="badge badge-secondary">{{  lesson.calcul.completude|round(0) }} %</span>
                                                                <button class="btn bg-success btn-sm editData" data-type="completude" data-eleve-lecon-id="{{ lesson.eleveLeconId }}" title="Modifier la complétude de la leçon"><i class="fa fa-pencil" aria-hidden="true"></i></button>
                                                            </div>
                                                        </div>
                                                        <div class="activite bg-info p-1 text-dark">
                                                            <div class="items header d-flex justify-content-between p-1 font-weight-bold">
                                                                <div class="text-left item">Id</div>
                                                                <div class="text-left mr-auto">Activité</div>
                                                                <div class="text-center item">Durée</div>
                                                                <div class="text-center item">Note</div>
                                                                <div class="text-center item">Complétude</div>
                                                            </div>
                                                            {% for ordre, activite in lesson.activites  %}
                                                                {# {{ dump(lesson.activites) }} #}
                                                            
                                                                {% set badgeDuree = "" %}
                                                                {% set badgeNote = "" %}
                                                                {% set badgeCompletude = "" %}
                                                                {% set classCorrectionNoteCompletude = "" %}

                                                                {% set lastTentativeNum = 0 %}
                                                                {% set lastTentativeEtat = 0 %}
                                                                {% for idTentative, tentative in activite.tentatives %}
                                                                    {% set lastTentativeNum = tentative.tentative %}
                                                                    {% set lastTentativeEtat = tentative.etat %}
                                                                {% endfor %} 

                                                                {% if activite.duree == "0" and activite.note =="0" and activite.completude == "0" %} 
                                                                    {% if lastTentativeNum == "0" and lastTentativeEtat == "En cours" %}
                                                                        
                                                                    {% else %}
                                                                        {# {% set badgeDuree = "badge badge-danger" %} #}
                                                                        {% set badgeNote = "badge badge-danger" %} 
                                                                        {% set badgeCompletude = "badge badge-danger" %} 
                                                                    {% endif %}
                                                                {% endif %}                                                           
                                                                
                                                                {% if activite.calcul.note != activite.note  %}
                                                                {# {{ dump(activite.calcul.note)}}
                                                                {{ dump(activite.note )}} #}
                                                                    {% set badgeNote = "badge badge-danger" %} 
                                                                    {% set classCorrectionNoteCompletude = "classCorrectionNoteCompletude" %}
                                                                {% endif %}  

                                                                {% if activite.calcul.completude != activite.completude %}
                                                                    {% set badgeCompletude = "badge badge-danger" %} 
                                                                    {% set classCorrectionNoteCompletude = "classCorrectionNoteCompletude" %}
                                                                {% endif %}  

                                                                {% if badgeNote == "badge badge-danger" or badgeCompletude == "badge badge-danger" %}
                                                                    {% set nbActiviteAnomalie = nbActiviteAnomalie + 1 %}
                                                                {% endif %}  

                                                                
                                                                <div class="items activite d-flex justify-content-between p-1 {{ classCorrectionNoteCompletude }}" data-id-activite="{{ activite.id }}">
                                                                    <div class="text-left item">{{ activite.id }}</div>
                                                                    <div class="text-left mr-auto">{{ activite.name }} {% if activite.adaptablite == 1 %} {% if activite.print_adaptabilite == true %} <span class="badge badge-pill badge-success text-dark"> {% else %} <span class="badge badge-pill badge-warning text-dark">{% endif %} Adaptablité :  {{ activite.notePlancher }} </span>{% endif %}</div>
                                                                    {% if activite.tentatives|length > 0 %}
                                                                        <div class="text-right item"><button type="button" class="btn btn-sm btn-dark addTentative" title="Ajouter une tentative à cette activité" data-eleve-lecon-id="{{ lesson.eleveLeconId }}"><i class="fa fa-plus" aria-hidden="true"></i></button></div>
                                                                    {% endif %}
                                                                    <div class="text-center item"><span class="{{ badgeDuree }}">{{ activite.duree }} / {{activite.duree }}</span></div>
                                                                    <div class="text-center item note">
                                                                        {% if badgeNote == "badge badge-danger" %}
                                                                            <i class="fa fa-bug"></i>
                                                                        {% endif %} 
                                                                        <span class="{{ badgeNote }}">{% if activite.note is empty %} - {% else %}{{ activite.note }}{% endif %}</span>
                                                                        <span class="badge badge-secondary">{% if activite.calcul.note is empty %} - {% else %}{{ activite.calcul.note }}{% endif %}</span>
                                                                       
                                                                    </div>


                                                                    <div class="text-right item completude">
                                                                        {% if  badgeCompletude == "badge badge-danger" %}
                                                                            <i class="fa fa-bug"></i>
                                                                        {% endif %} 
                                                                        <span class="{{ badgeCompletude }}">{{ activite.completude }} %</span>
                                                                        <span class="badge badge-secondary">{{ activite.calcul.completude }} %</span>
                                                                    </div>
                                                                </div>
                                                            
                                                                <div class="tentative bg-light">
                                                                    <div class="items header d-flex justify-content-between p-1 font-weight-bold">
                                                                        <div class="text-left item">Id</div>
                                                                        <div class="text-left mr-auto">Tentative</div>
                                                                        <div class="text-left mr-auto">Création</div>
                                                                        <div class="text-left mr-auto">Modification</div>
                                                                        <div class="text-left mr-auto">Etat</div>
                                                                        <div class="text-center item">Durée</div>
                                                                        <div class="text-center item">Note</div>
                                                                        <div class="text-right item">Complétude</div>
                                                                    </div>

                                                                    {% if activite.tentatives|length > 0 %}
                                                                        {% for idTentative, tentative in activite.tentatives %}
                                                                            {% set classCorrectionAdaptabilite = "" %}
                                                                            {% set classCorrectionActivite = "" %}
                                                                            {% if activite.adaptablite == 1 and tentative.etat == "Validé" and  tentative.duree == "0" and tentative.note is empty and tentative.completude == "0" and lastTentativeNum == "0" and activite.tentatives|length == 1 %} 
                                                                                {% set classCorrectionAdaptabilite = "bg-warning text-dark classCorrectionAdaptabilite" %}
                                                                            {% endif %}  

                                                                            {% if activite.adaptablite == 0 and tentative.etat == "Validé" and  tentative.duree == "0" and tentative.note is empty and tentative.completude == "0" and lastTentativeNum == "0" and activite.tentatives|length == 1 %} 
                                                                                {% set classCorrectionActivite = "bg-correction2 text-white classCorrectionActivite" %}
                                                                            {% endif %}  


                                                                            <div class="items-small d-flex justify-content-between p-1 {{ classCorrectionAdaptabilite }} {{ classCorrectionActivite }}"  data-tentative-id="{{ idTentative }}">
                                                                                <div class="text-left item">{{ idTentative }}</div>
                                                                                <div class="text-left mr-auto">{{ tentative.tentative }}</div>
                                                                                <div class="text-left mr-auto">{{ tentative.dateCreation|date("d/m/Y H:i:s") }}</div>
                                                                                <div class="text-left mr-auto">{{ tentative.dateModification|date("d/m/Y H:i:s") }}</div>
                                                                                <div class="text-left mr-auto">{{ tentative.etat }}</div>
                                                                                <div class="text-center item">{{ tentative.duree }} / {{ tentative.duree }}</div>
                                                                                <div class="text-center item"> {% if tentative.note is empty %} - {% else %}{{ tentative.note }}{% endif %}</div>
                                                                                <div class="text-right item">{{ tentative.completude }} %</div>
                                                                            </div>
                                                                        {% endfor %}
                                                                    {% else %}
                                                                        <div class="items-small d-flex justify-content-center p-1">
                                                                            <div class="text-center item"><i class="fa fa-exclamation-triangle" aria-hidden="true"></i> Pas de tentative</div>
                                                                        </div>
                                                                    {% endif %}
                                                                </div>
                                                            {% endfor %}
                                                        </div>
                                                        
                                                    {% endfor %}
                                                </td>
                                            </tr>      
                                        </tbody>
                                    {% endif %}  
                                    <tfoot>
                                        <tr class="bg-primary text-dark">
                                            {% if eleve.lessons|length > 0 %}
                                                <th>Leçon en anomalie : <span class="{% if nbLessonAnomalie > 0 %} badge badge-danger {% endif %}">{{ nbLessonAnomalie }}</span></th>
                                                <th>Activité en anomalie : <span class="{% if nbActiviteAnomalie > 0 %} badge badge-danger {% endif %}">{{ nbActiviteAnomalie }}</span></th>
                                            {% else %}  
                                                <th coslpan="2">Pas de tentative</th>
                                            {% endif %}  
                                        </tr>
                                    </tfoot>
                                </table>
                                {% set totalLessonAnomalie = totalLessonAnomalie + nbLessonAnomalie %}
                                {% set totalActiviteAnomalie = totalActiviteAnomalie + nbActiviteAnomalie %} 
                            
                            {% endfor %}
                        {% endfor %}

                        Total leçon en anomalie : <span class="{% if totalLessonAnomalie > 0 %} badge badge-danger {% endif %}">{{ totalLessonAnomalie }}</span><br>
                        Total activité en anomalie : <span class="{% if totalActiviteAnomalie > 0 %} badge badge-danger {% endif %}">{{ totalActiviteAnomalie }}</span>
                        <br> 


                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<style>
    .bg-correction2{
        background-color: #e04e00 !important;
    }
    .hand{
        cursor:pointer;
    }
    .stop{
        cursor:not-allowed;
    }
    .item{
        margin-left:10px;
        margin-right:10px;
        width:125px;
    }
    .header {
        border-bottom:1px solid #2f353a;

    }
    .header div {
        height:30px;
    }
    .items div{
        height:30px;
    }

    .items-small div{
        height:18px;
    }
    
    .table{
        display:table;
    }
    thead, tbody, table, tr{
        width:100%;
    }
    .smlInput{
        width: 30px;
        height: 22px;
        border: none;
    }
    
</style>



{% endblock body %}


{% block javascripts %}
<script>
    function reloadCursus(value){
        window.location = "{{ app.request.getBaseUrl() }}{{ app.request.getPathInfo() }}?cursus="+value
    }

    function reloadFormation(value){
        window.location = "{{ app.request.getBaseUrl() }}{{ app.request.getPathInfo() }}?cursus={{ currentCursus }}&formation="+value
    }

    function reloadModule(value){
        window.location = "{{ app.request.getBaseUrl() }}{{ app.request.getPathInfo() }}?cursus={{ currentCursus }}&formation={{ currentFormation }}&module="+value
    }

    function loadFormationModule(){
        window.location = "{{ app.request.getBaseUrl() }}{{ app.request.getPathInfo() }}?cursus={{ currentCursus }}&formation="+$('#allFormations').val()+"&module="+$('#allFormationModule').val()
    }

    function correctionOneGlobale(tentative){
        return  $.post("{{ path('courses_debug_correction_globale') }}", { tentative : tentative })
    }   

    function correction3Globale(send){
        return  $.post("{{ path('courses_debug_correction_activite_notecompletude') }}", send)
    }

    function correction4Globale(send){
        return $.get("{{ path('courses_debug_correction_lesson_data') }}", send)
    }

    $(function() {

        // Correction globale adaptabilité
        $(document).on('click', '.correction1', function(){
            if(confirm("Etes-vous sûr(e) ?")){
                showLoader()
                
                let promises = [];
                $(document).find('.classCorrectionAdaptabilite').each(function(i, v){
                        
                    let p = correctionOneGlobale($(v).data('tentative-id'))
                    promises.push(p);  // On récupère une promesse de chaque requète                  
                })

                // Quand toutes les requète Ajax sont terminées, on recharge la page
                $.when.apply($, promises).then(function() {
                    window.location.reload()
                }) 
            }
        })

        // Correction globale activité standard
        $(document).on('click', '.correction2', function(){
            if(confirm("Etes-vous sûr(e) ?")){
                showLoader()
                
                let promises = [];
                $(document).find('.classCorrectionActivite').each(function(i, v){
                    let p = correctionOneGlobale($(v).data('tentative-id'))
                    promises.push(p);  // On récupère une promesse de chaque requète                  
                })

                // Quand toutes les requètes Ajax sont terminées, on recharge la page
                $.when.apply($, promises).then(function() {
                    window.location.reload()
                }) 
            }
        })

        // Les 2 onclick ci-dessus font la même chose mais sur 2 classes différentes afin de dissocier les 2 traitements, notamment car ils sont longs.

        $(document).on('click', '.correction3', function(){ 
            if(confirm("Etes-vous sûr(e) ?")){
                showLoader()

                let promises = [];
                $(document).find('.classCorrectionNoteCompletude').each(function(i, v){
                
                    let send = {
                        lastTentative: $(v).next('.tentative').children().last().children().first().html(),
                        idActivite: $(v).data('id-activite')
                    }
                
                    let p = correction3Globale(send)
                    promises.push(p);  // On récupère une promesse de chaque requète                  
                })

                // Quand toutes les requètes Ajax sont terminées, on recharge la page
                $.when.apply($, promises).then(function() {
                    window.location.reload()
                }) 
            }
        })

        $(document).on('click', '.correction4', function(){ 
            if(confirm("Etes-vous sûr(e) ?")){
                showLoader()
                
                let promises = [];
                $(document).find('.classCorrectionLecon').each(function(i, v){  
                   
                    send = {
                        eleveLesson : $(v).data('eleve-lecon-id'),
                        type: 'note',
                        value : $(v).children('.noteLecon').children('.badge').last().html().trim()
                    }
                   
                    p = correction4Globale(send)
                    promises.push(p);  

                    send = {
                        eleveLesson : $(v).data('eleve-lecon-id'),
                        type: 'completude',
                        value : $(v).children('.completudeLecon').children('.badge').last().html().replace('%','').trim()
                    }

                   
                    p = correction4Globale(send)
                    promises.push(p);  

              
                })

                // Quand toutes les requètes Ajax sont terminées, on recharge la page
                $.when.apply($, promises).then(function() {
                    window.location.reload()
                }) 
            }
        })

        // Corrections précises des notes et complétudes des leçons
        $(document).on('click', '.editData', function(){ 
            $(this).parent().html('<input type="text" class="smlInput" value="'+$(this).parent().children()[1].innerHTML.replace("%", "")+'" data-type="'+$(this).data('type')+'" data-eleve-lecon-id="'+$(this).data('eleve-lecon-id')+'">&nbsp;<button class="btn bg-light btn-sm writeData" title="Enregistrer"><i class="fa fa-floppy-o"></i></button>')
        })

        $(document).on('click', '.writeData', function(){ 
            let $btn = $(this)
            let send = {
                    eleveLesson : $(this).siblings().data('eleve-lecon-id'),
                    type: $(this).siblings().data('type'),
                    value : $(this).siblings().val()
                }
            $.get("{{ path('courses_debug_correction_lesson_data') }}", send, function( data ) {
                if(data.message=="0"){
                    $btn.parent().html('<span class="badge badge-success text-dark">'+send.value+'</span>')
                }
            })
        })

        // Ajout des tentatives
        $(document).on('click', '.addTentative', function(){ 
            let btn = $(this)
            let note = 0
            let completude = 0
            let nb = 0;
            $.each($("div[data-eleve-lecon-id='"+btn.data("eleve-lecon-id")+"']").next('.activite').find('.items:not(.header)'), function(i,v){
                note += parseInt($(v).find('.note span').html())
                completude += parseInt($(v).find('.completude span').html().replace('%',''))
                nb++
            })
            
            note = Math.round((note + 100) / nb)
            completude = Math.round((completude + 100) / nb)

            let send = {
                lastTentative : btn.parents(':eq(1)').next('.tentative').children().last().children().first().html(),
                eleveLeconId : btn.data("eleve-lecon-id"),
                note : note,
                completude : completude
            }

            $.get("{{ path('courses_debug_correction_add_tentative') }}", send, function( data ) {

                html = '<div class="items-small d-flex justify-content-between text-dark p-1 bg-success" data-tentative-id="'+data.id+'"><div class="text-left item">'+data.id+'</div><div class="text-left mr-auto">'+data.tentative+'</div><div class="text-left mr-auto">'+data.dateCreation+'</div><div class="text-left mr-auto">'+data.dateModification+'</div><div class="text-left mr-auto">'+data.etat+'</div><div class="text-center item">'+data.duree+'</div><div class="text-center item">'+data.note+'</div><div class="text-right item">'+data.completude+' %</div></div>'
                btn.parents(':eq(1)').next('.tentative').append(html)
                
                $("div[data-eleve-lecon-id='"+btn.data("eleve-lecon-id")+"']").find('.noteLecon').html('<span class="badge badge-success text-dark">'+data.calcul.leconNote+'</span>')
                $("div[data-eleve-lecon-id='"+btn.data("eleve-lecon-id")+"']").find('.completudeLecon').html('<span class="badge badge-success text-dark">'+data.calcul.leconCompletude+' %</span>')
                btn.parents(':eq(1)').next('.tentative').find('.classCorrectionActivite').removeClass('classCorrectionActivite bg-correction2').addClass('text-dark')
            })
            
        })
       

    });
</script>
{% endblock %}