{% extends 'front/page.html.twig' %}
{% trans_default_domain 'front' %}
{% import "front/_shared/macros.html.twig" as macro %}
{% block body_class %}{{ parent() }} {% endblock %}
{% block meta_title %}{{ page.metaTitle }}{% endblock %}
{% block meta_description %}{{ page.metaDescription }}{% endblock %}
{% block header_class %}dark-header{% endblock %}
{% block header_content %}{% endblock %}
{% block page_content %}
<div id="page-content" class="container">
<div class="row">
<div class="col-md-8">
<div class="page-header text-left">
<h1>Foire Aux <span>Questions</span></h1>
<p class="intro">Les principales questions que vous vous posez trouveront leur réponse ici. Si vous avez besoin de plus d’informations, <a href="{{ path('front_page_contact') }}">contactez-nous ici</a>.</p>
</div>
<div id="faq">
{% for qa in faq %}
<div class="question-anwer">
<div class="question collapsed" data-toggle="collapse" data-target="#qa-{{ qa.id }}">
<h6 class="m-0 font-weight-bold">{{ qa.question }}</h6>
<i class="fa arrow fa-chevron-down"></i>
</div>
<div id="qa-{{ qa.id }}" class="collapse answer">
<div class="body">
{{ qa.answer|raw }}
</div>
</div>
</div>
{% endfor %}
</div>
</div>
<div class="col-md-4 illustration-container">
<img class="illustration d-none d-sm-block" src="{{ asset('build/images/pages/faq.jpg') }}" alt="">
<img class="illustration d-sm-none" src="{{ asset('build/images/pages/faq_mobile.jpg') }}" alt="">
</div>
</div>
</div>
{% endblock %}
{% block stylesheets %}
{{ parent() }}
{{ encore_entry_link_tags('page-faq') }}
{% endblock %}