@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">Catalogue</h1>
					<ol class="breadcrumb pull-right">
						<li><a href="#">Home</a></li>
						<li><a href="#">Shop</a></li>
						<li class="active">List</li>
					</ol>
				</div>
			</div>
		</div>
	</header> <!-- END Page Header -->

	<section class="shop-section section-4">
		<div class="container">
			<div class="row">
				<div class="col-sm-7 col-md-9 col-md-push-3 col-sm-push-5 space-left ">
					<div class="toolbar-shop">
						<div class="shop-ordering">
							<a href="{{ URL::asset('shop-grid') }}" class="btn btn-default" data-toggle="tooltip" 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="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">
								Sort by <span class="caret"></span>
							</button>
							<ul class="dropdown-menu" role="menu">
								<li><a href="#">Range of Points</a></li>
								<li><a href="#">Dining</a></li>
								<li><a href="#">Shopping</a></li>
								<li><a href="#">Entertainment</a></li>
								<li><a href="#">Charity</a></li>
							</ul>
						</div>
						<div class="shop-ordering">
							<button type="button" class="btn btn-default" data-toggle="tooltip" 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 class="shop-products list">
						<div class="row shop-product">
							<div class="col-sm-12 col-md-4">
								<div class="shop-image">
									<img src="{{ URL::asset('voyo/images/e-101.jpg') }}" alt="product">
								</div>
							</div>
							<div class="col-sm-12 col-md-8">
								<div class="shop-description reward-item">
									<h4 class="col-xs-10 col-sm-12 col-md-10">Iphone 5C Blue</h4>
									<div class="clearfix"></div>
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est, quaerat, aut, eius sed tempore praesentium perferendis voluptatum vel voluptas.</p>
									<div class="price mb20">
										Rewards Program Points <span class="points">2500</span>
									</div>
									<div class="shop-buy">
											<div class="col-xs-2 col-sm-2 col-md-2">
						 						<label>Quantity</label>
						 					</div>
								 			<div class="col-xs-2 col-sm-2 col-md-2">
								 				<input type="text" required="" class="form-control">
								 			</div>		
								 		<div class="clearfix"></div>
										<a href="#" class="btn btn-default"><i class="fa fa-shopping-cart"></i> Add to Cart</a><a href="{{ URL::asset('terms') }}" class="btn btn-default pull-right"><i class="fa fa-search"></i> Terms &amp; Conditions </a>
									</div>
								</div>
							</div>
						</div>
						<div class="row shop-product">
							<div class="col-sm-12 col-md-4">
								<div class="shop-image">
									<img src="{{ URL::asset('voyo/images/e-105.jpg') }}" alt="product">
								</div>
							</div>
							<div class="col-sm-12 col-md-8">
								<div class="shop-description reward-item">
									<h4 class="col-xs-10 col-sm-12 col-md-10">Iphone 5C Blue</h4>
									<div class="clearfix"></div>
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est, quaerat, aut, eius sed tempore praesentium perferendis voluptatum vel voluptas.</p>
									<div class="price mb20">
										Rewards Program Points <span class="points">2500</span>
									</div>
									<div class="shop-buy">
											<div class="col-xs-2 col-sm-2 col-md-2">
						 						<label>Quantity</label>
						 					</div>
								 			<div class="col-xs-2 col-sm-2 col-md-2">
								 				<input type="text" required="" class="form-control">
								 			</div>		
								 		<div class="clearfix"></div>
										<a href="#" class="btn btn-default"><i class="fa fa-shopping-cart"></i> Add to Cart</a><a href="{{ URL::asset('terms') }}" class="btn btn-default pull-right"><i class="fa fa-search"></i> Terms &amp; Conditions </a>
									</div>
								</div>
							</div>
						</div>
						<div class="row shop-product">
							<div class="col-sm-12 col-md-4">
								<div class="shop-image">
									<img src="{{ URL::asset('voyo/images/e-104.jpg') }}" alt="product">
								</div>
							</div>
							<div class="col-sm-12 col-md-8">
								<div class="shop-description reward-item">
									<h4 class="col-xs-10 col-sm-12 col-md-10">Iphone 5C Blue</h4>
									<div class="clearfix"></div>
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est, quaerat, aut, eius sed tempore praesentium perferendis voluptatum vel voluptas.</p>
									<div class="price mb20">
										Rewards Program Points <span class="points">2500</span>
									</div>
									<div class="shop-buy">
											<div class="col-xs-2 col-sm-2 col-md-2">
						 						<label>Quantity</label>
						 					</div>
								 			<div class="col-xs-2 col-sm-2 col-md-2">
								 				<input type="text" required="" class="form-control">
								 			</div>		
								 		<div class="clearfix"></div>
										<a href="#" class="btn btn-default"><i class="fa fa-shopping-cart"></i> Add to Cart</a><a href="{{ URL::asset('terms') }}" class="btn btn-default pull-right"><i class="fa fa-search"></i> Terms &amp; Conditions </a>
									</div>
								</div>
							</div>
						</div>
						<div class="row shop-product">
							<div class="col-sm-12 col-md-4">
								<div class="shop-image">
									<img src="{{ URL::asset('voyo/images/e-106.jpg') }}" alt="product">
								</div>
							</div>
							<div class="col-sm-12 col-md-8">
								<div class="shop-description reward-item">
									<h4 class="col-xs-10 col-sm-12 col-md-10">Iphone 5C Blue</h4>
									<div class="clearfix"></div>
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est, quaerat, aut, eius sed tempore praesentium perferendis voluptatum vel voluptas.</p>
									<div class="price mb20">
										Rewards Program Points <span class="points">2500</span>
									</div>
									<div class="shop-buy">
											<div class="col-xs-2 col-sm-2 col-md-2">
						 						<label>Quantity</label>
						 					</div>
								 			<div class="col-xs-2 col-sm-2 col-md-2">
								 				<input type="text" required="" class="form-control">
								 			</div>		
								 		<div class="clearfix"></div>
										<a href="#" class="btn btn-default"><i class="fa fa-shopping-cart"></i> Add to Cart</a><a href="{{ URL::asset('terms') }}" class="btn btn-default pull-right"><i class="fa fa-search"></i> Terms &amp; Conditions </a>
									</div>
								</div>
							</div>
						</div>
						<div class="row shop-product">
							<div class="col-sm-12 col-md-4">
								<div class="shop-image">
									<img src="{{ URL::asset('voyo/images/e-101.jpg') }}" alt="product">
								</div>
							</div>
							<div class="col-sm-12 col-md-8">
								<div class="shop-description reward-item">
									<h4 class="col-xs-10 col-sm-12 col-md-10">Iphone 5C Blue</h4>
									<div class="clearfix"></div>
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est, quaerat, aut, eius sed tempore praesentium perferendis voluptatum vel voluptas.</p>
									<div class="price mb20">
										Rewards Program Points <span class="points">2500</span>
									</div>
									<div class="shop-buy">
											<div class="col-xs-2 col-sm-2 col-md-2">
						 						<label>Quantity</label>
						 					</div>
								 			<div class="col-xs-2 col-sm-2 col-md-2">
								 				<input type="text" required="" class="form-control">
								 			</div>		
								 		<div class="clearfix"></div>
										<a href="#" class="btn btn-default"><i class="fa fa-shopping-cart"></i> Add to Cart</a><a href="{{ URL::asset('terms') }}" class="btn btn-default pull-right"><i class="fa fa-search"></i> Terms &amp; Conditions </a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<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 class="col-sm-5 col-md-3 col-md-pull-9 col-sm-pull-7 ">
					<aside class="sidebar shop-sidebar">
						<div class="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="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>
											Rewards Program Points
											<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>
@stop

@section('footer')
@stop