{% extends 'layout/base.html.twig' %}

{% block title %}Arctriservices{% endblock %}

{% block body %}
    <section class="faq__cover">
        <!-- <div class="faq__cover_text">
            <h3>FAQ</h3>
            <span>Foire aux questions</span>
        </div> -->
        <div class="faq__cover_img-box">
            <div class="faq__cover_img faq__cover_img_1">
                <img src="{{ asset('img/Foire_aux_questions.png') }}" alt="">
            </div>

            <div class="faq__cover_img faq__cover_img_2">
                <img src="{{ asset('img/arctri_mascotte.png') }}" alt="">
            </div>

            <div class="faq__cover_img faq__cover_img_3">
                <img src="{{ asset('img/question_cube.png') }}" alt="">
            </div>
        </div>

    </section>
    <div class="faq__body">
        <div class="ep-accordion-container">
        {% if data is not empty %}
            {% for faq in data %}
                {% include "components/_faqComponent.html.twig" %}
            {% endfor %}
        {% else %}
            <div class="unavailable">
                <p>Aucune FAQ n'a été trouvée.</p>
            </div>
        {% endif %}
    </div>

    <div class="ep-pagination">
    </div>


{% endblock %}