{% extends 'frontend/common/index.html.twig' %}
{% block title %}{{ title }}{% endblock %}
{% block body %}
{% include('frontend/common/widgets/header.html.twig') %}
<div class="breadcrumbs">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-md-6 col-12">
<div class="breadcrumbs-content">
<h1 class="page-title">{{ pageTitle }}</h1>
</div>
</div>
<div class="col-lg-6 col-md-6 col-12">
<ul class="breadcrumb-nav">
{% for key, value in breadcrumb %}
<li><a href="{{ value[1] }}">{{ value[0] }}</a></li>
{% endfor %}
</ul>
</div>
</div>
</div>
</div>
<section class="faq section">
<div class="container">
<div class="row">
<div class="col-12">
<div class="accordion" id='accordionExample'>
{% for faq in faqs %}
<div class="accordion-item">
<h2 class="accordion-header" id="heading{{ faq.getId() }}">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse{{ faq.getId() }}" aria-expanded="false" aria-controls="collapseOne">
<span>{{ faq.getTitle() }}</span><i class="lni lni-plus"></i>
</button>
</h2>
<div id="collapse{{ faq.getId() }}" class="accordion-collapse collapse" aria-labelledby="heading{{ faq.getId() }}" data-bs-parent="#accordionExample" style="">
<div class="accordion-body">
{{ faq.getDescription() }}
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</section>
{% include('frontend/common/widgets/footer.html.twig') %}
{% endblock %}