{{HEAD}}
<div class="container">
	{{HEADER}}
	[[Shop?&get=`breadcrumbs`]]
	<div class="row">
		<div id="filters">
		<form action="" method="post">
			<div class="col-md-3">			
				<div class="panel-group">
					<div class="panel panel-default">
						<div class="panel-heading">
							<h4 class="panel-title">
								<a data-toggle="collapse" data-parent="#accordion" href="#filterPrice">
									<b>[#8#]</b>
								</a>
								<span class="pull-right text-default glyphicon glyphicon-info-sign" title="Price range"></span>
							</h4>
						</div>
						<div id="filterPrice" class="panel-collapse collapse in">
							<div class="panel-body">
								<div class="row">
									<div class="col-md-12">
										<input type="text" id="sliderPrice" class="span2" value="" data-slider-min="[*min*]" data-slider-max="[*max*]" data-slider-step="1" data-slider-value="[[*min*],[*max*]]" data-slider-orientation="horizontal" data-slider-selection="after" data-slider-tooltip="hide">
									</div>
									<br>
									<div class="col-md-6">
										<input type="text" name="price[min]" value="[*min*]" class="form-control">	
									</div>
									<div class="col-md-6">
										<input type="text" name="price[max]" value="[*max*]" class="form-control">
									</div>
								</div>
							</div>
						</div>
					</div>
					<input type="hidden" name="p" value="0">
					[[Shop?&get=`filters`&tplWrap=`tpl_filter_wrap`]]
				</div>
				<br>
				<button class="btn btn-primary form-control"> <b>[#9#]</b></button>
				<br><br>
				<a class="btn btn-danger form-control js_reset_filters" disabled="disabled"><span class="glyphicon glyphicon-remove"></span> <b>[#10#]</b></a>		
		</div>
		<div class="col-md-5 col-md-offset-3 pull-right">
			<table >
				<tr>
					<td>
						<select name="sort[price]" class="nc form-control">
							<option value="-1">--[#11#]--</option>
							<option value="expensive">[#12#]</option>
							<option value="cheap">[#13#]</option>
						</select>
					</td>
					<td>
					</td>					
					<td>
						<select name="sort[status]" class="nc form-control">
							<option value="-1">--[#14#]--</option>
							<option value="1">[#15#]</option>
							<option value="2">[#16#]</option>
							<option value="3">[#17#]</option>
							<option value="4">[#18#]</option>
						</select>
					</td>
					<td>
					</td>
					<td>
						<button class="btn btn-primary form-control"><span class="glyphicon glyphicon-sort"></span></button>
					</td>
				</tr>	
			</table>
		</div>
		</form>
		</div>
		<br>
		<div class="col-md-9 catalog js_catalog">			
			[[Shop?&get=`catalog`&tpl=`tpl_catalog`&limit=`12`]]
		</div>
		<center>
			<div>
				<ul class="pagination js_paginate">
				[[Shop?&get=`paginate`]]
				</ul>
			</div>		
		</center>
	</div>
</div> <!-- /container -->
<script>
	$(document).ready(function(){
		restoreHash();
	})
</script>
{{FOOTER}}