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

	<section class="section-4">
		<div class="container">
			<div class="row">
				<div class="toolbar-shop reward-toolbar">
					<div class="col-md-2 reward-icon">
						<span class="btn voyo-btn"><i class="fa fa-gift"></i></span>
					</div>
					<div class="col-md-6 sidebar-widget reward-search mt0">
						<form action="#" role="form">
							<div class="input-group">
								<input type="text" class="form-control" placeholder="Search Rewards Programs">
								<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-5">
						<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">
				<h3 class="main-title">My Points Summary</h3>
				<div class="table-responsive">
                    <table id="reward-summary-table" class="mb30 table  table-bordered display nowrap" width="100%">
                        <thead>
                            <tr>
                                <th>Current Member UP Points</th>
                                <th>UP Points </th>
                                <th>Purchase</th>
                                <th>Details</th>
                            </tr>
                        </thead>
                    <!-- <tfoot>
                        <tr>
                            <th>Date</th>
                            <th>Up Points </th>
                            <th>Purchase</th>
                            <th>Details</th>
                        </tr>
                    </tfoot> -->
                    <tbody>
                        <tr>
                            <td>Oct 26, 2015</td>
                            <td>
                                <span  class="badge badge-color-blue">300</span>
                            </td>
                            <td>-</td>
                            <td>UP Points on 1stSep</td>
                        </tr>
                        <tr>
                            <td>Oct 21, 2015</td>
                            <td><span  class="badge badge-color-blue">200</span></td>
                            <td>-</td>
                            <td>UP Points on Earn</td>
                        </tr>
                        <tr>
                            <td>Nov 21, 2015</td>
                            <td>
                                <span class="badge badge-color-blue">-200</span>
                            </td>
                            <td>S$52.90</td>
                            <td>UP Points on 1stSep</td>
                        </tr>
                    </tbody>
                </table>
			</div>
			<div class="row">
				<div class="col-sm-12 mt40">
					<h3 class="main-title">My Rewards Memberships</h3>
					<div id="portfolio-isotope">
						<div class="portfolio-container">
							<div class="row">
								<div class="portfolio">
									<div class="col-sm-6 col-md-4 el animated" data-anim="fadeInUp">
										<div class="blog-item">
											<div class="blog-image">
												<img src="{{ URL::asset('voyo/images/p-223.jpg') }}" alt="blog post">
											</div>
											<div class="blog-caption">
												<h3 class="post-title">Rewards Program Name
</h3>
												<div class="sub-post-title">
													<!-- <span>12 June, 2014</span> -->
													<span><i class="fa fa-gift"></i> <a href="#"> Partner Name</a></span>
												</div>
												<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
												<a href="#" class="read-more">Read more</a>
												<a href="#" class="btn voyo-btn pull-right">Sign Up</a>
											</div>
										</div>
				                    </div> <!-- END Blog Item -->
				                    <div class="col-sm-6 col-md-4 el animated" data-anim="fadeInUp">
										<div class="blog-item">
											<div class="blog-image">
												<img src="{{ URL::asset('voyo/images/p-230.jpg') }}" alt="blog post">
											</div>
											<div class="blog-caption">
												<h3 class="post-title">Rewards Program Name</h3>
												<div class="sub-post-title">
													<!-- <span>12 June, 2014</span> -->
													<span><i class="fa fa-gift"></i> <a href="#"> Partner Name</a></span>
												</div>
												<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
												<a href="#" class="read-more">Read more</a>
												<a href="#" class="btn voyo-btn pull-right">Sign Up</a>
											</div>
										</div>
				                    </div> <!-- END Blog Item -->
				                    <div class="col-sm-6 col-md-4 el animated" data-anim="fadeInUp">
										<div class="blog-item">
											<div class="blog-image">
												<img src="{{ URL::asset('voyo/images/p-224.jpg') }}" alt="blog post">
											</div>
											<div class="blog-caption">
												<h3 class="post-title">Rewards Program Name</h3>
												<div class="sub-post-title">
													<!-- <span>12 June, 2014</span> -->
													<span><i class="fa fa-gift"></i> <a href="#"> by John Doe</a></span>
												</div>
												<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
												<a href="#" class="read-more">Read more</a>
												<a href="#" class="btn voyo-btn pull-right">Sign Up</a>
											</div>
										</div>
				                    </div> <!-- END Blog Item -->
				                    <div class="col-sm-6 col-md-4 el animated" data-anim="fadeInUp">
										<div class="blog-item">
											<div class="blog-image">
												<img src="{{ URL::asset('voyo/images/p-220.jpg') }}" alt="blog post">
											</div>
											<div class="blog-caption">
												<h3 class="post-title">Rewards Program Name</h3>
												<div class="sub-post-title">
													<!-- <span>12 June, 2014</span> -->
													<span><i class="fa fa-gift"></i> <a href="#"> Partner Name</a></span>
												</div>
												<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
												<a href="#" class="read-more">Read more</a>
												<a href="#" class="btn voyo-btn pull-right">Sign Up</a>
											</div>
										</div>
				                    </div> <!-- END Blog Item -->
				                    <div class="col-sm-6 col-md-4 el animated" data-anim="fadeInUp">
										<div class="blog-item">
											<div class="blog-image">
												<img src="{{ URL::asset('voyo/images/p-223.jpg') }}" alt="blog post">
											</div>
											<div class="blog-caption">
												<h3 class="post-title">Rewards Program Name</h3>
												<div class="sub-post-title">
													<!-- <span>12 June, 2014</span> -->
													<span><i class="fa fa-gift"></i> <a href="#"> Partner Name</a></span>
												</div>
												<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
												<a href="#" class="read-more">Read more</a>
												<a href="#" class="btn voyo-btn pull-right">Sign Up</a>
											</div>
										</div>
				                    </div> <!-- END Blog Item -->
				                    <div class="col-sm-6 col-md-4 el animated" data-anim="fadeInUp">
										<div class="blog-item">
											<div class="blog-caption">
												<h3 class="post-title">Rewards Program Name</h3>
												<div class="sub-post-title">
													<!-- <span>12 June, 2014</span> -->
													<span><i class="fa fa-gift"></i> <a href="#"> Partner Name</a></span>
												</div>
												<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
												<a href="#" class="read-more">Read more</a>
												<a href="#" class="btn voyo-btn pull-right">Sign Up</a>
											</div>
										</div>
				                    </div> <!-- END Blog Item -->
				                    <div class="col-sm-6 col-md-4 el animated" data-anim="fadeInUp">
										<div class="blog-item">
											<div class="blog-image">
												<img src="{{ URL::asset('voyo/images/p-222.jpg') }}" alt="blog post">
											</div>
											<div class="blog-caption">
												<h3 class="post-title">Rewards Program Name</h3>
												<div class="sub-post-title">
													<!-- <span>12 June, 2014</span> -->
													<span><i class="fa fa-gift"></i> <a href="#"> Partner Name</a></span>
												</div>
												<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
												<a href="#" class="read-more">Read more</a>
												<a href="#" class="btn voyo-btn pull-right">Sign Up</a>
											</div>
										</div>
				                    </div> <!-- END Blog Item -->
				                    <div class="col-sm-6 col-md-4 el animated" data-anim="fadeInUp">
										<div class="blog-item">
											<div class="blog-image">
												<img src="{{ URL::asset('site/images/reward-partner-img2.jpg') }}" alt="blog post">
											</div>
											<div class="blog-caption">
												<h3 class="post-title">Rewards Program Name</h3>
												<div class="sub-post-title">
													<!-- <span>12 June, 2014</span> -->
													<span><i class="fa fa-gift"></i> <a href="#"> Partner Name</a></span>
												</div>
												<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
												<a href="#" class="read-more">Read more</a>
												<a href="#" class="btn voyo-btn pull-right">Sign Up</a>
											</div>
										</div>
				                    </div> <!-- END Blog Item -->
				                    <div class="col-sm-6 col-md-4 el animated" data-anim="fadeInUp">
										<div class="blog-item">
											<div class="blog-caption">
												<h3 class="post-title">Rewards Program Name</h3>
												<div class="sub-post-title">
													<!-- <span>12 June, 2014</span> -->
													<span><i class="fa fa-gift"></i> <a href="#"> Partner Name</a></span>
												</div>
												<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
												<a href="#" class="read-more">Read more</a>
												<a href="#" class="btn voyo-btn pull-right">Sign Up</a>
											</div>
										</div>
				                    </div> <!-- END Blog Item -->
				                    <div class="col-sm-6 col-md-4 el animated" data-anim="fadeInUp">
										<div class="blog-item">
											<div class="blog-image">
												<img src="{{ URL::asset('voyo/images/p-230.jpg') }}" alt="blog post">
											</div>
											<div class="blog-caption">
												<h3 class="post-title">Rewards Program Name</h3>
												<div class="sub-post-title">
													<!-- <span>12 June, 2014</span> -->
													<span><i class="fa fa-gift"></i> <a href="#"> Partner Name</a></span>
												</div>
												<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
												<a href="#" class="read-more">Read more</a>
												<a href="#" class="btn voyo-btn pull-right">Sign Up</a>
											</div>
										</div>
				                    </div> <!-- END Blog Item -->
				                    <div class="col-sm-6 col-md-4 el animated" data-anim="fadeInUp">
										<div class="blog-item">
											<div class="blog-image">
												<img src="{{ URL::asset('voyo/images/p-221.jpg') }}" alt="blog post">
											</div>
											<div class="blog-caption">
												<h3 class="post-title">Rewards Program Name</h3>
												<div class="sub-post-title">
													<!-- <span>12 June, 2014</span> -->
													<span><i class="fa fa-gift"></i> <a href="#"> Partner Name</a></span>
												</div>
												<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
												<a href="#" class="read-more">Read more</a>
												<a href="#" class="btn voyo-btn pull-right">Sign Up</a>
											</div>
										</div>
				                    </div> <!-- END Blog Item -->
				                    <div class="col-sm-6 col-md-4 el animated" data-anim="fadeInUp">
										<div class="blog-item">
											<div class="blog-image">
												<img src="{{ URL::asset('voyo/images/p-225.jpg') }}" alt="blog post">
											</div>
											<div class="blog-caption">
												<h3 class="post-title">Rewards Program Name</h3>
												<div class="sub-post-title">
													<!-- <span>12 June, 2014</span> -->
													<span><i class="fa fa-gift"></i> <a href="#"> Partner Name</a></span>
												</div>
												<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, ipsum, optio, impedit, adipisci quis sare recusandae nostrum laboriosam mollitia dolorem!</p>
												<a href="#" class="read-more">Read more</a>
												<a href="#" class="btn voyo-btn pull-right">Sign Up</a>
											</div>
										</div>
				                    </div> <!-- END Blog Item -->
								</div> <!-- END portfolio Blog -->
							</div>
						</div> <!-- END portfolio Container -->
					</div> <!-- END Portfolio Isotope -->
					<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>
	</section> <!-- END Blog Page-->
	
	<!-- footer links -->
	@include('site.bottom-menu')
	
@stop

@section('footer')
<script>	
	$(document).ready(function(){
	    $('#reward-summary-table').dataTable({
	        "sDom": 't'
	    });
	});
</script>
@stop