{{ header }}
<div id="product-search" class="container">
	<ul class="breadcrumb">
		{% for breadcrumb in breadcrumbs %}
			<li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
		{% endfor %}
	</ul>	
		<div class="row">{{ column_left }}
			{% if column_left and column_right %}
				{% set class = 'col-sm-6' %}
			{% elseif column_left or column_right %}
				{% set class = 'col-sm-9' %}
			{% else %}
				{% set class = 'col-sm-12' %}
			{% endif %}
			<div id="content" class="{{ class }}">{{ content_top }}
				<h2 class="page_title">{{ heading_title }}</h2>
				{% if products %}
				<div class="cat_info">
					<div class="row">		
						<div class="col-sm-2 col-xs-5 cat_list_gird">
							<div class="btn-group btn-group-sm">
								<button type="button" id="grid-view" class="btn btn-default" data-toggle="tooltip" title="{{ button_grid }}"><i class="icon-grid"></i></button>
								<button type="button" id="list-view" class="btn btn-default" data-toggle="tooltip" title="{{ button_list }}"><i class="icon-list"></i></button>
							</div>
						</div>			   
						<div class="col-sm-3 col-xs-6 com-total">
							<a href="{{ compare }}" id="compare-total" class="btn btn-link">{{ text_compare }}</a>
						</div>
						<div class="col-sm-7 col-xs-12 cat-pagination-right">
							<div class="cat-sort">
								<div class="text-right show-text clearfix">
									<label class="control-label text_sort" for="input-sort">{{ text_sort }}</label>
								</div>
								<div class="text-right show-select clearfix">
									<div class="select-filter-sort">
										<select id="input-sort" class="form-control sort-order" onchange="location = this.value;">
											{% for sorts in sorts %}
											{% if sorts.value == '%s-%s'|format(sort, order) %}
											<option value="{{ sorts.href }}" selected="selected">{{ sorts.text }}</option>
											{% else %}
											<option value="{{ sorts.href }}">{{ sorts.text }}</option>
											{% endif %}
											{% endfor %}
										</select>
									</div>
								</div>
							</div>
							<div class="cat-show">
								<div class="text-right show-text clearfix">
									<label class="control-label text_limit" for="input-limit">{{ text_limit }}</label>
								</div>
								<div class="text-right show-select clearfix">
									<div class="select-filter-show">
										<select id="input-limit" class="form-control limits-text" onchange="location = this.value;">
											{% for limits in limits %}
											{% if limits.value == limit %}
											<option value="{{ limits.href }}" selected="selected">{{ limits.text }}</option>
											{% else %}
											<option value="{{ limits.href }}">{{ limits.text }}</option>
											{% endif %}
											{% endfor %}
										</select>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="row category-row"> 
					{% for product in products %}
						<div class="product-layout product-list col-xs-12">
							<div class="product-thumb">
								<div class="image">
									{% if product.thumb_swap %}
										<a href="{{ product.href }}">
											<img src="{{ product.thumb }}" alt="{{ product.name }}" title="{{ product.name }}" class="img-responsive" />
											<img class="img-responsive hover-img" src="{{ product.thumb_swap }}" title="{{ product.name }}" alt="{{ product.name }}"/>
										</a>
									{% else %}
										<a href="{{ product.href }}"><img src="{{ product.thumb }}" alt="{{ product.name }}" title="{{ product.name }}" class="img-responsive" /></a>
									{% endif %}
									{% if  product.special %}
										<div class="sale-text"><span class="section-sale">-{{ product.percent }}%</span></div>
									{% endif %}
									<div class="button-group">
										<button type="button" class="wishlist" data-toggle="tooltip" title="{{ button_wishlist }}" onclick="wishlist.add('{{ product.product_id }}');"><i class="icon-heart"></i></button>
										<button type="button" data-toggle="tooltip" class="quickview-button" title="{{ button_quickview }}" onclick="quickView.ajaxView('?route=product/quickview&product_id={{ product.product_id }}');"><i class="icon-eye"></i></button>
										<button type="button" class="compare" data-toggle="tooltip" title="{{ button_compare }}" onclick="compare.add('{{ product.product_id }}');"><i class="icon-change"></i></button>
									</div>
								</div>
								<div class="thumb-description clearfix">
									<div class="caption">
										{% if product.rating %}
											<div class="rating">
												{% for i in 1..5 %}
													{% if product.rating < i %} <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span> {% else %} <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i><i class="fa fa-star-o fa-stack-2x"></i></span> {% endif %}
												{% endfor %}
											</div>
										{% else %}
											<div class="rating">
												{% for i in 1..5 %}
													<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span>
												{% endfor %}
											</div>
										{% endif %}
										<h4 class="product-title"><a href="{{ product.href }}">{{ product.name }}</a></h4>
										{% if product.price %}
											<p class="price">
												{% if not product.special %}
													{{ product.price }}
												{% else %}
													<span class="price-new">{{ product.special }}</span><span class="price-old">{{ product.price }}</span>
												{% endif %}
											</p>
										{% endif %}
										<p class="description">{{ product.description }}</p>
										<div class="all-btn">
											<button type="button" class="addcart" title="{{ button_cart }}" onclick="cart.add('{{ product.product_id }}')">{{ button_cart }}</button>
											<div class="button-group btn-list">	
												<button type="button" class="wishlist" data-toggle="tooltip" title="{{ button_wishlist }}" onclick="wishlist.add('{{ product.product_id }}');"><i class="icon-heart"></i></button>
												<button type="button" data-toggle="tooltip" class="quickview-button" title="{{ button_quickview }}" onclick="quickView.ajaxView('?route=product/quickview&product_id={{ product.product_id }}');"><i class="icon-eye"></i></button>
												<button type="button" class="compare" data-toggle="tooltip" title="{{ button_compare }}" onclick="compare.add('{{ product.product_id }}');"><i class="icon-change"></i></button>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					{% endfor %}
				</div>
				<div class="pro_pagination">
					<div class="row">
						<div class="col-sm-6 text-left">{{ results }}</div>
						<div class="col-sm-6 text-right">{{ pagination }}</div>
					</div>
				</div>
				{% else %}
					<p>{{ text_empty }}</p>
					<div class="buttons">
						<div class="pull-right"><a href="{{ continue }}" class="btn btn-primary">{{ button_continue }}</a></div>
					</div>
				{% endif %}
			</div>
			{{ column_right }}
		</div>
	  {{ content_bottom }}
</div>
{{ footer }}