{% if showKeywordFilter or showTownFilter or showDateFilter %}
<div>
<div class="row">
{% if showTownFilter %}
<div class="col-md-4">
{{ include("@ElementsDemiFrontend/Infrastructure/filter/filter-parts/towns.html.twig", {
"labelText" : 'demi.infrastructure.filter.label.town' | trans,
"placeholder" : 'demi.infrastructure.filter.search-placeholder' | trans
}) }}
</div>
{% endif %}
{% if showKeywordFilter %}
<div class="col-md-4">
{{ include("@ElementsDemiFrontend/Infrastructure/filter/filter-parts/keyword.html.twig", {
"labelText" : 'demi.infrastructure.filter.label.keyword' | trans
}) }}
</div>
{% endif %}
{% if showDateFilter %}
<div class="col-md-4">
{{ include("@ElementsDemiFrontend/Infrastructure/filter/filter-parts/datepicker.html.twig", {
"inputlabel" : 'demi.infrastructure.filter.headline.dates' | trans,
"inputname" : 'date[]'
}) }}
</div>
{% endif %}
</div>
<div class="row">
<div class="col-md-4 offset-md-4">
{{ include("@ElementsDemiFrontend/Infrastructure/filter/filter-parts/filterbutton.html.twig", {
"buttonText" : 'demi.infrastructure.filter-to' | trans
}) }}
</div>
</div>
<div class="row">
<div class="col-md-4 offset-md-4">
{{ include('@ElementsDemiFrontend/Infrastructure/filter/filter-parts/reset-filters.html.twig',{
'buttonText' : 'demi.infrastructure.filter.button.reset-filters' | trans
}) }}
</div>
</div>
</div>
{% endif %}