@extends('layouts.whitelabel.master')

@section('title')
    {{ $marketplace->name }}
@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">{{ trans('site.Cart') }}</h1>
					<ol class="breadcrumb pull-right">
						<li>
		                    <a href='{{ action('Marketplace\MarketplaceController@detail', $marketplace->slug) }}'>{{ trans('site.Home') }}</a>
	                    </li>
						<li class="active">{{ trans('site.Cart') }}</li>
					</ol>
				</div>
			</div>
		</div>
	</header> <!-- END Page Header -->

	
	@include('components.userstatus',[
		'type' =>'alert-warning',
		'message'	=>	'Your account is not activated Yet. Please activate to checkout your item.'
	])

	<section class="shop-section cart section-4">
		<div class="container" style="min-height: 350px">

			@include('page_info')
			
			<div class="row">
				<div class="col-sm-12">
					<div class="table-responsive mb30">
						@if( count($cart_products) <= 0 )
							<div style="height: 220px;">
								<div class="alert alert-2 bg-red-2 alert-dismissable fade in br4">
									<p class="text-center">Your cart is empty!</p>
								</div>
							</div>
						@else
							<table id="shop-cart-table" class="table table-hover">
								<thead>
									<tr>
										<th colspan="2">{{ trans('cart.Product_Name') }}</th>
										<th >{{ trans('cart.Quantity') }}</th>
										<th>
											<span class="pull-right">{{ trans('cart.Price') }}</span>
										</th>
										<th>
											<span class="pull-right">{{ trans('cart.Total_Amount') }}</span>
										</th>
										<th></th>
										<th></th>
									</tr>
								</thead>
								<tbody>
									@foreach ( $cart_products as $sess_key => $product )
										<tr>
											<td width="10%">
		                            			<div class="pd_img_border">
			                            			<div class="pd_img_wrap">
			                            				<a href="{{action('Marketplace\ProductController@show', [$marketplace->slug, $product['id']]) }}">
			                            					@if( $product['product']->third_party )
			                            						<img src="{{ $product['product']->ProductGallery[0]->gallery }}" alt="product">
			                            					@else
			                            						<img src="{{ imagePath('products', $product['product']->ProductGallery[0]->gallery) }}" alt="product">
			                            					@endif
			                            				</a>
			                            			</div>
		                            			</div>
		                            		</td>
		                            		<td width="41.6%" class="cart-product-name">
		                            			@include('marketplaces.cart.partials.product-name')
		                            		</td>

											<td width="12%">
												<div class="form-group qty_input" id="product-qty">
												    <input type="text" value='{{ $product['quantity']}}' class='qty form-control pd_qty_input' />
												    <input type="hidden" name="id" value='{{ $product['id']}}'/>

												    <div class="select_arow_qty_wrap" data-max_quantity="{{ $product['product']->quantity }}">
												    	<div class="arw-wrap increase_product">
		                                                	<a href="{{ action('Marketplace\CartController@addOne', [$marketplace->slug, $sess_key ]) }}"}}><i  class="fa fa-caret-up select_up_arw" data-id="{{ $product['id'] }}"></i>
		                                                	</a>
														</div>
														<div class="arw-wrap decrease_product">
		                                                	<a href="{{ action('Marketplace\CartController@reduceOne', [$marketplace->slug, $sess_key ] ) }}"><i class="fa fa-caret-down select_down_arw" data-id="{{ $product['id'] }}"></i></a>
		                                                </div>
		                                           </div>
		                            		</td>
											
											@if( $product['product']->third_party )
												@include('marketplaces.cart.partials.price-third-party')
											@else
												@include('marketplaces.cart.partials.price-up-product')
											@endif

											<td width="12%" align="right">
												<a href="{{ action('Marketplace\CartController@delete', [$marketplace->slug, $sess_key]) }}" class="btn voyo-btn btn-red" ><i class="fa fa-trash-o"></i> {{ trans('cart.Delete') }}</a>
											</td>
											<td></td>
										</tr>
									@endforeach						
									<tr>
										<td colspan="5" align="right">
											<span class=""><b>{{ trans('cart.Order_Total') }}</b></span>
										</td>
										<td align="right">
											<span class="color_red"><b>{{ $currency_code . " " .  number_format($cart_total_amount, 2) }} </b></span>
										</td>
										<td>&nbsp;</td>
									</tr>
								</tbody>
							</table>
						@endif
					</div>
				</div>
				
				<div class="col-md-12"> 
					@if( count($cart_products) > 0 )
						<form action='{{ action('Marketplace\CheckoutController@checkoutProcess', [$marketplace->slug]) }}' 
						      method="GET">
							@if($marketplace->hasDiscountCode())
								<div class="">				
									<div>
										<label class="control-label col-sm-2">{{ trans('cart.Checkout_Code') }}</label>
										<div class="col-sm-4">
											<input type="text" name="discount_code" class="form-control mb5" />
											@if($errors->any())
												<div class="text-danger">
												  	<strong>Error!</strong> {{ $errors->first('discount_code') }}
												</div>							
											@endif	
										</div>
									</div>
								</div>	
							@endif

							<div class="pull-right">
								@if( $signedIn )
									<a href='{{ action('Marketplace\ProductController@index', $marketplace->slug) }}' 
									   class="btn btn-new-o">{{ trans('cart.Continue_Shopping') }}
									</a>

									@if( Session::has('marketplace_cart') && count(Session::get('marketplace_cart')) > 0 )
										@if( $user->status !== 'P' )
											@if( !$user->isAlreadySignedUp($marketplace->id) )
												<a class="btn btn-default" href="{{ action('Marketplace\MarketplaceController@getEnrollment', [$marketplace->slug]) . '?redirectTo=' . action('Marketplace\CartController@index', [$marketplace->slug]) }}">{{ trans('cart.Sign_up_to_Checkout') }}</a>
											@else
												<button class="btn btn-default" type="submit">
													{{ trans('cart.Checkout') }}
												</button>
											@endif
										@endif
									@endif
								@else
									<a href='{{ action('Marketplace\MemberController@login', $marketplace->slug) . '?redirectTo=' . action('Marketplace\CartController@index', $marketplace->slug) }}' 
									   class="btn btn-default"><i class="fa fa-user"></i> {{ trans('cart.Login_to_Checkout') }}</a>
								@endif
							</div>
						</form>	
					@else
						<a href="{{ action('Marketplace\ProductController@index', $marketplace->slug) }}" class="btn btn-default pull-right">{{ trans('cart.Continue_Shopping') }}</a>
					@endif
				</div>

			</div>
		</div>
	</section>
	
	<!-- Footer Wrapper -->
	@stop
	@section('footer')
		<script >
			/*$('.edit').click(function(){
				var id 			= $(this).data("id");
				var qty  		= $('.qty'+id).val();
				var action 		= 'edit';
				var obj			= {"qty":qty,  "id" :id, "action" : action};
				$.ajax({
					type: "GET", 
					url: baseurl+"/cartjs", 
					dataType:'html',
					data: obj ,
					success:function(data){
						location.reload();
					},
					error:function(){ 
						alert("Error!!!!");
					}
				});		

			});*/
		</script>
		<!-- END Footer -->
	<script type="text/javascript">
	    $(document).ready(function(){
		    $('.decrease_product').on('click', function(e) {
		    	var quantity = $(this).parent().siblings('input.pd_qty_input').val();
		    	if( quantity <= '1' ) {
		    		alert('The minimum quantity is 1');
		    		return false;
		    	} else {
		    		return true;
		    	}
		    });

		    $('.increase_product').on('click', function(e) {
		    	var max_quantity = parseInt($(this).parent().data('max_quantity'));
		    	var quantity = parseInt($(this).parent().siblings('input.pd_qty_input').val());

		    	if( (quantity + 1) > max_quantity ) {
		    		alert('Maximum purchase limit is '+ max_quantity);
		    		return false;
		    	} else {
		    		return true;
		    	}
		    });
		});

		/*$('.addon-row').on('click', function (e) {
		    var $icon = $('.add-lable > span > i')
	        if ($icon.hasClass('fa-plus-circle')){
	          	$icon.removeClass('fa-plus-circle').addClass('fa-minus-circle');
	        }
	        else {
	          	$icon.removeClass('fa-minus-circle').addClass('fa-plus-circle');
	        }
			$(this).closest("tr").nextUntil("tr:not(.addon-data-row)").toggle();
		});*/

	</script>
	@stop
<!-- END Global Wrapper -->