{% extends 'front/layout.html.twig' %}
{% block googleTagManagerDataLayer %}
{% include 'google_tag.html.twig' with {'titlePage':'FAQ Detail','categoryPage':'help and advice','navigation_category1':'Aide & conseils','navigation_category2':'','navigation_category3':'' } %}
{% endblock %}
{% block body %}
{% include 'front/header.html.twig' %}
<div class="row_top_artb row_top_artb-these" style="padding: 4vw 0;">
<div class="maxw_artb row">
<div class="col-12">
<h2 style=" margin: 0 auto;max-width: 730px;">{{ "Comment pouvons-nous vous aider ?"|trans }}</h2>
<div class="" style=" margin: 0 auto;max-width: 600px;padding-top: 20px;">
<form method="post" action="{{ path('faq_category') }}">
<div class="input_cherche_faq">
<input type="text" id="" value="" name="inputChercheFaq" class="for_velo " placeholder="{{ "Chercher des réponses ..."|trans }}" style="background-image: url({{ asset('images/icon_loupe.jpeg') }})">
</div>
</form>
</div>
</div>
</div>
</div>
<div class="container-fluid part4 gif_img concept">
<div class="ml-5 space-top-medium">
<div class="vc_row wpb_row vc_row-fluid">
<div class="wpb_column vc_column_container vc_col-sm-9">
<div class="vc_column-inner ">
<div class="wpb_wrapper">
<div class="vc_empty_space" style="height: 45px"><span class="vc_empty_space_inner"></span></div>
{% for item in questions %}
<div class="vc_toggle vc_toggle_default vc_toggle_color_default vc_toggle_size_md{% if item.id == 44 or item.id == 43 %} vc_toggle_active {% endif %}">
<div class="vc_toggle_title">
<h4>{{ item.titre|trans }}</h4>
<i class="vc_toggle_icon"></i>
</div>
<div class="vc_toggle_content" style="{% if item.id == 42 or item.id == 3 %}display: block; {% endif %}">
{{ item.description|trans |raw }}
</div>
</div>
{% else %}
<p> {{ "Aucune question"|trans }}</p>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
</div>
{% include 'front/footer.html.twig' %}
{% endblock %}