{# dans appelé par groupe/settings #}
<div id="listGroupes{{ horaire.id }}"
     class="listGroupes{{ horaire.id }} list-group listGroupes"
     data-order="{{ path('horaire_order_groupe', {'id': horaire.id}) }}"
     >
    <ul class="sortable-groupes activity-opened">

            {% if horaire.groupes|length > 0 %}
                {# {% for groupe in horaire.groupes|sort((a, b) => a.ordre <=> b.ordre) %}  #}
                {% for groupe in horaire.groupes %} 
                    <li class="groupe groupe{{ groupe.ordre}} list-group-item connected-groupe"
                        data-id-liaison="{{ groupe.id }}"
                        data-id-groupe="{{ groupe.id }}"
                        data-index="{{ groupe.ordre }}"
                        data-ordre="{{ groupe.ordre }}"
                        >
                        <div class="elementModule">
                            
                            <h6 class="my-1"> Groupe n°{{ groupe.groupe.id }} - {{ groupe.libelle }}</h6>

                            <i id="removeEx{{ groupe.id }}"
                            onclick="removeGroupe(this);"
                            data-url="{{ path('horaire_remove_groupe', {'id': groupe.id}) }}"
                            class="fa fa-trash-o fa-lg removeModule removeIconModule"></i>
                        </div>
                    </li>
                {% endfor %}
            {% endif %}
            
    </ul>
</div>