{% extends '/front/layout.html.twig' %}
{% trans_default_domain 'app' %}
{% block contenu %}
{{ parent() }}
{% if environnements is defined and regions is defined and villes is defined and filtres %}
<div id="searchBar" class="gris-noir" style="">
<nav class="container">
<div class="container recherche clear">
<div class="flex-item">
<select name="environnement" data-filter="environnement" class="selectpicker filter filter_environnement">
<option disabled selected>{{ 'promos.environnement.placeholder'| trans({}, 'form') }}</option>
{% for key, value in environnements %}
<option value="{{ key }}">{{ value }}</option>
{% endfor %}
</select>
</div>
<div class="flex-item">
<select name="region" data-filter="region" class="selectpicker filter filter_region">
<option disabled selected>{{ 'promos.region.placeholder'| trans({}, 'form') }}</option>
{% for key, value in regions %}
<option value="{{ key }}">{{ value }}</option>
{% endfor %}
</select>
</div>
<div class="flex-item">
<select name="ville" data-filter="ville" class="selectpicker filter filter_ville">
<option disabled selected>{{ 'promos.ville.placeholder'| trans({}, 'form') }}</option>
{% for key, value in villes %}
<option value="{{ key }}">{{ value }}</option>
{% endfor %}
</select>
</div>
<div class="flex-item-double">
<div class="btn-group recherche_btn" role="group">
<button name="reset" class="btn btn-default btn-lg btrecherche">{{ 'promos.reset.label'| trans({}, 'form') }}</button>
</div>
</div>
</div>
</nav>
{% endif %}
</div>
<div class="container padding-off margin-contenu">
<h1><span class="beige1 orange3-txt">{{ title | raw }}</span></h1>
<div class="sous-titre-page-hp">
{{ description | raw }}
</div>
{% include "/front/Promos/liste.html.twig" %}
</div>
{% endblock %}