{% extends 'base.html.twig' %}{% block page_contents %}<section class="section section-page-title bg-gradient py-xl-5 py-4" data-aos='fade-down'> <div class="container"> <div class="row"> <div class="col-12 text-center text-white"> <h1 class="page-name font-weight-bold my-2">{% trans %}FAQ : réponses aux questions fréquentes{% endtrans %}</h1> </div> </div> </div></section><section class="section section-faq py-4" data-aos='fade-up'> <div class="container"> <div class="row"> <div class="col-xl-10 mx-auto"> <div id="accordionFaq" class="accordion pb-4"> {% if topics %} {% for i,topic in topics %} {% if topic.faqs %} <div class="group-header font-weight-bold text-purple font-30">{{ topic.title }}</div> {% for j,faq in topic.faqs %} <div class="card cart-{{ faq.id }}"> <div class="card-header {{ i == 0 and j == 0 ? 'active' : '' }}" id="headingFaq{{ faq.id }}"> <h5 class="mb-0"> <button class="btn btn-link" data-toggle="collapse" data-target="#collapseFaq{{ faq.id }}" aria-expanded="true" aria-controls="collaFaq{{ faq.id }}">{{ faq.question }}</button> </h5> </div> <div id="collapseFaq{{ faq.id }}" class="collapse {{ i == 0 and j == 0 ? 'show' : '' }}" aria-labelledby="headingFaq{{ faq.id }}" data-parent="#accordionFaq"> <div class="card-body"> {{ faq.answer|raw }} </div> </div> </div> {% endfor %} {% endif %} {% endfor %} {% endif %} </div> </div> </div> </div></section>{% endblock %}