{% extends 'master.html' %}

{% block body %}

<section id="slider"><!--slider-->
		<div class="container">
			<div class="row">
				<div class="col-sm-12">
					<div id="slider-carousel" class="carousel slide" data-ride="carousel">
						<ol class="carousel-indicators">
							<li data-target="#slider-carousel" data-slide-to="0" class="active"></li>
							<li data-target="#slider-carousel" data-slide-to="1"></li>
							<li data-target="#slider-carousel" data-slide-to="2"></li>
						</ol>

						<div class="carousel-inner">
							<div class="item active">
								<div class="col-sm-6">
									<h1><span>TEZ</span>-CART</h1>
									<h2>Free E-Commerce Template</h2>
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
									<button type="button" class="btn btn-default get">Get it now</button>
								</div>
								<div class="col-sm-6">
									<img src="/static/images/home/girl1.jpg" class="girl img-responsive" alt="" />
									<img src="/static/images/home/pricing.png"  class="pricing" alt="" />
								</div>
							</div>
							<div class="item">
								<div class="col-sm-6">
									<h1><span>TEZ</span>-CART</h1>
									<h2>100% Responsive Design</h2>
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
									<button type="button" class="btn btn-default get">Get it now</button>
								</div>
								<div class="col-sm-6">
									<img src="/static/images/home/girl2.jpg" class="girl img-responsive" alt="" />
									<img src="/static/images/home/pricing.png"  class="pricing" alt="" />
								</div>
							</div>

							<div class="item">
								<div class="col-sm-6">
									<h1><span>TEZ</span>-CART</h1>
									<h2>Free Ecommerce Template</h2>
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
									<button type="button" class="btn btn-default get">Get it now</button>
								</div>
								<div class="col-sm-6">
									<img src="/static/images/home/girl3.jpg" class="girl img-responsive" alt="" />
									<img src="/static/images/home/pricing.png" class="pricing" alt="" />
								</div>
							</div>

						</div>

						<a href="#slider-carousel" class="left control-carousel hidden-xs" data-slide="prev">
							<i class="fa fa-angle-left"></i>
						</a>
						<a href="#slider-carousel" class="right control-carousel hidden-xs" data-slide="next">
							<i class="fa fa-angle-right"></i>
						</a>
					</div>

				</div>
			</div>
		</div>
	</section><!--/slider-->


<section>
		<div class="container">
			<div class="row">
				<div class="col-sm-3">
					<div class="left-sidebar">
						<h2>Category</h2>
						<div class="panel-group category-products" id="accordian"><!--category-productsr-->
							{% for cat in category %}
							<div class="panel panel-default">
								<div class="panel-heading">
									<h4 class="panel-title">
										<a data-toggle="collapse" data-parent="#accordian" href="#{{cat.id}}">
											<span class="badge pull-right"><i class="fa fa-plus"></i></span>
											{{cat.name}}
										</a>
									</h4>
								</div>
								<div id="{{cat.id}}" class="panel-collapse collapse">
									<div class="panel-body">
										<ul>
											{% for i in cat.sub_category_set.all %}
											<li><a href="/?category={{i.id}}">{{i.name}} </a></li>
											{% endfor %}
										</ul>
									</div>
								</div>
							</div>
							{% endfor %}
						</div><!--/category-products-->

						<div class="brands_products"><!--brands_products-->
							<h2>Brands</h2>
							<div class="brands-name">
								<ul class="nav nav-pills nav-stacked">
									{% for b in brand %}
										<li><a href="/?brand={{b.id}}"> <span class="pull-right">(50)</span>{{b.brname}}</a></li>
									{% endfor %}

								</ul>
							</div>
						</div><!--/brands_products-->

						<div class="price-range"><!--price-range-->
							<h2>Price Range</h2>
							<div class="well text-center">
								 <input type="text" class="span2" value="" data-slider-min="0" data-slider-max="600" data-slider-step="5" data-slider-value="[250,450]" id="sl2" ><br />
								 <b class="pull-left">₹ 0</b> <b class="pull-right">₹ 6000</b>
							</div>
						</div><!--/price-range-->

						<div class="shipping text-center"><!--shipping-->
							<img src="images/home/shipping.jpg" alt="" />
						</div><!--/shipping-->

					</div>
				</div>

				<div class="col-sm-9 padding-right">
					<div class="features_items"><!--features_items-->
						<h2 class="title text-center">Features Items</h2>
						{% for prod in product %}
						<div class="col-sm-4">
							<div class="product-image-wrapper">
								<div class="single-products">
										<div class="productinfo text-center">
											<img src="{{prod.image}}" alt="" height="300px"/>
											<h2>₹ {{prod.price}}</h2>
											<p>{{prod.name}}</p>
											<a href="{% url 'cart_add' prod.id %}" class='btn btn-default add-to-cart'><i class="fa fa-shopping-cart"></i>Add to cart</a>
										</div>
										<div class="product-overlay">
											<div class="overlay-content">
												<h2>₹ {{prod.price}}</h2>
												<p>{{prod.name}}</p>
												<a href="{% url 'cart_add' prod.id %}" class='btn btn-default add-to-cart'><i class="fa fa-shopping-cart"></i>Add to cart</a>
											</div>
										</div>
								</div>
								<div class="choose">
									<ul class="nav nav-pills nav-justified">
										<li><a href="/product/{{prod.id}}"><i class="fa fa-plus-square"></i>View Product</a></li>
<!--										<li><a href="#"><i class="fa fa-plus-square"></i>Add to compare</a></li>-->
									</ul>
								</div>
							</div>
						</div>
						{% endfor %}
					</div><!--features_items-->

<!--					<div class="category-tab">&lt;!&ndash;category-tab&ndash;&gt;-->
<!--						<div class="col-sm-12">-->
<!--							<ul class="nav nav-tabs">-->
<!--								<li class="active"><a href="#tshirt" data-toggle="tab">T-Shirt</a></li>-->
<!--								<li><a href="#blazers" data-toggle="tab">Blazers</a></li>-->
<!--								<li><a href="#sunglass" data-toggle="tab">Sunglass</a></li>-->
<!--								<li><a href="#kids" data-toggle="tab">Kids</a></li>-->
<!--								<li><a href="#poloshirt" data-toggle="tab">Polo shirt</a></li>-->
<!--							</ul>-->
<!--						</div>-->
<!--						<div class="tab-content">-->
<!--							<div class="tab-pane fade active in" id="tshirt" >-->
<!--								<div class="col-sm-3">-->
<!--									<div class="product-image-wrapper">-->
<!--										<div class="single-products">-->
<!--											<div class="productinfo text-center">-->
<!--												<img src="images/home/gallery1.jpg" alt="" />-->
<!--												<h2>$56</h2>-->
<!--												<p>Easy Polo Black Edition</p>-->
<!--												<a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>-->
<!--											</div>-->

<!--										</div>-->
<!--									</div>-->
<!--								</div>-->
<!--								<div class="col-sm-3">-->
<!--									<div class="product-image-wrapper">-->
<!--										<div class="single-products">-->
<!--											<div class="productinfo text-center">-->
<!--												<img src="images/home/gallery2.jpg" alt="" />-->
<!--												<h2>$56</h2>-->
<!--												<p>Easy Polo Black Edition</p>-->
<!--												<a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>-->
<!--											</div>-->

<!--										</div>-->
<!--									</div>-->
<!--								</div>-->
<!--								<div class="col-sm-3">-->
<!--									<div class="product-image-wrapper">-->
<!--										<div class="single-products">-->
<!--											<div class="productinfo text-center">-->
<!--												<img src="images/home/gallery3.jpg" alt="" />-->
<!--												<h2>$56</h2>-->
<!--												<p>Easy Polo Black Edition</p>-->
<!--												<a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>-->
<!--											</div>-->

<!--										</div>-->
<!--									</div>-->
<!--								</div>-->
<!--								<div class="col-sm-3">-->
<!--									<div class="product-image-wrapper">-->
<!--										<div class="single-products">-->
<!--											<div class="productinfo text-center">-->
<!--												<img src="images/home/gallery4.jpg" alt="" />-->
<!--												<h2>$56</h2>-->
<!--												<p>Easy Polo Black Edition</p>-->
<!--												<a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>-->
<!--											</div>-->

<!--										</div>-->
<!--									</div>-->
<!--								</div>-->
<!--							</div>-->

<!--							<div class="tab-pane fade" id="blazers" >-->
<!--								<div class="col-sm-3">-->
<!--									<div class="product-image-wrapper">-->
<!--										<div class="single-products">-->
<!--											<div class="productinfo text-center">-->
<!--												<img src="images/home/gallery4.jpg" alt="" />-->
<!--												<h2>$56</h2>-->
<!--												<p>Easy Polo Black Edition</p>-->
<!--												<a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>-->
<!--											</div>-->

<!--										</div>-->
<!--									</div>-->
<!--								</div>-->
<!--								<div class="col-sm-3">-->
<!--									<div class="product-image-wrapper">-->
<!--										<div class="single-products">-->
<!--											<div class="productinfo text-center">-->
<!--												<img src="images/home/gallery3.jpg" alt="" />-->
<!--												<h2>$56</h2>-->
<!--												<p>Easy Polo Black Edition</p>-->
<!--												<a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>-->
<!--											</div>-->

<!--										</div>-->
<!--									</div>-->
<!--								</div>-->
<!--								<div class="col-sm-3">-->
<!--									<div class="product-image-wrapper">-->
<!--										<div class="single-products">-->
<!--											<div class="productinfo text-center">-->
<!--												<img src="images/home/gallery2.jpg" alt="" />-->
<!--												<h2>$56</h2>-->
<!--												<p>Easy Polo Black Edition</p>-->
<!--												<a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>-->
<!--											</div>-->

<!--										</div>-->
<!--									</div>-->
<!--								</div>-->
<!--								<div class="col-sm-3">-->
<!--									<div class="product-image-wrapper">-->
<!--										<div class="single-products">-->
<!--											<div class="productinfo text-center">-->
<!--												<img src="images/home/gallery1.jpg" alt="" />-->
<!--												<h2>$56</h2>-->
<!--												<p>Easy Polo Black Edition</p>-->
<!--												<a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>-->
<!--											</div>-->

<!--										</div>-->
<!--									</div>-->
<!--								</div>-->
<!--							</div>-->

<!--							<div class="tab-pane fade" id="sunglass" >-->
<!--								<div class="col-sm-3">-->
<!--									<div class="product-image-wrapper">-->
<!--										<div class="single-products">-->
<!--											<div class="productinfo text-center">-->
<!--												<img src="images/home/gallery3.jpg" alt="" />-->
<!--												<h2>$56</h2>-->
<!--												<p>Easy Polo Black Edition</p>-->
<!--												<a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>-->
<!--											</div>-->

<!--										</div>-->
<!--									</div>-->
<!--								</div>-->
<!--								<div class="col-sm-3">-->
<!--									<div class="product-image-wrapper">-->
<!--										<div class="single-products">-->
<!--											<div class="productinfo text-center">-->
<!--												<img src="images/home/gallery4.jpg" alt="" />-->
<!--												<h2>$56</h2>-->
<!--												<p>Easy Polo Black Edition</p>-->
<!--												<a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>-->
<!--											</div>-->

<!--										</div>-->
<!--									</div>-->
<!--								</div>-->
<!--								<div class="col-sm-3">-->
<!--									<div class="product-image-wrapper">-->
<!--										<div class="single-products">-->
<!--											<div class="productinfo text-center">-->
<!--												<img src="images/home/gallery1.jpg" alt="" />-->
<!--												<h2>$56</h2>-->
<!--												<p>Easy Polo Black Edition</p>-->
<!--												<a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>-->
<!--											</div>-->

<!--										</div>-->
<!--									</div>-->
<!--								</div>-->
<!--								<div class="col-sm-3">-->
<!--									<div class="product-image-wrapper">-->
<!--										<div class="single-products">-->
<!--											<div class="productinfo text-center">-->
<!--												<img src="images/home/gallery2.jpg" alt="" />-->
<!--												<h2>$56</h2>-->
<!--												<p>Easy Polo Black Edition</p>-->
<!--												<a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>-->
<!--											</div>-->

<!--										</div>-->
<!--									</div>-->
<!--								</div>-->
<!--							</div>-->

<!--							<div class="tab-pane fade" id="kids" >-->
<!--								<div class="col-sm-3">-->
<!--									<div class="product-image-wrapper">-->
<!--										<div class="single-products">-->
<!--											<div class="productinfo text-center">-->
<!--												<img src="images/home/gallery1.jpg" alt="" />-->
<!--												<h2>$56</h2>-->
<!--												<p>Easy Polo Black Edition</p>-->
<!--												<a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>-->
<!--											</div>-->

<!--										</div>-->
<!--									</div>-->
<!--								</div>-->
<!--								<div class="col-sm-3">-->
<!--									<div class="product-image-wrapper">-->
<!--										<div class="single-products">-->
<!--											<div class="productinfo text-center">-->
<!--												<img src="images/home/gallery2.jpg" alt="" />-->
<!--												<h2>$56</h2>-->
<!--												<p>Easy Polo Black Edition</p>-->
<!--												<a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>-->
<!--											</div>-->

<!--										</div>-->
<!--									</div>-->
<!--								</div>-->
<!--								<div class="col-sm-3">-->
<!--									<div class="product-image-wrapper">-->
<!--										<div class="single-products">-->
<!--											<div class="productinfo text-center">-->
<!--												<img src="images/home/gallery3.jpg" alt="" />-->
<!--												<h2>$56</h2>-->
<!--												<p>Easy Polo Black Edition</p>-->
<!--												<a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>-->
<!--											</div>-->

<!--										</div>-->
<!--									</div>-->
<!--								</div>-->
<!--								<div class="col-sm-3">-->
<!--									<div class="product-image-wrapper">-->
<!--										<div class="single-products">-->
<!--											<div class="productinfo text-center">-->
<!--												<img src="images/home/gallery4.jpg" alt="" />-->
<!--												<h2>$56</h2>-->
<!--												<p>Easy Polo Black Edition</p>-->
<!--												<a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>-->
<!--											</div>-->

<!--										</div>-->
<!--									</div>-->
<!--								</div>-->
<!--							</div>-->

<!--							<div class="tab-pane fade" id="poloshirt" >-->
<!--								<div class="col-sm-3">-->
<!--									<div class="product-image-wrapper">-->
<!--										<div class="single-products">-->
<!--											<div class="productinfo text-center">-->
<!--												<img src="images/home/gallery2.jpg" alt="" />-->
<!--												<h2>$56</h2>-->
<!--												<p>Easy Polo Black Edition</p>-->
<!--												<a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>-->
<!--											</div>-->

<!--										</div>-->
<!--									</div>-->
<!--								</div>-->
<!--								<div class="col-sm-3">-->
<!--									<div class="product-image-wrapper">-->
<!--										<div class="single-products">-->
<!--											<div class="productinfo text-center">-->
<!--												<img src="images/home/gallery4.jpg" alt="" />-->
<!--												<h2>$56</h2>-->
<!--												<p>Easy Polo Black Edition</p>-->
<!--												<a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>-->
<!--											</div>-->

<!--										</div>-->
<!--									</div>-->
<!--								</div>-->
<!--								<div class="col-sm-3">-->
<!--									<div class="product-image-wrapper">-->
<!--										<div class="single-products">-->
<!--											<div class="productinfo text-center">-->
<!--												<img src="images/home/gallery3.jpg" alt="" />-->
<!--												<h2>$56</h2>-->
<!--												<p>Easy Polo Black Edition</p>-->
<!--												<a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>-->
<!--											</div>-->

<!--										</div>-->
<!--									</div>-->
<!--								</div>-->
<!--								<div class="col-sm-3">-->
<!--									<div class="product-image-wrapper">-->
<!--										<div class="single-products">-->
<!--											<div class="productinfo text-center">-->
<!--												<img src="images/home/gallery1.jpg" alt="" />-->
<!--												<h2>$56</h2>-->
<!--												<p>Easy Polo Black Edition</p>-->
<!--												<a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>-->
<!--											</div>-->

<!--										</div>-->
<!--									</div>-->
<!--								</div>-->
<!--							</div>-->
<!--						</div>-->
<!--					</div>&lt;!&ndash;/category-tab&ndash;&gt;-->

<!--					<div class="recommended_items">&lt;!&ndash;recommended_items&ndash;&gt;-->
<!--						<h2 class="title text-center">recommended items</h2>-->

<!--						<div id="recommended-item-carousel" class="carousel slide" data-ride="carousel">-->
<!--							<div class="carousel-inner">-->
<!--								<div class="item active">-->
<!--									<div class="col-sm-4">-->
<!--										<div class="product-image-wrapper">-->
<!--											<div class="single-products">-->
<!--												<div class="productinfo text-center">-->
<!--													<img src="images/home/recommend1.jpg" alt="" />-->
<!--													<h2>$56</h2>-->
<!--													<p>Easy Polo Black Edition</p>-->
<!--													<a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>-->
<!--												</div>-->

<!--											</div>-->
<!--										</div>-->
<!--									</div>-->
<!--									<div class="col-sm-4">-->
<!--										<div class="product-image-wrapper">-->
<!--											<div class="single-products">-->
<!--												<div class="productinfo text-center">-->
<!--													<img src="images/home/recommend2.jpg" alt="" />-->
<!--													<h2>$56</h2>-->
<!--													<p>Easy Polo Black Edition</p>-->
<!--													<a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>-->
<!--												</div>-->

<!--											</div>-->
<!--										</div>-->
<!--									</div>-->
<!--									<div class="col-sm-4">-->
<!--										<div class="product-image-wrapper">-->
<!--											<div class="single-products">-->
<!--												<div class="productinfo text-center">-->
<!--													<img src="images/home/recommend3.jpg" alt="" />-->
<!--													<h2>$56</h2>-->
<!--													<p>Easy Polo Black Edition</p>-->
<!--													<a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>-->
<!--												</div>-->

<!--											</div>-->
<!--										</div>-->
<!--									</div>-->
<!--								</div>-->
<!--								<div class="item">-->
<!--									<div class="col-sm-4">-->
<!--										<div class="product-image-wrapper">-->
<!--											<div class="single-products">-->
<!--												<div class="productinfo text-center">-->
<!--													<img src="images/home/recommend1.jpg" alt="" />-->
<!--													<h2>$56</h2>-->
<!--													<p>Easy Polo Black Edition</p>-->
<!--													<a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>-->
<!--												</div>-->

<!--											</div>-->
<!--										</div>-->
<!--									</div>-->
<!--									<div class="col-sm-4">-->
<!--										<div class="product-image-wrapper">-->
<!--											<div class="single-products">-->
<!--												<div class="productinfo text-center">-->
<!--													<img src="images/home/recommend2.jpg" alt="" />-->
<!--													<h2>$56</h2>-->
<!--													<p>Easy Polo Black Edition</p>-->
<!--													<a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>-->
<!--												</div>-->

<!--											</div>-->
<!--										</div>-->
<!--									</div>-->
<!--									<div class="col-sm-4">-->
<!--										<div class="product-image-wrapper">-->
<!--											<div class="single-products">-->
<!--												<div class="productinfo text-center">-->
<!--													<img src="images/home/recommend3.jpg" alt="" />-->
<!--													<h2>$56</h2>-->
<!--													<p>Easy Polo Black Edition</p>-->
<!--													<a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>-->
<!--												</div>-->

<!--											</div>-->
<!--										</div>-->
<!--									</div>-->
<!--								</div>-->
<!--							</div>-->
<!--							 <a class="left recommended-item-control" href="#recommended-item-carousel" data-slide="prev">-->
<!--								<i class="fa fa-angle-left"></i>-->
<!--							  </a>-->
<!--							  <a class="right recommended-item-control" href="#recommended-item-carousel" data-slide="next">-->
<!--								<i class="fa fa-angle-right"></i>-->
<!--							  </a>-->
<!--						</div>-->
<!--					</div>&lt;!&ndash;/recommended_items&ndash;&gt;-->

				</div>
			</div>
		</div>
	</section>


{% endblock %}