{% set startDate = app.request.get('from') ? elements_customDateFormat(app.request.get('from')) : carbon().now %}
{% set endDate = app.request.get('to') ? elements_customDateFormat(app.request.get('to')) : dateEnd %}
<div class="demi-additionalservice__filterbox mb-4 mt-5">
<div class="row justify-content-center js-datepicker-range">
{% if not pimcore_checkbox('hide-datepicker-filter').checked() %}
<div class="col-md-6 col">
{{ include("@ElementsDemiFrontend/AdditionalService/filter/filter-parts/datepicker.html.twig", {
"date" : dateBegin,
"datepickerLabel" : "start",
"inputname" : "from",
"styleModifier":"js-datepicker-range__from",
"inputlabel" : 'demi.additionalservice.filter.from' | trans
}) }}
</div>
<div class="col-md-6 col">
{{ include("@ElementsDemiFrontend/AdditionalService/filter/filter-parts/datepicker.html.twig", {
"date" : dateEnd,
"datepickerLabel" : "end",
"inputname" : "to",
"styleModifier":"js-datepicker-range__to",
"inputlabel" : 'demi.additionalservice.filter.to' | trans
}) }}
</div>
{% endif %}
{% if pimcore_checkbox('show-keyword-filter').isChecked() %}
<div class="col-md-6 col">
{{ include("@ElementsDemiFrontend/AdditionalService/filter/filter-parts/keyword.html.twig", {
"labelText" : 'demi.additionalservice.filter.search' | trans,
"placeholder" : ''
}) }}
</div>
{% endif %}
{% if pimcore_checkbox('show-category-filter').isChecked() %}
<div class="col-md-6">
{{ include('@ElementsDemiFrontend/AdditionalService/filter/filter-parts/theme-select.html.twig', {
"labeltext" : 'demi.additionalservice.filter.topic' | trans,
"placeholderText" : 'demi.additionalservice.filter.topicplaceholder' | trans
}) }}
</div>
{% endif %}
{% if pimcore_checkbox('show-region-filter').isChecked() %}
<div class="col-md-6">
{{ include('@ElementsDemiFrontend/AdditionalService/filter/filter-parts/region-select.html.twig', {
"labeltext" : 'demi.additionalservice.filter.regions' | trans,
"placeholderText" : 'demi.additionalservice.filter.regionplaceholder' | trans
}) }}
</div>
{% endif %}
{% if pimcore_checkbox('show-servicetype-filter').isChecked() %}
<div class="col-md-6">
{{ include('@ElementsDemiFrontend/AdditionalService/filter/filter-parts/serviceType-select.html.twig', {
"labeltext" : 'demi.additionalservice.filter.serviceType' | trans,
"placeholderText" : 'demi.additionalservice.filter.serviceTypeplaceholder' | trans
}) }}
</div>
{% endif %}
</div>
<div class="text-center">
{{ include("@ElementsDemiFrontend/AdditionalService/filter/filter-parts/filterbutton.html.twig", {
"buttonText" : 'demi.additionalservice.filter.show-results' | trans
}) }}
<div class="mt-2">
{{ include("@ElementsDemiFrontend/AdditionalService/filter/filter-parts/reset-filters.html.twig", {
"buttonText" : 'demi.additionalservice.filter.button.reset-filters' | trans
}) }}
</div>
</div>
</div>