{% for key, trafficLawsCourse in coursesProgressionArray %}
    <div class="accordion bg-content-second-bg shadow-sm bloc-radius" id="trafficLawsCourse{{ trafficLawsCourse['course'].id }}">
        <div class="accordion-item my-2 bloc-radius">
            <h2 class="accordion-header" id="traffic-laws-theme-{{ trafficLawsCourse['course'].id }}">
                <button class="accordion-button collapsed bloc-radius" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-traffic-laws-theme-{{ trafficLawsCourse['course'].id }}" aria-expanded="false" aria-controls="collapse-traffic-laws-theme-{{ trafficLawsCourse['course'].id }}">
                    <p class="mb-0 w-100 d-flex flex-wrap" style="justify-content: space-between">
                        <span class="{% if trafficLawsCourse['finishedInCourseCount'] == trafficLawsCourse['course'].getCountTrafficLawsChapters %}  bloc-title-ellipsis text-decoration-line-through mx-2 {% else %} bloc-title-ellipsis mx-2 {% endif %}">
                            {{ trafficLawsCourse['course'] }}
                        </span>
                        <span>
                            <label>{{ trafficLawsCourse['course'].getCountTrafficLawsChapters}} {% if trafficLawsCourse['course'].getCountTrafficLawsChapters > 1 %} Chapitres {% else %} Chapitre {% endif%}<label>
                        </span>
                    </p>
                </button>
            </h2>
            <div id="collapse-traffic-laws-theme-{{ trafficLawsCourse['course'].id }}" class="accordion-collapse collapse" aria-labelledby="traffic-laws-theme-{{ trafficLawsCourse['course'].id }}" data-bs-parent="#trafficLawsCourse{{ trafficLawsCourse['course'].id }}">
                <div class="accordion-body">
                   <h5>Contenu de la leçon<span class="mx-2"> {{ trafficLawsCourse['finishedInCourseCount'] }} / {{ trafficLawsCourse['course'].getCountTrafficLawsChapters }}</span></h5>
            		{{ include('traffic_laws_module/student/includes/chapters_collapses.html.twig') }}                    
                </div>
            </div>
        </div>
    </div>

{% endfor %}