{if $priceRanges.MAXIMUM|default:'' neq $priceRanges.MINIMUM|default:''}
    {assign var="priceRangeEnabled" value="0"}
{/if} 
{if $emiRanges.MAXIMUM|default:'' neq $emiRanges.MINIMUM|default:''}
    {assign var="emiRangeEnabled" value="1"}
{/if} 
{if $priceRangeEnabled|default:'' eq '1'} 
	 <div class="FltrSctn py-2 border-bottom priceRangeDiv">
	{html->anchor caption=$language.lblReset class="clearPriceRange float-right mt-2"}
	<h5 class="expand-clsps font-weight-bold pb-1">
	<span class="openListing"></span>{$language.lblPriceRange}						
	</h5>
	<div class="list-wrap wrap mt-2">

        <p class="font-xsmall font-weight-bold mb-4 pb-2 text-muted d-flex flex-wrap align-items-center"><span class="text-capitalize mr-1">{$language.lblFrom}</span><span class="text-primary mr-1">{$priceRanges.MINIMUM|price}</span><span class="mr-1">{$language.lblTo}</span><span class="text-primary mr-1">{$priceRanges.MAXIMUM|price}</span></p>

	<div class="pricerange-bx">
		<div align="center">
			<!-- {form->textbox name="price-amount" disabled="disabled"} -->
            <div id="price-amount" class="hide"></div>
			{if isset($priceMinQueryString) && $priceMinQueryString }
			{form->hidden refinehead=$language.lblPriceRange name="price-amount-min" value=$priceMinQueryString|floor}
			{else}
			{form->hidden refinehead=$language.lblPriceRange name="price-amount-min" value=$priceRanges.MINIMUM|floor|default:''}
			{/if}
			{if isset($priceMaxQueryString) && $priceMaxQueryString}
			{form->hidden refinehead=$language.lblPriceRange name="price-amount-max" value=$priceMaxQueryString|ceil}
			{else}
			{form->hidden refinehead=$language.lblPriceRange name="price-amount-max" value=$priceRanges.MAXIMUM|ceil|default:''}
			{/if}
		</div>
		<div id="price-range" class="mx-1"></div>
		<div class="d-flex justify-content-between my-4">
            <div id="price-range-min" class="text-muted font-xsmall font-weight-bold "></div>
            <div id="price-range-max" class="text-muted font-xsmall font-weight-bold"></div>
        </div>
	</div>
	</div>
	</div>
	{/if}
	{if $emiRangeEnabled|default:'' eq '1'} 
    <div class="FltrSctn py-2 border-bottom priceRangeDiv"> 
        {html->anchor caption=$language.lblReset class="clearPriceEmiRange float-right mt-2"}
        <h5 class="expand-clsps font-weight-bold pb-1">{$language.lblFinance}</h5>
 <div id="emi-amount" class="hide"></div>
{if isset($emiMinQueryString) && $emiMinQueryString }
			{form->hidden refinehead=$language.lblFinance name="emi-amount-min" value=$emiMinQueryString|floor}
			{else}
			{form->hidden refinehead=$language.lblFinance name="emi-amount-min" value=$emiRanges.MINIMUM|floor|default:''}
			{/if}
			{if isset($emiMaxQueryString) && $emiMaxQueryString}
			{form->hidden refinehead=$language.lblFinance name="emi-amount-max" value=$emiMaxQueryString|ceil}
			{else}
			{form->hidden refinehead=$language.lblFinance name="emi-amount-max" value=$emiRanges.MAXIMUM|ceil|default:''}
			{/if}
        <div class="list-wrap wrap mt-2">
            <p class="font-xsmall font-weight-bold mb-4 pb-2 text-muted d-flex align-items-center flex-wrap"><span class="text-capitalize mr-1">{$language.lblEmiPerMonth}</span><i class="icon-info" data-toggle="tooltip" data-placement="top" title="{$language.lblFinanceEMIinfo}"></i>{*<span class="text-capitalize mr-1">{$language.lblFrom}</span><span class="text-primary mr-1">{$emiRanges.MINIMUM|price}</span><span class="mr-1">{$language.lblTo}</span><span class="text-primary mr-1">{$emiRanges.MAXIMUM|price}</span><i class="icon-info text-muted" data-toggle="tooltip" data-placement="bottom" title="content goes here...."></i>*}</p>
            <div class="pricerange-bx">
                <div id="financerangeslider" class="mx-1"></div>
                <div class="d-flex justify-content-between mt-4">
                    <div id="emi-range-min" class="text-muted font-xsmall font-weight-bold font-family-secondary"></div>
                    <div id="emi-range-max" class="text-muted font-xsmall font-weight-bold font-family-secondary"></div>
                </div>
            </div>
        </div>
    </div>
{/if}
<script type="text/javascript">
    
         {if $priceRanges.MINIMUM|default:'' && $priceRanges.MAXIMUM|default:''}	
         var __priceRangeMin = {$priceRanges.MINIMUM|floor};
         var __priceRangeMax = {$priceRanges.MAXIMUM|ceil};	
         var __priceRangeMinCustom = '';
         var __priceRangeMaxCustom = '';
         {if $priceMinQueryString}
         __priceRangeMinCustom = {$priceMinQueryString};
         {/if}
         {if $priceMaxQueryString}
         __priceRangeMaxCustom = {$priceMaxQueryString};
         {/if}
         {/if}
             
         {if $emiRanges.MINIMUM|default:'' neq '' && $emiRanges.MAXIMUM|default:''}	
         var __emiRangeMin = {$emiRanges.MINIMUM|floor};         
         var __emiRangeMax = {$emiRanges.MAXIMUM|ceil};	
         var __emiRangeMinCustom = '';
         var __emiRangeMaxCustom = '';
         {if $emiMinQueryString}
         __emiRangeMinCustom = {$emiMinQueryString};
         {/if}
         {if $emiMaxQueryString}
         __emiRangeMaxCustom = {$emiMaxQueryString};
         {/if}
         {/if}
</script>