{% extends 'base.html.twig' %}{% block page_title %} {{ 'storefront.title'|resolve|striptags }} | FAQ{% endblock %}{% block head_custom_stylesheets %} {{ encore_entry_link_tags('accordion') }}{% endblock head_custom_stylesheets %}{% block content %} <div class="container-3xl my-5"> <div class="row"> <div class="col-6"> <h1 class="ornament-with-child">{{ 'faq.page.headline'|resolve }}</h1> {{ 'faq.page.description'|resolve }} </div> </div> </div> <div class="container-3xl my-5"> <div class="row"> <div class="accordion accordion-flush" id="faqAccordion"> {% for faq in tenant.faqs %} <div class="accordion-item"> <h2 class="accordion-header" id="faq-{{ faq.id }}"> <button class="d-flex align-items-center accordion-button icon collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-{{ faq.id }}" aria-expanded="false" aria-controls="collapse-{{ faq.id }}"> {# <span class="fs-4 m-0 accordion-header-text">{{ faq.question }}</span> #} {{ faq.question }} </button> </h2> <div id="collapse-{{ faq.id }}" class="accordion-collapse collapse" aria-labelledby="faq-{{ faq.id }}" data-bs-parent="#faqAccordion"> <div class="accordion-body"> {{ faq.answer|raw }} </div> </div> </div> {% endfor %} </div> </div> </div>{% endblock %}