<div class="priceRangeWrap">



    <div class="row">

        {#
        {% if settings.FILTER_PRICE_SLIDER %}
            <div class="priceslider-range">
                Range: {{ currency_data.symbol|raw }} {{ prices.price_min * currency_data.ratio }}
                to {{ currency_data.symbol|raw }} {{ prices.price_max * currency_data.ratio}}
            </div>
        {% endif %}
        #}

        {% if prices.result_price_min is not empty %}
            <input type="hidden" id="filter_price_min_range" value="{{ prices.result_price_min }}" />
        {% else %}
            <input type="hidden" id="filter_price_min_range" value="0" />
        {% endif %}

        {% if prices.result_price_max is not empty %}
            <input type="hidden" id="filter_price_max_range" value="{{ prices.result_price_max }}" />
        {% else %}
            <input type="hidden" id="filter_price_max_range" value="200" />
        {% endif %}



        <input type="hidden" id="filter_current_url" value="{{ prices.current_url }}" />
        <input type="hidden" id="filter_currency_ratio" value="{{ currency_data.ratio }}" />

        {# {{ currency_data.symbol|raw }} %}#}


        {# Should feed in min_val based on min product price #}
        {# Should feed in max_val based on min product price #}
        {% include '/shop/browse/range_slider.twig' with {
            min_val: prices.result_price_min,
            max_val: prices.result_price_max,
            current_min_value: prices.price_min,
            current_max_value: prices.price_max
        } %}

        <div class="buttonWrap updateFilterWrapper">
            <button id="updateFilter" type="button" class="button buttonOutlined">Update Filter</button>
        </div> <!-- .buttonWrap -->

        <input type="hidden"
            class="text fprice"
            id="filter_price_min"
            name="price_min"
            {%  if prices.price_min_foreign_currency is empty %}
                value="{{ prices.price_min }}"
            {% else %}
                value="{{ prices.price_min_foreign_currency | round(2, 'floor') }}"
            {%  endif %}
        />


        <input type="hidden"
            class="text fprice"
            id="filter_price_max"
            name="price_max"
            {%  if prices.price_max_foreign_currency is empty %}
                value="{{ prices.price_max }}"
            {% else %}
                value="{{ prices.price_max_foreign_currency | round(2, 'floor') }}"
            {%  endif %}
        />

    </div>

</div> <!-- .priceRangeWrap -->
