@extends('layouts.master-voyo')

@section('header')
<link rel="stylesheet" href="{{ URL::asset('voyo/inc/font-awesome/css/font-awesome.min.css') }}">

<link rel="stylesheet" href="{{ URL::asset('site/css/product.css') }}">
<link rel="stylesheet" href="{{ URL::asset('site/css/test.css') }}">
<link rel="stylesheet" href="{{ URL::asset('site/css/style.css') }}">

@stop

@section('content')
	<!-- Page Header -->
	<header class="titlebar titlebar1">
		<div class="container">
			<div class="row">
				<div class="col-sm-12">
					<h1 class="page-title pull-left">Flash Deals</h1>
					<ol class="breadcrumb pull-right">
						<li><a href="#">Home</a></li>
						<li class="active">Flash Deals</li>
					</ol>
				</div>
			</div>
		</div>
	</header> <!-- END Page Header -->
	
	<section class="shop-section section-4">
		<div class="container">
			<div class="row">
				<div class="toolbar-shop">
					<div class="col-md-4 col-md-offset-2 sidebar-widget mt0">
						<form action="#" role="form">
							<div class="input-group">
								<input type="text" class="form-control" placeholder=" Search">
								<span class="input-group-btn">
									<button type="submit" class="btn btn-primary"><i class="fa fa-search"></i></button>
								</span>
							</div>
						</form>
					</div>
					<div class="col-md-6">
						<div class="shop-ordering">
							<a href="{{ URL::asset('shop-grid') }}" class="btn btn-default" data-toggle="tooltip" title="" data-original-title="Display Grid">
								<i class="fa fa-th-large"></i>
							</a>
							<a href="{{ URL::asset('shop-list') }}" class="btn btn-default" data-toggle="tooltip" title="" data-original-title="Display List">
								<i class="fa fa-th-list"></i>
							</a>
						</div>
						<div class="btn-group shop-ordering">
							<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
								Sort by <span class="caret"></span>
							</button>
							<ul class="dropdown-menu" role="menu">
								<li><a href="#">Name</a></li>
								<li><a href="#">Price</a></li>
								<li><a href="#">Sales</a></li>
								<li><a href="#">Rating</a></li>
							</ul>
						</div>
						<div class="shop-ordering">
							<button type="button" class="btn btn-default" data-toggle="tooltip" title="" data-original-title="Sort ascending">
								<i class="fa fa-sort-amount-asc"></i>
							</button>
						</div>
						<div class="btn-group shop-ordering hidden-sm hidden-xs">
							<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
								Show 10 products <span class="caret"></span>
							</button>
							<ul class="dropdown-menu" role="menu">
								<li><a href="#">Show 10 products</a></li>
								<li><a href="#">Show 15 products</a></li>
								<li><a href="#">Show 20 products</a></li>
								<li><a href="#">Show 25 products</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-sm-7 col-md-9 col-md-push-3 col-sm-push-5 space-left ">
					<div class="row shop-products">
						<div class="col-sm-12 col-md-6 col-lg-4">
							<figure class="shop-product">
								<div class="shop-image">
									<img src="{{ URL::asset('voyo/images/e-101.jpg') }}" alt="product">
									<span class="shop-offer">20% off</span>
									<div class="shop-actions">
										<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, dolorem?</p>
										<a href="shop_product.html" class="btn voyo-btn see" data-toggle="tooltip" title="See details"><i class="fa fa-search"></i></a>&nbsp;
										<a href="shop_cart.html" class="btn voyo-btn add" data-toggle="tooltip" title="Add to cart"><i class="fa fa-shopping-cart"></i></a>
										<div class="rating-system rate-product pull-center"></div>
									</div>
								</div>
								<figcaption class="shop-description">
									<h4>Iphone 5C Blue</h4>
									<div class="pull-center">
										<del class="shop-price-off">$349</del>
										<ins class="shop-price">$299</ins>
									</div>
								</figcaption>
							</figure>
						</div>
						<div class="col-sm-12 col-md-6 col-lg-4">
							<figure class="shop-product">
								<div class="shop-image">
									<img src="{{ URL::asset('voyo/images/e-105.jpg') }}" alt="product">
									<span class="shop-offer">20% off</span>
									<div class="shop-actions">
										<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, dolorem?</p>
										<a href="shop_product.html" class="btn voyo-btn see" data-toggle="tooltip" title="See details"><i class="fa fa-search"></i></a>&nbsp;
										<a href="shop_cart.html" class="btn voyo-btn add" data-toggle="tooltip" title="Add to cart"><i class="fa fa-shopping-cart"></i></a>
										<div class="rating-system rate-product pull-center"></div>
									</div>
								</div>
								<figcaption class="shop-description">
									<h4>Iphone 5C Red</h4>
									<div class="pull-center">
										<del class="shop-price-off">$349</del>
										<ins class="shop-price">$299</ins>
									</div>
								</figcaption>
							</figure>
						</div>
						<div class="col-sm-12 col-md-6 col-lg-4">
							<figure class="shop-product">
								<div class="shop-image">
									<img src="{{ URL::asset('voyo/images/e-106.jpg') }}" alt="product">
									<div class="shop-actions">
										<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, dolorem?</p>
										<a href="shop_product.html" class="btn voyo-btn see" data-toggle="tooltip" title="See details"><i class="fa fa-search"></i></a>&nbsp;
										<a href="shop_cart.html" class="btn voyo-btn add" data-toggle="tooltip" title="Add to cart"><i class="fa fa-shopping-cart"></i></a>
										<div class="rating-system rate-product pull-center"></div>
									</div>
								</div>
								<figcaption class="shop-description">
									<h4>Iphone 5C Yellow</h4>
									<div class="pull-center">
										<ins class="shop-price">$299</ins>
									</div>
								</figcaption>
							</figure>
						</div>
						<div class="col-sm-12 col-md-6 col-lg-4">
							<figure class="shop-product">
								<div class="shop-image">
									<img src="{{ URL::asset('voyo/images/e-104.jpg') }}" alt="product">
									<span class="shop-offer">20% off</span>
									<div class="shop-actions">
										<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, dolorem?</p>
										<a href="shop_product.html" class="btn voyo-btn see" data-toggle="tooltip" title="See details"><i class="fa fa-search"></i></a>&nbsp;
										<a href="shop_cart.html" class="btn voyo-btn add" data-toggle="tooltip" title="Add to cart"><i class="fa fa-shopping-cart"></i></a>
										<div class="rating-system rate-product pull-center"></div>
									</div>
								</div>
								<figcaption class="shop-description">
									<h4>Iphone 5C Green</h4>
									<div class="pull-center">
										<del class="shop-price-off">$349</del>
										<ins class="shop-price">$299</ins>
									</div>
								</figcaption>
							</figure>
						</div>
						<div class="col-sm-12 col-md-6 col-lg-4">
							<figure class="shop-product">
								<div class="shop-image">
									<img src="{{ URL::asset('voyo/images/e-106.jpg') }}" alt="product">
									<div class="shop-actions">
										<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, dolorem?</p>
										<a href="shop_product.html" class="btn voyo-btn see" data-toggle="tooltip" title="See details"><i class="fa fa-search"></i></a>&nbsp;
										<a href="shop_cart.html" class="btn voyo-btn add" data-toggle="tooltip" title="Add to cart"><i class="fa fa-shopping-cart"></i></a>
										<div class="rating-system rate-product pull-center"></div>
									</div>
								</div>
								<figcaption class="shop-description">
									<h4>Iphone 5C Yellow</h4>
									<div class="pull-center">
										<ins class="shop-price">$299</ins>
									</div>
								</figcaption>
							</figure>
						</div>
						<div class="col-sm-12 col-md-6 col-lg-4">
							<figure class="shop-product">
								<div class="shop-image">
									<img src="{{ URL::asset('voyo/images/e-101.jpg') }}" alt="product">
									<span class="shop-offer">20% off</span>
									<div class="shop-actions">
										<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, dolorem?</p>
										<a href="shop_product.html" class="btn voyo-btn see" data-toggle="tooltip" title="See details"><i class="fa fa-search"></i></a>&nbsp;
										<a href="shop_cart.html" class="btn voyo-btn add" data-toggle="tooltip" title="Add to cart"><i class="fa fa-shopping-cart"></i></a>
										<div class="rating-system rate-product pull-center"></div>
									</div>
								</div>
								<figcaption class="shop-description">
									<h4>Iphone 5C Blue</h4>
									<div class="pull-center">
										<del class="shop-price-off">$349</del>
										<ins class="shop-price">$299</ins>
									</div>
								</figcaption>
							</figure>
						</div>
						<div class="col-sm-12 col-md-6 col-lg-4">
							<figure class="shop-product">
								<div class="shop-image">
									<img src="{{ URL::asset('voyo/images/e-105.jpg') }}" alt="product">
									<span class="shop-offer">20% off</span>
									<div class="shop-actions">
										<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, dolorem?</p>
										<a href="shop_product.html" class="btn voyo-btn see" data-toggle="tooltip" title="See details"><i class="fa fa-search"></i></a>&nbsp;
										<a href="shop_cart.html" class="btn voyo-btn add" data-toggle="tooltip" title="Add to cart"><i class="fa fa-shopping-cart"></i></a>
										<div class="rating-system rate-product pull-center"></div>
									</div>
								</div>
								<figcaption class="shop-description">
									<h4>Iphone 5C Red</h4>
									<div class="pull-center">
										<del class="shop-price-off">$349</del>
										<ins class="shop-price">$299</ins>
									</div>
								</figcaption>
							</figure>
						</div>
						<div class="col-sm-12 col-md-6 col-lg-4">
							<figure class="shop-product">
								<div class="shop-image">
									<img src="{{ URL::asset('voyo/images/e-104.jpg') }}" alt="product">
									<div class="shop-actions">
										<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, dolorem?</p>
										<a href="shop_product.html" class="btn voyo-btn see" data-toggle="tooltip" title="See details"><i class="fa fa-search"></i></a>&nbsp;
										<a href="shop_cart.html" class="btn voyo-btn add" data-toggle="tooltip" title="Add to cart"><i class="fa fa-shopping-cart"></i></a>
										<div class="rating-system rate-product pull-center"></div>
									</div>
								</div>
								<figcaption class="shop-description">
									<h4>Iphone 5C Green</h4>
									<div class="pull-center">
										<ins class="shop-price">$299</ins>
									</div>
								</figcaption>
							</figure>
						</div>
						<div class="col-sm-12 col-md-6 col-lg-4">
							<figure class="shop-product">
								<div class="shop-image">
									<img src="{{ URL::asset('voyo/images/e-106.jpg') }}" alt="product">
									<div class="shop-actions">
										<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, dolorem?</p>
										<a href="shop_product.html" class="btn voyo-btn see" data-toggle="tooltip" title="See details"><i class="fa fa-search"></i></a>&nbsp;
										<a href="shop_cart.html" class="btn voyo-btn add" data-toggle="tooltip" title="Add to cart"><i class="fa fa-shopping-cart"></i></a>
										<div class="rating-system rate-product pull-center"></div>
									</div>
								</div>
								<figcaption class="shop-description">
									<h4>Iphone 5C Yellow</h4>
									<div class="pull-center">
										<ins class="shop-price">$299</ins>
									</div>
								</figcaption>
							</figure>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-12">
							<ul class="pagination">
								<li class="disabled"><a href="#"><i class="fa fa-chevron-left"></i></a></li>
								<li class="active"><a href="#">1</a></li>
								<li><a href="#">2</a></li>
								<li><a href="#">3</a></li>
								<li><a href="#">4</a></li>
								<li><a href="#">5</a></li>
								<li><a href="#"><i class="fa fa-chevron-right"></i></a></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="col-sm-5 col-md-3 col-md-pull-9 col-sm-pull-7 ">
					<aside class="sidebar shop-sidebar">
						<div class="sidebar-widget">
							<h3 class="sidebar-title">Price</h3>
							<div class="range-slider range-price"></div>
							<a href="#" class="btn btn-default rounded mb10">Filter</a>
						</div>
						<div class="sidebar-widget">
							<h3 class="sidebar-title">Currently shopping by</h3>
							<ul class="categories">
								<li>Apple <a href="#" class="close">x</a></li>
								<li>iOS <a href="#" class="close">x</a></li>
								<li><i class="1s">310</i>$  -  <i class="2s">1400</i>$ <a href="#" class="close">x</a></li>
							</ul>
						</div>
						<div class="sidebar-widget">
							<h3 class="sidebar-title">Manufacturers</h3>
							<ul class="categories">
								<li class="active"><a href="#">Apple</a></li>
								<li><a href="#">Samsung</a></li>
								<li><a href="#">Lenovo</a></li>
								<li><a href="#">Microsoft</a></li>
								<li><a href="#">Sony</a></li>
							</ul>
						</div>
						<div class="sidebar-widget">
							<h3 class="sidebar-title">Operating System</h3>
							<ul class="categories">
								<li><a href="#">Android</a></li>
								<li><a href="#">Windows Phone</a></li>
								<li class="active"><a href="#">iOS</a></li>
								<li><a href="#">Firefox OS</a></li>
								<li><a href="#">BlackBerry OS</a></li>
							</ul>
						</div>
						<div class="sidebar-widget">
							<h3 class="sidebar-title">On Sale Products</h3>
							<ul class="top-rated-products">
								<li>
									<div class="product-image">
										<img src="{{ URL::asset('voyo/images/e-101.jpg') }}" alt="product">
									</div>
									<div class="product-info">
										<h5><a href="#">Iphone 5C Blue</a></h5>
										<div>
											<del class="shop-price-off">$349</del>
											<ins class="shop-price">$299</ins>
										</div>
									</div>
								</li>
								<li>
									<div class="product-image">
										<img src="{{ URL::asset('voyo/images/e-105.jpg') }}" alt="product">
									</div>
									<div class="product-info">
										<h5><a href="#">Iphone 5C Red</a></h5>
										<div>
											<ins class="shop-price">$299</ins>
										</div>
									</div>
								</li>
								<li>
									<div class="product-image">
										<img src="{{ URL::asset('voyo/images/e-104.jpg') }}" alt="product">
									</div>
									<div class="product-info">
										<h5><a href="#">Iphone 5C Green</a></h5>
										<div>
											<del class="shop-price-off">$349</del>
											<ins class="shop-price">$299</ins>
										</div>
									</div>
								</li>
							</ul>
						</div>
					</aside>
				</div>
			</div>
		</div>
	</section>

	<!-- footer links -->
	@include('site.bottom-menu')
@stop

@section('footer')
@stop