{% extends "base.html.twig" %}
{% block content %}
{% include "fragments/_banner.html.twig" %}
{% if content.article %}
<div class="container-fluid intro dark">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 mb-3 p-5">
{{ content.article|raw }}
</div>
</div>
</div>
</div>
{% endif %}
<div class="container ssssss" id="faq-list">
{% for faq_theme in sulu_navigation_tree(uuid) %}
{% set faq_theme_content = sulu_content_load(faq_theme.uuid) %}
{% set faq_theme_cpt = loop.index %}
<div class="row my-4">
<div class="col-12">
<h2 class="mb-3 fs-4 text-danger">{{ faq_theme_content.content.title }}</h2>
{% for faq in faq_theme_content.content.blocks %}
<div class="card mb-1">
<div class="card-header" id="headingOne">
<h5 class="mb-0">
<button class="btn" data-bs-toggle="collapse" data-bs-target="#faq_{{ faq_theme_cpt~'_'~loop.index }}" aria-expanded="true" aria-controls="collapseOne">
{{ faq.question }}
</button>
</h5>
</div>
<div id="faq_{{ faq_theme_cpt~'_'~loop.index }}" class="collapse" aria-labelledby="headingOne" data-bs-parent="#faq-list">
<div class="card-body">
{{ faq.reponse|raw }}
</div>
</div>
</div>
{% endfor %}
</div>
</div>
{% endfor %}
</div>
{% endblock %}