@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')

<!-- Global Wrapper -->

	<!-- Page Header -->
	<header class="titlebar titlebar1">
	<div class="container">
		<div class="row">
			<div class="col-sm-12">
				<h1 class="page-title pull-left page-title1">Your Wishlists</h1>
				<ol class="breadcrumb pull-right">
					<li><a href="#">Home</a></li>
					<li class="active">Cart</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-12">
					<div class="table-responsive mb30">
						<table id="shop-cart-table" class="table table-hover">
							<thead>
								<tr>
									<th class="col-md-2" >Product</th>
									<th class="col-md-3"></th>
									<th class="col-md-2"><span class="pull-right">Price</span></th>
									<th class="col-md-2" ></th>
									<th class="col-md-3" ></th>
								</tr>
							</thead>

							<tbody>
							@if(empty($cart_data))
								<div class="alert alert-2 bg-red alert-dismissable fade in">
								<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
								<i class="fa fa-cubes fa-2x"></i>
								<p>Your WishList is empty. <a href="#">Link Style</a></p>
								</div>
							@else
							
							@foreach ( $cart_data as $cart_item )
								<tr>
									<td>
                            			<div class="pd_img_border">
	                            			<div class="pd_img_wrap">
	                            				<img 
	                            					src="{{ imagePath('products', $cart_item['image']) }}" 
	                            					alt="product"style="max-height:150px"
	                            				>	
	                            			</div>
                            			</div>
                            		</td>
                            		<td>{{ $cart_item['name']}}</td>
									<td align="right">
										<span>${{ $cart_item['price'] }} </span>
									</td>
									<td align="right">
										<a href="#" class="btn voyo-btn btn-green" 
										 data-id="{{ $cart_item['id'] }}" ><i class="fa fa-shopping-cart"></i> Add to Cart</a>
									</td>
									<td align="right">
										<a href="{{ url('remove_wish',$cart_item['id']) }}" class="btn voyo-btn btn-red" ><i class="fa fa-trash-o"></i>Remove from Wishlist</a>
									</td>	
								</tr>
							@endforeach			
							@endif
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- Footer Wrapper -->
	@stop
	@section('footer')
	<!-- END Footer -->
	<script type="text/javascript">
    	$('.cart').click(function(){
    	
		var product_id  = $(this).data("id");
		var qty 		= 1;
		var action 		= "add";
		var obj			= {"qty":qty,"id" :product_id, "action" : action};
		$.ajax({
			type: "GET", 
			url: baseurl+"/cartjs", 
			dataType:'html',
			data: obj ,
			success:function(data){
				$('#cart_item_count').html(data);
				console.log(data);
							//alert('Item added to cart.');
						},
						error:function(){ 
							alert("Error!!!!");
						}
					});		
	});	
	</script>
	@stop
<!-- END Global Wrapper -->