@extends('layouts.frontLayout.front-layout')
@section('content')
<style>
.cart-info-msg{
	background: #FF70C2;
	text-align:center;
	padding: 6px;
	margin-bottom: 6px !important;
	border-radius: 6px !important;
	font-weight:bold;
 }
</style>
<!--Body Container-->
<!--Body Container-->
<div id="page-content">
<!--Collection Banner-->
<div class="collection-header">
<div class="collection-hero">
<div class="collection-hero__image"></div>
<div class="collection-hero__title-wrapper container">
<div class="breadcrumbs text-uppercase mt-lg-2"><a href="{{ url('/') }}" title="Back to the home page">Home</a><span>|</span><span class="fw-bold">Cart</span></div>
</div>
</div>
</div>
<!--End Collection Banner-->

<!--Main Content-->
<div class="container">
<!--Cart Page-->
<div class="row">
<div id="Cartindixdiv" tabindex="1">  </div>
<div id="CardMessages"> </div>
</div>



<div class="row" id="AppendCartDetails">
			@include('front.cart.cart-details')
</div>
</div>
<!--End Cart Page-->
</div>
<!--End Main Content-->
</div>
<!--End Body Container-->
<!--End Body Container-->

<script type="text/javascript" src="{{ asset('js/ajax_jquery.min.js')}}"></script>
<script>
	$(document).ready(function(){
		$(document).on('change','[name=coupon]',function(){ 
			var coupon = $(this).val();
			$('#couponInput').val(coupon);
			$( "#ApplyCoupon" ).trigger( "submit" );
		})

		$(document).on('submit','#ApplyCoupon',function(e){  
			e.preventDefault(); 
			$('.PleaseWaitDiv').show();
			var alertclasss ="";
			var formdata = $("#ApplyCoupon").serialize()+"&_token={{csrf_token()}}";
			$.ajax({
				type : 'post',
				data : formdata,
				url :'/apply-coupon',
				success:function(resp){
					if(!resp.status){
						
						if(resp.type == 'login'){
							$('.PleaseWaitDiv').hide();
							//alert('Please login');
							return false;
						}else{
						
							$('#AppendCartDetails').html(resp.view);
							$('#couponInput').val('');
							alertclasss ="danger";
						}
					}else{
						$('#AppendCartDetails').html(resp.view);
						alertclasss ="success";
					}
					
					
					$('#CoupenMessages').html('<div class="col-12 col-sm-12 col-md-12 col-lg-12 main-col"><div class="alert alert-'+alertclasss+' py-2 rounded-1 alert-dismissible fade show cart-alert" role="alert">'+resp.message+'<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button></div></div>');
					$('.PleaseWaitDiv').hide();
				},
				error:function(){
					//nothing to do
				}
			})
		});


		
      
	  
	  $(document).on('change','[name=size]',function(){
			$('.PleaseWaitDiv').show();
			var size = $(this).val();
			var cartid = $(this).find(':selected').attr('data-cartid');
			var cartsku = $(this).find(':selected').attr('data-cartsku');
			$.ajax({
				data : {
					"_token" : "{{csrf_token()}}",
					"cartid" : cartid,
					"size" : size,
					"cartsku" : cartsku
				},
				url : '/update-cart-productsize',
				type : 'post',
				success:function(resp){
					if(!resp.status){
						$('#AppendCartDetails').html(resp.view);
						alertclasss ="danger";
					}else{
						$('#AppendCartDetails').html(resp.view);
						$('#couponInput').val('');
						alertclasss ="success";
					}
					$('.PleaseWaitDiv').hide();
					if(resp.message !=""){
						$('#CartMessages').html('<div class="alert alert-'+alertclasss+' alert-dismissible"><button type="button" class="close" data-dismiss="alert">&times;</button><span>'+resp.message+'</span></div>');
					}
					  $("#Cartindixdiv").focus();
				},	
				error:function(){
					//nothing to do
				}
			})
		})

	  
	  
	
	});
$(document).on('click','#GuestLogin',function(){
	 $('#GuestLoginModel').modal('show');
});	
function decrementValue(id){ 
 var quantity = $("#cart-qty-"+id).val();
	if(quantity > 1){
		$("#cart-qty-"+id).val(quantity-1);
		var cart_type= 'page';
		update_cart(quantity-1,id,cart_type);
	}
}
function incrementValue(id){ 
	var quantity = $("#cart-qty-"+id).val();
	
		if(quantity == ''){
			quantity = 0;
		}
		var sum =  parseInt(quantity) + 1;     
		$("#cart-qty-"+id).val(sum);
		var cart_type= 'page';
		update_cart(sum,id,cart_type);
	
}



function loginrequired(){
        $('#overlay-back').fadeIn(500,function(){
			$('#popup').show();
		});
		 $('#overlay-back').fadeIn(500,function(){
			$('#popup').show();
		});
		$(".close-image").on('click', function() {
			$('#popup').hide();
			$('#overlay-back').fadeOut(500);
		});
		$(".close-image-signin").on('click', function() {
			$('#popupsignin').hide();
			$('#overlay-back-signin').fadeOut(500);
		});
		$(".close-image-forgot").on('click', function() {
			$('#popupforgot').hide();
			$('#overlay-back-forgot').fadeOut(500);
		});
	
}
</script>
@stop
@section('javascript')
@parent
@stop