{# appelé par la liste des leçons #}
{# % extends 'base.html.twig' %

{% block title %}{{parent()}}: Liste des modules{% endblock %}
 #}

{# TODO: définir en BDD ou en config.yml>parameters #}
{% set counter = 1 %}

{% set afficher = true %}
{% if EleveActivite is not null %}
    {% set afficher = EleveActivite.afficher %}
{% endif %}

{# {% if afficher == true %} #}
    <div class="activityContent" data-adaptabilite="{% if leconActivite is not null %}{{ leconActivite.adaptabilite }}{% endif %}">
        {#<em class="mx-3 msgDispo" {% if leconActivite.adaptabilite == false %}style="display:none"{% endif %}>Non disponible pour le moment.</em>#}
        <div class="contentDispo" {#{% if leconActivite.adaptabilite == true %}style="display:none"{% endif %}#}>
            {% set activite_validable = false %} {# par défaut, une activité n'est pas validable : vide ou que des composants de décoration #}
            {% set nb_activite_question_ouverte = 0 %}
            {% set nb_activite_non_interactive = 0 %}
            {% for lien_activite_composant in liens_activite_composants %}

                {% set composant = lien_activite_composant.exercice %}

                {% if composant.type.id == 1 or composant.type.id == 2 or composant.type.id == 3 or composant.type.id == 4 or composant.type.id == 5 %}
                    {% set activite_validable = true %} {# il suffit d'un exercice pour que ce soit validable #}
                {% endif %}

                {% set accroche_precedant = false %}
                {% if not loop.first %}
                    {% set lien_activite_composant_precedant = liens_activite_composants[(loop.index0-1)] %}
                    {% set precedant_permet_accroche = lien_activite_composant_precedant.exercice.type.accrochable %}
                    {% set composant_veut_accroche = lien_activite_composant.accroche %}
                    {% set accroche_precedant = (precedant_permet_accroche and composant_veut_accroche) %}
                {% endif %}

                {% if not accroche_precedant %}
                    {# celui-ci est déjà appelé par exercice#show_inner du précédant #}

                {# ancre cachée, décalée en CSS pour ne pas être coincé and on navigue depuis "mon parcours" #}
                <div class="ancre_cachee" id="composant_id_{{ activite.id }}_{{ composant.id }}"></div>
                {# prefix: index leçon et index activite #}
                <div class="composant_{{ prefix }}_{{ counter }} composant rounded {% if composant.type.id == 13 %}p-3 transcriptComp mb-md-4{% else %}px-md-3 py-md-3 px-1 py-3{% endif %}"
                    data-index="{{ counter }}"
                    data-pointeur="composant_id_{{ activite.id }}_{{ composant.id }}"
                    data-ordre="{{ counter }}"
                    data-id="{{ composant.id }}"
                    data-type="{{ composant.type.libelle }}"
                    data-type-id="{{ composant.type.id }}">
                    {#<div class="header d-flex align-items-center">
                        <h1 title="Composant #{{ composant.id }} de type #{{ composant.type.id }}">
                            {#{{ composant.type.logohtml|raw }}# }
                        {% if composant.titre %}
                            {{ composant.titre }}
                        {% else %}
                            <em>sans titre</em>
                        {% endif %}
                        </h1>
                    </div>#}
                    {% if composant.type.id == 13 %}
                        <span class="transcript_info">Cliquez sur ce transcript pour en voir le contenu</span>
                    {% endif %}
                    {# BLOCK CONSIGNE ICI #}

                    {% if composant.type.id == 5 %}
                        {% set nb_activite_question_ouverte = nb_activite_question_ouverte + 1 %}
                    {% endif %}


                    {% if composant.type.id > 5 %}
                        {% set nb_activite_non_interactive = nb_activite_non_interactive + 1 %}
                    {% endif %}

                    {#<div class="content mt-md-3 ml-md-4 mt-1 ml-2">#}
                        {% if eleve_tentative.etat is defined %}
                            {% if eleve_tentative.etat != 0 %}
                                {% set cacher_submit_individuel = true %}
                                {% set param_readonly = true %} {# désactiver les exercices d'une activité déjà validée #}
                            {% endif %}
                        {% endif %}
                        {{ render(controller(
                            'CoursesBundle:Exercice:show', {
                                'id': composant.id,
                                'formation_id': formation_id,
                                'module_id': module_id,
                                'lecon_id': lecon_id,
                                'activite_id': activite_id,
                                'prefix': prefix ~ "_" ~ counter,
                                'counter': counter,
                                'counter_activite': counter_activite,
                                'render_inner': true,
                                'with_session_reponse': with_session_reponse,
                                'cacher_submit_individuel': cacher_submit_individuel,
                                'param_readonly': param_readonly,
                                'vue_prof' : false
                            } ))
                        }}
                        {# envoie ce nouveau prefixe au composant: peut-être utile pour association #}
                    {#</div>#}
                </div>
                <hr/>
                {% endif %} {# fin test si déjà généré dans composant précédant #}

                {% set counter = counter + 1 %}


            {% endfor %}

            {% if formation_id != 0 %} {# sinon aperçu: ne pas mettre les boutons#}

                {% set attr_submit_activite = '' %}
                {% set attr_valide_activite = '' %}
                {% set attr_correc_activite = '' %}
                {% set attr_retry_activite = '' %}
                {% set explication = '' %}
            <div class="nav justify-content-center mt-md-3 mt-2 row">

                {% if eleve_tentative.etat is defined %}
                    {% if (not activite_validable) %} {# si activité vide ou remplie que de décos: #}
                        {% set attr_submit_activite = ' hidden="hidden" disabled="disabled" ' %}
                        {% set attr_valide_activite = ' hidden="hidden" disabled="disabled" ' %}
                        {% set attr_correc_activite = ' hidden="hidden" disabled="disabled" ' %}
                        {% set attr_retry_activite  = ' hidden="hidden" disabled="disabled" ' %}

                    {% elseif (eleve_tentative.etat==0) %} {# assert: not lecon_terminee #}
                        {# à valider par élève #}
                        {% set attr_submit_activite = '' %}
                        {% set attr_valide_activite = ' hidden="hidden" disabled="disabled" ' %}
                        {% set attr_correc_activite = ' hidden="hidden" ' %}
                        {% set attr_retry_activite  = ' hidden="hidden" ' %}
                        {# pas d'explication: cas par défaut (ou après avoir demander à recommencer) #}

                    {% elseif eleve_tentative.etat==1  %} {# déjà validée par élève#}
                        {% set attr_submit_activite = ' hidden="hidden" ' %}
                        {% set attr_valide_activite = ' disabled="disabled" ' %}
                        {% set attr_correc_activite = '' %}
                        {% set attr_retry_activite  = '' %}
                        {% set explication = 'Activité déjà validée' %}

                    {% elseif eleve_tentative.etat==2 %} {# élève a vu correction #}
                        {% set attr_submit_activite = ' hidden="hidden" disabled="disabled" ' %}
                        {% set attr_valide_activite = ' disabled="disabled" ' %}
                        {% set attr_correc_activite = '' %} {# permettre de remontrer correction #}
                        {% set attr_retry_activite  = ' disabled="disabled" ' %}
                        {% set explication = 'Correction déjà révélée' %}

                    {% elseif eleve_tentative.etat==3 %} {# corrigé par prof #}
                        {% set attr_submit_activite = ' hidden="hidden" disabled="disabled"' %}
                        {% set attr_valide_activite = ' disabled="disabled"' %}
                        {% set attr_correc_activite = '' %} {# permettre de remontrer correction #}
                        {% set attr_retry_activite  = ' disabled="disabled"' %}
                        {% set explication = 'Activité corrigée par votre professeur' %}

                    {% else %}
                        <h1>err: état inconnu id: {{ eleve_tentative.etat }}</h1>
                    {% endif %}
                {% endif %}

                {% set nom_activite_decore = '' %}
                {% if activite.libelle != '' %}
                    {% set nom_activite_decore = ' "' ~ activite.libelle ~ '" ' %}
                {% endif %}

                <button type="button"
                        class="activite_submit btn btn-block btn-success active w-auto mt-1"
                        title="{{ explication }}"
                        {{ attr_submit_activite }}
                >
                    <i class="fa fa-files-o fa-lg mr-md-2 mr-1" aria-hidden="true"></i>Valider l&apos;activité{{ nom_activite_decore }}
                </button>

                <input type="button" class="activite_validee btn btn-block tn-outline-success active mt-0 mx-2 col mt-1"
                        {{ attr_valide_activite }}
                        title="{{ explication }}"
                        value="Activité validée !" />
                
                {% if module_lecon.retry == true %}
                    {% set disabled_retry = '' %}

                    {% if nb_activite_question_ouverte == (counter - 1 - nb_activite_non_interactive)  %}
                        {% set disabled_retry = 'disabled' %}
                    {% endif %}

                    <input type="button" {{ disabled_retry }} class="activite_retry btn btn-block btn-success active w-auto my-0 mx-2 mt-1"
                        onclick="recommencerActivite({{ activite.id }});"
                        title="{{ explication }}"
                        value="Recommencer" {{ attr_retry_activite }} />
                {% endif %}

                <input type="button" class="activite_correction btn btn-block btn-outline-dark w-auto my-0 mx-2 mt-1"
                        value="correction" {{ attr_correc_activite }}
                        title="{{ explication }}"
                        onclick="getActiviteConfirmCorrections({{ activite.id }})"/>
            </div>
            {% endif %}
        </div>
    </div>
    <script>
        // $(function () {
            // console.log("{{ activite_id }}");
            // let nbQo = $('div.activite[data-id="{{ activite_id }}"] textarea.reponse_open_question').length
            // let nbExo = $('div.activite[data-id="{{ activite_id }}"] .composant').length
            // if(nbQo > 0){
            //     let pasvide = 0
            //     $.each($('div.activite[data-id="{{ activite_id }}"] textarea.reponse_open_question'), function(i, v){
            //         if($(v).length > 0){
            //             pasvide++
            //         }
            //     })

            //     console.log(nbExo, nbQo, pasvide);
            //     if(pasvide < nbQo){
            //         $('div.activite[data-id="{{ activite_id }}"] .activite_retry').prop('disabled', true)
            //     }
            // }
        // })
    </script>
{# {% endif %} #}