{{#heading}}<div class="heading small">{{heading}}</div>{{/heading}}
<div class="filters-list">
	{{#filters.checkboxes}}
		{{#options.length}}
			<div class="product-filter-wrap border">
				<div data-id="filter-{{name}}" class="product-filter-expand flex flex-a-c">
					<div class="flex-1 flex flex-a-c"><span class="name text-ellipsis">{{title}}</span><span class="count"></span></div>
					<div class="btn-collapse"><i class="material-icons"></i></div>
				</div>
				<div class="product-filter-options-wrap">
					<div class="product-filter-options fancy-scrollbar" name="{{name}}">
						{{#options}}
							<div class="filter-option">
								<input data-parent="filter-{{name}}" class="hide" id="{{value}}-{{randId}}-{{name}}" type="checkbox" name="{{name}}" value="{{value}}">
								<label class="flex flex-a-c" for="{{value}}-{{randId}}-{{name}}"><i class="material-icons"></i><span>{{text}}</span></label>
							</div>
						{{/options}}
					</div>
				</div>
			</div>
		{{/options.length}}
	{{/filters.checkboxes}}
	{{#filters.dropdowns}}
		{{#options.length}}
			<div class="product-filter-wrap filter-{{name}}">
				<div class="filter-header">{{title}}</div>
				<select class="dropdown border" name="{{name}}">
					{{#options}}
						<option selected value="{{value}}">{{text}}</option>
					{{/options}}
				</select>
			</div>
		{{/options.length}}
	{{/filters.dropdowns}}
	{{#filters.sliders}}
		<div class="product-filter-wrap slider-wrapper">
			<div class="filter-header">{{name}}</div>
			<div class="flex flex-a-c ui-slider-wrap">
				<span class="progress left"></span>
				<div class="flex-1" id="{{randId}}-slider-range" data-name="{{name}}" data-values="{{values}}" data-keys="{{keys}}">
					
					<div class="custom-handle-from flex flex-a-c flex-j-c ui-slider-handle ui-slider-handle-left">

					</div>
					<div class="custom-handle-to flex flex-a-c flex-j-c ui-slider-handle ui-slider-handle-right">
						
					</div>
					
				</div>
				<span class="progress right"></span>
			</div>
		</div>
	{{/filters.sliders}}
	<div class="product-filter-wrap btns-wrap flex flex-a-c">
		<div class="filter-reset btn btn-outline flex-1">Clear filters</div>
		<div class="btn primary-btn update-filters flex-1">UPDATE</div>
	</div>
</div>