{% if faqs is not empty %} <section id="details"> <div class="container-fluid pt-4 bg-indigo-sombre"> <div class="row "> <div class="col-md-12"> <h2>Détails de la séance</h2> <div class="accordion mt-50 " id="accordionExample"> {% for key, faq in faqs %} <div class="accordion-item"> <h2 class="accordion-header" id="heading{{key}}"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse{{key}}" aria-expanded="false" aria-controls="collapse{{key}}"> {{faq.question|raw}} </button> </h2> <div id="collapse{{key}}" class="accordion-collapse collapse" aria-labelledby="heading{{key}}" data-bs-parent="#accordionExample"> <div class="accordion-body text-start"> <p>{{faq.answer|raw}}</p> </div> </div> </div> {% endfor %} </div> </div> </div> </div> </section>{% endif %}