{# { dump(parcours) } #}
{# MAYDO: accordéon ? #}

{% for iter_module in parcours %}
    <h2 class="mb-3">
        {{ iter_module.module.libelle }}
    </h2>

    <ul id="monParcours" class="monParcours" data-path-calcul="{{ path('courses_activite_adaptabilite_calcul') }}">
        {% for iter_lecon in iter_module.lecons %}
            {% set current_lecon = true %}
            {% set prefix_href= '' %} {# lien interne, pour ne pas perdre le contenu des form #}
            {% if iter_lecon.lecon.id != lecon.id %}
                {% set current_lecon = false %}
                {% set prefix_href= path('courses_lesson_show_activities', {'id': iter_lecon.lecon.id,
                    'formation_id': formation_id,
                    'module_id': iter_module.module.id,
                    'duree': duree
                }) %}
            {% endif %}
            <li class="infosLecon">
                <div class="my-2 d-flex align-items-center">
                    <i class="fa fa-folder-o" aria-hidden="true"></i>
                    <a href="{{ prefix_href|raw }}#lecon_id_{{ iter_lecon.id }}"
                       title="[ordre:{{ iter_lecon.ordre}}] L#{{ iter_lecon.id }}"
                       class="libelleLecon mx-2"
                       style="color:#6b7381;"
                       data-lecon-id="{{ iter_lecon.id }}"
                    >
                        {% if current_lecon %}<b>{% endif %}
                            {{ iter_lecon.lecon.libelle }}
                        {% if current_lecon %}</b>{% endif %}
                    </a>

                    {% set completude = 0 %}
                    {% if (not iter_lecon.completude is null) and (not iter_lecon.completude is empty) %}
                        {% set completude = iter_lecon.completude %}
                    {% endif %}

                    <span class="badge badge-dark" style="color:white;">{{ completude }}%</span>
                </div>
                <hr>
                <ul>
                    {% for iter_activite in iter_lecon.activites %}
                        <li id="activite_{{ iter_activite.activite.id }}" class="infosActivite" data-activite-id="{{ iter_activite.activite.id }}">
                            <div class="my-2 d-flex align-items-center">
                                <i class="fa fa-files-o" aria-hidden="true" style="color:#f86c6b;"></i>
                                <a href="{{ prefix_href|raw }}#activite_id_{{ iter_activite.activite.id }}"
                                   title="[ordre:{{ iter_activite.ordre}}] A#{{ iter_activite.activite.id }}"
                                   class="mx-1"
                                   style="color:#f86c6b;"
                                >
                                    {% if iter_activite.activite.libelle %}
                                        {{ iter_activite.activite.libelle }}
                                    {% else %}
                                        <em>sans titre</em>
                                    {% endif %}
                                </a>

                                {% set completude = 0 %}
                                {% if (not iter_activite.completude is null) and (not iter_activite.completude is empty) %}
                                    {% set completude = iter_activite.completude %}
                                {% endif %}
                                <span class="badge badge-danger completudeActivite" style="color:white;">{{ completude }}%</span>

                                {% set note = 0 %}
                                {% if (not iter_activite.note is null) and (not iter_activite.note is empty) %}
                                    {% set note = iter_activite.note %}
                                {% endif %}
                                <span class="badge badge-danger ml-auto noteActivite" style="color:white;">{{ note }}/100</span>
                            </div>
                            <ul class="parcoursComposants">
                                {% for iter_composant in iter_activite.composants %}
                                    {% set type_id = iter_composant.composant.type.id %}
                                    {# points grammaire/vocabulaire et transcript doivent être ouverts en popin (même si de cette leçon) #}
                                    {% set link_to_popin = ((type_id == 6) or (type_id == 7) or (type_id == 13) )%}

                                    {% set cle_composant = 'composant_id_' ~ iter_activite.activite.id ~ '_' ~ iter_composant.composant.id %}
                                    {% set est_exo = (type_id == 1) or (type_id == 2) or (type_id == 3) or (type_id == 4) or (type_id == 5) %}

                                    <li class="my-1 d-flex align-items-center col-12 p-0">
                                        {% if link_to_popin %}
                                            {# popin montrant que celui-ci, sans doctype #}
                                            <span class="flag col-2 px-auto d-flex">
                                                {{ iter_composant.composant.type.logohtml|raw }}
                                            </span>
                                            <div data-href="{{ path('courses_composant_show', {
                                                'formation_id': formation_id,
                                                'module_id': iter_module.module.id,
                                                'lecon_id': iter_lecon.lecon.id,
                                                'activite_id': iter_activite.activite.id,
                                                'id':iter_composant.composant.id,
                                                'prefix':'',
                                                'activite_id':iter_activite.activite.id,
                                                'render_inner' : true
                                            })|raw }}"
                                                 class="btn btn-outline-info popin col-8 p-0"
                                                 data-title="{{ iter_composant.composant.type.libelle }}"
                                                 title="{{ iter_composant.composant.type.libelle }}">
                                                {{ iter_composant.composant.type.libelle }}
                                            </div>
                                        {% else %}
                                            {# composant de lecon en cours: remonte note ou indique si à faire #}

                                            {% set note_affichee = null %}
                                            {% if (iter_composant.denominateur != 0 ) %}
                                                {% set note_affichee = ((100*iter_composant.numerateur/iter_composant.denominateur) |round |number_format ) ~ '/100' %}

                                            {% else %}
                                                {% set note_affichee = iter_composant.note %}
                                                {% if (note_affichee == '0') %}
                                                    {% set note_affichee = null %}
                                                {% endif %}
                                            {% endif %}

                                            {% set class_progression = '' %}
                                            {% if (iter_composant.effectue) %}
                                                {% set class_progression = 'colorsucces' %}
                                            {% endif %}

                                            <div class="exercice d-flex align-items-center col-12 p-0 {{ class_progression }}">
                                                <span class="flag col-2 px-auto d-flex mr-1">
                                                    {{ iter_composant.composant.type.logohtml|raw }}
                                                </span>
                                                <a href="{{ prefix_href|raw }}#{{ cle_composant }}"
                                                   name="{{ cle_composant }}"
                                                   class="col-8 p-0"
                                                   title="{{ iter_composant.composant.type.libelle }}"
                                                >
                                                    {{ iter_composant.composant.type.libelle }}
                                                </a>
                                                {% if (note_affichee is null) %}
                                                    <span class="badge badge-success ml-auto" hidden="hidden" style="color:white;">NaN</span>
                                                {% else %}
                                                    <span class="badge badge-success ml-auto">{{ note_affichee }}</span>
                                                {% endif %}
                                            </div>
                                        {% endif %}
                                    </li>
                                {% endfor %}
                            </ul><hr>
                        </li>
                    {% endfor %}
                </ul>
            </li>
        {% endfor %}
    </ul>
{% endfor %}

<input type="hidden"
       id="session_start"
       value="{{ "now"|date("Y-m-d H:i:s") }}" />

{# mesure le temps passé en secondes, RAZ à chaque soumission d'exercice #}
<input type="hidden"
       id="session_duree"
       value="{{ duree }}" />