<li class="filter-wrapper" id="{{ 'filter-' ~ filter.code }}">
    {% set currentValue = app.request.query.get( filter.code ) %}
    {% set minValue = (currentValue['min'] is defined) ? currentValue['min'] : filter.min %}
    {% set maxValue = (currentValue['max'] is defined) ? currentValue['max'] : filter.max %}

    <div class="collapse-wrapper">
        <button class="collapse-header title-label active" type="button" data-collapse="collapse-{{ 'filter-' ~ filter.code }}">
            {{ filter.label | trans }}
        </button>

        <div id="collapse-{{ 'filter-' ~ filter.code }}" class="collapse-panel active">
            <div class="collapse-body filter-price-wrapper">
                <label for="{{ 'filter-' ~ filter.code ~ '-' ~ 'min'}}">
                    {{ filter.minLabel | trans }}
                    <div class="input-group">
                        <input type="number" class="form-control" aria-label="{{ filter.minLabel | trans }}" id="{{ 'filter-' ~ filter.code ~ '-' ~ 'min'}}" name="{{ filter.code ~ '[min]'}}" value="{{ minValue }}">
                        <div class="input-group-append">
                            <span class="input-group-text">{{ moneySymbol }}</span>
                        </div>
                    </div>
                </label>

                <label for="{{ 'filter-' ~ filter.code ~ '-' ~ 'max'}}">
                    {{ filter.maxLabel | trans }}
                    <div class="input-group">
                        <input type="number" class="form-control" aria-label="{{ filter.maxLabel | trans }}" id="{{ 'filter-' ~ filter.code ~ '-' ~ 'max'}}" name="{{ filter.code ~ '[max]'}}" value="{{ maxValue }}">
                        <div class="input-group-append">
                            <span class="input-group-text">{{ moneySymbol }}</span>
                        </div>
                    </div>
                </label>
            </div>
        </div>
    </div>
</li>
