{% extends 'main/main_base.html.twig' %}


{% set page_title = "pages.faq.title"|trans %}
{% block title %}{{ page_title }}{% endblock %}

{% block stylesheets %}

{% endblock %}
{% block body %}

    {% set fields = [{'name':page_title}] %}
    {% include 'main/common/_header.html.twig' %}




    <div class="page-content pb-0">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="mt-2 mb-3">

                        {% set staticTexts = getStaticTexts({'alias':'faq'}) %}
                        {% if staticTexts|length > 0 %}
                            <div class="accordion accordion-rounded faq-accordion" id="accordion-1">
                                {% for i,staticText in staticTexts %}
                                    <div class="card card-box card-sm bg-light">
                                        <div class="card-header" id="heading-{{ i }}">
                                            <h2 class="card-title">
                                                <a role="button" class="{{ i != 0 ? 'collapsed' }}" data-toggle="collapse" href="#collapse-{{ i }}" aria-expanded="{{ i == 0 ? 'true' : 'false' }}" aria-controls="collapse-1">
                                                    {{ staticText.title1|default }}
                                                </a>
                                            </h2>
                                        </div><!-- End .card-header -->
                                        <div id="collapse-{{ i }}" class="collapse {{ i == 0 ? 'show' }}" aria-labelledby="heading-{{ i }}" data-parent="#accordion-1">
                                            <div class="card-body">
                                                {{ staticText.description|default }}

                                            </div><!-- End .card-body -->
                                        </div><!-- End .collapse -->
                                    </div><!-- End .card -->

                                {% endfor %}
                            </div>


                        {% endif %}




                    </div><!-- End .about-text -->
                </div><!-- End .col-lg-10 offset-1 -->
            </div>
        </div>


    </div><!-- End .page-content -->

{% endblock %}


{% block javascripts %}


{% endblock %}