{# dans appelé par module/settings #}
{% set id_container = 'listeActivite' ~ activite.id %}
<div id="{{ id_container }}"
     class="{{ id_container }} list-group listComposants"
     data-url="{{ path('courses_activite_list_composant', {'id': activite.id}) }}"
     data-origin-url="{{ path('courses_activite_list_composant', {'id': '_id_activity_'}) }}"
     data-order="{{ path('courses_activite_composant_order_update', {'id': activite.id}) }}"
     data-origin-order="{{ path('courses_activite_composant_order_update', {'id': '_id_activity_'}) }}">
    <ul class="sortable-composants activity-opened">
        {% for activite_exercice in exercices %} {# exercices: en fait c'est une collection de ActiviteExercice #}
            {% set exercice = activite_exercice.exercice %}
            <li style="cursor:grab;"
                class="composant composant{{ loop.index }} list-group-item connected-exercice"
                data-id-liaison="{{ activite_exercice.id }}"
                data-id-composant="{{ exercice.id }}"
                data-index="{{ loop.index }}">
                <div class="elementComposant">
                    {% if exercice.active == 0 %}
                        <i class="fa fa-ban fa-lg mb-2" aria-hidden="true"></i>
                    {% endif %}
                    {{ exercice.type.logohtml|raw }}
                    <h6 class="my-1">Composant n°{{ exercice.id }} - {{ exercice.titre }}</h6>

                    <i class="fa fa-book fa-lg nbActiviteParent" aria-hidden="true" style="cursor:pointer"></i>
                    <i class="fa fa-pencil-square-o fa-lg editComposant" aria-hidden="true" data-href="{{ path('courses_popin_edit_composant', {'id': exercice.id}) }}" data-title="Édition de composant"></i>
                    <a href="{{ path('courses_composant_show',{
                        'id': exercice.id,
                        'render_inner':'0',
                        'cacher_submit_individuel': true,
                        'param_readonly': false,
                    })|raw }}" target="_blank" class="apercuComposant">
                        <i class="fa fa-eye fa-lg apercuSettings m-0"></i>
                    </a>
                    {# FONCTIONNALITE DESACTIVEE
                    {% set type_exercice = exercice.type %}
                    {% if type_exercice.id == 12 %} { # seules images peuvent être accrochées à un autre composant # }
                        {% set logo_accroche = 'fa-pause' %}
                        {% set titre_accroche = 'pas accroché. Cliquez pour accrocher' %}
                        {% if activite_exercice.accroche %}
                            {% set logo_accroche = 'fa-eject' %}
                            {% set titre_accroche = 'accroché. Cliquez pour décrocher' %}
                        {% endif %}
                        <i onclick="accrocheComposant(this);" title="{{ titre_accroche }}"
                            data-url="{{ path('courses_activiteexercice_accroche', {'id': activite_exercice.id}) }}"
                            class="fa {{ logo_accroche }} fa-lg accrocheComposant"></i>
                    {% endif %} { # fin si image # }
                    #}
                    <i id="removeEx{{ activite_exercice.id }}"
                       onclick="removeComposant(this);"
                       data-url="{{ path('lesson_remove_composant', {'id': activite_exercice.id}) }}"
                       class="fa fa-trash-o fa-lg removeComposant removeIconComposant"></i>
                </div>
            </li>
        {% endfor %}
    </ul>

</div>