<?xml version="1.0"?>
<t name="Filter by Prices" t-name="website_sale.filter_products_price">
        <t t-set="is_disabled" t-value="available_min_price == available_max_price"/>
        <div id="o_wsale_price_range_option" t-attf-class="position-relative {{_classes}} {{is_disabled and 'opacity-75 pe-none user-select-none'}}">
            <t t-if="is_sidebar_collapsible">
                <div class="accordion-item">
                    <h6 class="accordion-header">
                        <button class="accordion-button px-0 bg-transparent shadow-none" type="button" data-bs-toggle="collapse" t-attf-data-bs-target="#o_wsale_price_range_option_inner" t-attf-aria-controls="o_wsale_price_range_option_inner" aria-expanded="true">
                            <b>Price Range</b>
                        </button>
                    </h6>
                    <div id="o_wsale_price_range_option_inner" class="accordion-collapse collapse show">
                        <input type="range" multiple="multiple" t-attf-class="form-range range-with-input {{_classes_input}}" t-att-data-currency="website.currency_id.symbol" t-att-data-currency-position="website.currency_id.position" t-att-data-url="keep(min_price=0, max_price=0)" t-att-step="website.currency_id.rounding" t-att-min="'%f' % (available_min_price)" t-att-max="'%f' % (available_max_price)" t-att-value="'%f,%f' % (min_price, max_price)"/>
                    </div>
                </div>
            </t>
            <t t-else="">
                <label t-attf-class="h6 m-0 {{_classes_title}}">
                    <b>Price Range</b>
                </label>
                <input type="range" multiple="multiple" t-attf-class="form-range range-with-input {{_classes_input}}" t-att-data-currency="website.currency_id.symbol" t-att-data-currency-position="website.currency_id.position" t-att-data-url="keep(min_price=0, max_price=0)" t-att-step="website.currency_id.rounding" t-att-min="'%f' % (available_min_price)" t-att-max="'%f' % (available_max_price)" t-att-value="'%f,%f' % (min_price, max_price)"/>
            </t>
        </div>
    </t>

    