{% set isSearch = isSearch is defined ? isSearch : false %}
{% if demi_core_configuration('getSortingStars',[]) or demi_core_configuration('getSortingRatingAverage',[]) or demi_core_configuration('getSortingPrice',[]) %}
{% set filterTexte = [] %}
{% set paramName = "sorting" %}
<li class="mb-3">
<button class="form-box form-box--collapsible collapsed"
type="button"
data-toggle="collapse"
data-target="#{{ isSearch ? "additional-search" : "filter" }}-overlay-sort"
aria-expanded="false"
aria-controls="{{ isSearch ? "additional-search" : "filter" }}-overlay-sort">
<span class="form-box__label">{{ "demi.sort.sort-by"|trans }}</span>
<span class="form-box__content {{ isSearch ? "js-additional-search-overlay" : "js-filter-form" }}__group-label"
data-filter-name="sorting"
data-default-text="{{ "demi.sort.no-sorting"|trans }}">
{{ "demi.sort.no-sorting"|trans }}
</span>
<span class="demi-icon demi-icon-chevron-down form-box__icon" aria-label="{{ "demi.sort.open"|trans }}"></span>
</button>
<section id="{{ isSearch ? "additional-search" : "filter" }}-overlay-sort"
aria-expanded="false"
class="collapse js-collapse-in-viewport">
<div class="form-box__detail p-3">
<ul class="list-unstyled">
<li class="mb-2">
{{ include('@ElementsDemiFrontend/Includes/elements/buttons/toggle-button.html.twig', {
'text': "demi.sort.no-sorting"|trans,
'type': 'radio',
'name': paramName,
'additionalContent': true,
'styleModifier': 'js-additional-search-overlay__default-input js-filter-form__default-input ',
'value': '',
'checked': true,
'icon': '',
'isBlock': true
}) }}
</li>
{% if demi_core_configuration("getSortingStars",[]) %}
<li class="mb-2">
{{ include('@ElementsDemiFrontend/Includes/elements/buttons/toggle-button.html.twig', {
'text': "demi.sort.stars"|trans ~ " " ~ "demi.sort.asc"|trans,
'type': 'radio',
'name': paramName,
'additionalContent': true,
'value': 'starsAsc',
'checked': false,
'icon': 'sort-asc',
'styleModifier': 'js-additional-search-overlay__default-input js-filter-form__default-input mb-2 ',
'isBlock': true
}) }}
{% set filterTexte = filterTexte|merge({
'name': paramName ,
'value': 'starsAsc',
'text': "demi.sort.stars"|trans ~ " " ~ "demi.sort.asc"|trans
}) %}
</li>
<li class="mb-2">
{{ include('@ElementsDemiFrontend/Includes/elements/buttons/toggle-button.html.twig', {
'text': "demi.sort.stars"|trans ~ " " ~ "demi.sort.desc"|trans,
'type': 'radio',
'name': paramName,
'additionalContent': true,
'value': 'starsDesc',
'checked': false,
'icon': 'sort-desc',
'styleModifier': 'js-additional-search-overlay__default-input js-filter-form__default-input mb-2 ',
'isBlock': true
}) }}
{% set filterTexte = filterTexte|merge({
'name': paramName ,
'value': 'starsDesc',
'text': "demi.sort.stars"|trans ~ " " ~ "demi.sort.desc"|trans
}) %}
</li>
{% endif %}
{% if demi_core_configuration("getSortingRatingAverage",[]) %}
<li class="mb-2">
{{ include('@ElementsDemiFrontend/Includes/elements/buttons/toggle-button.html.twig', {
'text': "demi.sort.rating"|trans ~ " " ~ "demi.sort.asc"|trans,
'type': 'radio',
'name': paramName,
'additionalContent': true,
'value': 'ratingAverageAsc',
'checked': false,
'icon': 'sort-asc',
'styleModifier': 'js-additional-search-overlay__default-input js-filter-form__default-input mb-2 ',
'isBlock': true
}) }}
{% set filterTexte = filterTexte|merge({
'name': paramName ,
'value': 'ratingAverageAsc',
'text': "demi.sort.rating"|trans ~ " " ~ "demi.sort.asc"|trans
}) %}
</li>
<li class="mb-2">
{{ include('@ElementsDemiFrontend/Includes/elements/buttons/toggle-button.html.twig', {
'text': "demi.sort.rating"|trans ~ " " ~ "demi.sort.desc"|trans,
'type': 'radio',
'name': paramName,
'additionalContent': true,
'value': 'ratingAverageDesc',
'checked': false,
'icon': 'sort-desc',
'styleModifier': 'js-additional-search-overlay__default-input js-filter-form__default-input mb-2 ',
'isBlock': true
}) }}
{% set filterTexte = filterTexte|merge({
'name': paramName ,
'value': 'ratingAverageDesc',
'text': "demi.sort.rating"|trans ~ " " ~ "demi.sort.desc"|trans
}) %}
</li>
{% endif %}
{% if demi_core_configuration("getSortingPrice",[]) %}
<li class="mb-2">
{{ include('@ElementsDemiFrontend/Includes/elements/buttons/toggle-button.html.twig', {
'text': "demi.sort.price"|trans ~ " " ~ "demi.sort.asc"|trans,
'type': 'radio',
'name': paramName,
'additionalContent': true,
'value': 'priceAsc',
'checked': false,
'icon': 'sort-asc',
'styleModifier': 'js-additional-search-overlay__default-input js-filter-form__default-input mb-2 ',
'isBlock': true
}) }}
{% set filterTexte = filterTexte|merge({
'name': paramName ,
'value': 'priceAsc',
'text': "demi.sort.price"|trans ~ " " ~ "demi.sort.asc"|trans
}) %}
</li>
<li class="mb-2">
{{ include('@ElementsDemiFrontend/Includes/elements/buttons/toggle-button.html.twig', {
'text': "demi.sort.price"|trans ~ " " ~ "demi.sort.desc"|trans,
'type': 'radio',
'name': paramName,
'additionalContent': true,
'value': 'priceDesc',
'checked': false,
'icon': 'sort-desc',
'styleModifier': 'js-additional-search-overlay__default-input js-filter-form__default-input',
'isBlock': true
}) }}
{% set filterTexte = filterTexte|merge({
'name': paramName ,
'value': 'priceDesc',
'text': "demi.sort.price"|trans ~ " " ~ "demi.sort.desc"|trans
}) %}
</li>
{% endif %}
<li class="js-nearby-search__sorting" hidden>
{{ include('@ElementsDemiFrontend/Includes/elements/buttons/toggle-button.html.twig', {
'text': 'demi.sort.distance'|trans,
'type': 'radio',
'name': paramName,
'additionalContent': true,
'value': 'nearbySearchAsc',
'checked': false,
'icon': 'marker',
'styleModifier': 'js-additional-search-overlay__default-input js-filter-form__default-input',
'isBlock': true
}) }}
{% set filterTexte = filterTexte|merge({
'name': paramName ,
'value': 'nearbySearchAsc',
'text': 'demi.sort.distance'|trans
}) %}
</li>
</ul>
</div>
</section>
</li>
{% endif %}
<script type="text/javascript" data-cookieconsent="ignore">
_filterTexte = window['_filterTexte'] || [];
_filterTexte.push.apply(_filterTexte, {{ filterTexte|json_encode|raw }} );
</script>