@extends('layouts.front')



@section('content')

<script>

var address_get_url = "{{ route('front.checkout.addressget') }}";

</script>

<div class="checkout-sec">

			<div class="checkout-wrapper">

				<div class="checkout-left">

					<div class="checkout-box login-signup @if(!Auth::check()) active @endif">

						<div class="panel-title">

							<span class="count">1</span>

							<span class="panel-name" id="login_header_title">@if(!Auth::check())Login or Signup @else Login @endif</span>

							<div style="width:100px; float: right; @if(!Auth::check()) display: none; @endif" id="login_change_btn_section"><input style="margin-top:-3px; padding: 3px 0; color:#000; border: 1px solid #bbb;" type="button" id="change_login_box" value="Change" /></div>

                  </div>

                  @if(!Auth::check())

						<div class="login-signup-content row no-gutters" id="login-auth-login-section">

							<div class="col-md-5 login-form">

                        <form autocomplete="off" onsubmit="return false;">

                        <input type="hidden" name="login_box_token" value="{{ csrf_token() }}">

									<div class="input-field">

										<input type="text" id="login_mobile" name="login_mobile" required="" maxlength="auto" autocomplete="off">

										<label for="login_mobile" id="login_mobile_opt_link">Enter Mobile number</label>

										<a class="edit" tabindex="-1" id="login_mobile_change" style="display:none;"><span>Change?</span></a>

									</div>

									<div class="input-field" id="login_opt_section" style="display:none;">

										<input type="text" id="login_otp" name="login_otp" required="" maxlength="auto" autocomplete="off">

										<label for="login_otp">Enter OTP</label>

										<a class="edit" id="resend-opt-link" style="display:none;" tabindex="-1"><span>Resend?</span></a>

                           </div>

                           <div class="input-field" id="login_full_name_section" style="display:none;">

										<input type="text" id="login_full_name" name="login_full_name" required="" maxlength="auto" autocomplete="off">

										<label for="login_full_name">Enter your full name</label>

									</div>

									<div class="policy">By continuing, you agree to albaratai <a  target="_blank" href="{{ route('front.page','terms-of-use') }}">Terms of Use</a> and <a  target="_blank" href="{{ route('front.page','privacy-policy') }}">Privacy Policy</a>.</div>

									<div class="submit-btn">

										<button id="checkout-login-continue-button" ajaxurl="{{ route('front.checkout.login') }}">CONTINUE</button>

										<button id="checkout-login-login-button" ajaxurl="{{ route('front.checkout.loginoptverify') }}" style="display:none;">LOGIN</button>

									</div>

								</form>

							</div>

							<div class="col-md-7 login-content">

								<div class="head">Advantages of our secure login</div>

								<ul>

									<li>

										<i class="fa fa-truck" aria-hidden="true"></i>

										<span>Easily Track Orders, Hassle free Returns</span>

									</li>

									<li>

										<i class="fa fa-bell" aria-hidden="true"></i>

										<span>Get Relevant Alerts and Recommendation</span>

									</li>

									<li><i class="fa fa-star" aria-hidden="true"></i><span>Wishlist, Reviews, Ratings and more.</span></li>

								</ul>

							</div>

                  </div>

                  @endif

                  <div class="login-signup-content row no-gutters" id="login-auth-verified-section" @if(!Auth::check()) style="display:none;" @endif>

					<div class="col-md-5 login-form">

						<div class="input-field">

							<span id="after-login-mobile-label"> @if(Auth::check()) {{Auth::user()->name}} ({{Auth::user()->phone}}) @endif </span>

								</div>

								<div class="submit-btn" id="continue-checkout-bit-section" style="display: none">

									<a href="{{ route('user-logout') }}" id="checkout-login-logout-checkout" style="color: #2874f0; font-weight:800;">Logout & Sign in to another account</a>

									<button id="checkout-login-continue-checkout">CONTINUE TO CHECKOUT</button>

								</div>

							</div>

							<div class="col-md-7 login-content" style="display:none;">

								<div class="head">Advantages of our secure login</div>

								<ul>

									<li>

										<i class="fa fa-truck" aria-hidden="true"></i>

										<span>Easily Track Orders, Hassle free Returns</span>

									</li>

									<li>

										<i class="fa fa-bell" aria-hidden="true"></i>

										<span>Get Relevant Alerts and Recommendation</span>

									</li>

									<li><i class="fa fa-star" aria-hidden="true"></i><span>Wishlist, Reviews, Ratings and more.</span></li>

								</ul>

							</div>

                  		</div>

					</div>

					<div class="checkout-box delivery-address @if(Auth::check()) active @endif">

						<div class="panel-title">

							<span class="count">2</span>

							<span class="panel-name">Delivery Address</span>

							<div style="width:100px; float: right; display: none;" id="address_change_btn_section"><input style="margin-top:-3px; padding: 3px 0; color:#000; border: 1px solid #bbb;" type="button" id="change_address_box" value="Change" /></div>

                  		</div>

						  <div id="delivery_existing_addresses">

				  		@if(isset($user_addresses) && $user_addresses !== null && count($user_addresses) > 0)

				  			@foreach ($user_addresses as $ua_data)

							<div class="delivery-address-content" id='address-section-main-{{$ua_data["id"]}}'>

								<div class="form-check">

									<input class="form-check-input w-auto" type="radio" name="user_address" id="user_address{{$ua_data['id']}}" value="{{$ua_data['id']}}" @if($loop->index == 0) checked @endif >

								</div>

								<div class="radio-right">

									<div class="middle-content">

										<p class="detail-title"><span class="name">{{$ua_data["fullname"]}}</span><span class="destination"> @if($ua_data["address_type"] == 2) Home(Resident) @else Work @endif </span><span class="no">{{$ua_data["phone"]}}</span></p>

										<span class="address">{{$ua_data["house_building_name"]}}, {{$ua_data["address"]}}, {{$ua_data["city"]}}, {{$ua_data["state_name"]}} <strong>{{$ua_data["pincode"]}}</strong></span>

										<div class="deliver-here">

											<button class="delive_this_address" onClick="deliverToThisAddress(this)" deliveryid="{{$ua_data['id']}}">Deliver Here</button>

										</div>

									</div>

									<div class="edit">

										<button type="button" class="edit_this_address" onClick="editThisAddress(this)" deliveryid="{{$ua_data['id']}}" >EDIT</button>

									</div>

								</div>

							</div>

						  @endforeach

                  		@endif

						  </div>

						<div class="edit-add" id="address-add-edit-form" @if((isset($user_addresses) && $user_addresses !== null && count($user_addresses) > 0) || !Auth::check()) style="display:none;" @endif>

							<div class="form-check">

								<input class="form-check-input w-auto" type="radio" name="exampleRadios" id="exampleRadios2" value="option1" checked="">

							</div>

							<div class="edit-input">

								<div class="edit-title">

									<span id="address-mode-title"> @if((isset($user_addresses) && $user_addresses !== null && count($user_addresses) > 0)) EDIT @else ADD @endif  ADDRESS</span>

								</div>

								<form class="edit-form" onsubmit="return false;">

								<input type="hidden" name="address_box_token" value="{{ csrf_token() }}">

								<input type="hidden" name="addressId" value="">

									<div class="form-row">

										<div class="form-group col-md-6">

											<input type="text" id="address_fullname" name="address_fullname" required="" class="form-control">

											<label for="address_fullname">Name</label>

										</div>

										<div class="form-group col-md-6">

											<input type="text" class="form-control" id="address_phone" name="address_phone" required="">

											<label for="address_phone">10-digit mobile number</label>

										</div>

									</div>

									<div class="form-row">

										<div class="form-group col-md-6">

											<input type="text" class="form-control" id="address_house_building_name" name="address_house_building_name">

											<label for="address_house_building_name">House/Building Name</label>

										</div>

									</div>

									<div class="form-group position-relative">

										<textarea  class="form-control" id="address_address" name="address_address" rows="4" cols="10" ></textarea>

										<label for="address_address">Address</label>

									</div>

									<div class="form-row">

										<div class="form-group col-md-6">

											<select id="address_state" name="address_state" class="form-control">

												<option selected>Choose...</option>

												@if(isset($states_data) && count($states_data) > 0)

													@foreach ($states_data as $s_data)

													<option value='{{$s_data["state_id"]}}'>{{$s_data["state_name"]}}</option>

													@endforeach

												@endif

											</select>

											<label for="address_state">State</label>

										</div>

										<div class="form-group col-md-6">

											<input type="text" class="form-control" id="address_city" name="address_city">

											<label for="address_city">City/District/Town</label>

										</div>

									</div>

									<div class="form-row">

										<div class="form-group col-md-6">

											<input type="text" class="form-control" id="address_pincode" name="address_pincode">

											<label for="address_pincode">Pincode</label>

										</div>

										<div class="form-group col-md-6">

											<input type="text" class="form-control" id="address_alter_phone" name="address_alter_phone">

											<label for="address_alter_phone">Alternate Phone (Optional)</label>

										</div>

									</div>

									<div class="form-row">

										<div class="custom-control custom-radio custom-control-inline">

										  <input type="radio" id="address_type1" name="address_type" class="custom-control-input" value="1">

										  <label class="custom-control-label" for="address_type1">Work</label>

										</div>

										<div class="custom-control custom-radio custom-control-inline">

										  <input type="radio" id="address_type2" name="address_type" class="custom-control-input" value="2">

										  <label class="custom-control-label" for="address_type2">Home(Resident)</label>

										</div>

									</div>

									<div class="form-row mt-3">

										<button type="submit" class="btn save" id="address_save" ajaxurl="{{ route('front.checkout.addressaddedit') }}">Save and Deliver Here</button>

										<button type="submit" class="btn cancle" id="address_cancel">Cancle</button>

									</div>

								</form>

							</div>

						</div>

					</div>

					<div class="checkout-box order-summary ">

						<div class="panel-title">

							<span class="count">3</span>

							<span class="panel-name">Order Summary</span>

							<div style="width:100px; float: right; display: none;" id="order_change_btn_section"><input style="margin-top:-3px; padding: 3px 0; color:#000; border: 1px solid #bbb;" type="button" id="change_order_box" value="Change" /></div>

						</div>

						<div class="order-summary-content" id="checkout-order-summary" style="display:none">

						@if(count($products) > 0)

                    		@foreach($products as $product)

							<div class="product-panel-main">

								<div class="product-panel">

									<a href="{{ route('front.product', $product['item']['slug']) }}">

										<div class="product-img">

											<img src="{{ $product['item']['photo1'] ? asset('assets/images/thumbnails/'.$product['item']['photo1']):asset('assets/images/noimage.png') }}">

										</div>

									</a>

									<div class="product-middle">

										<div class="product-name">

										<a href="{{ route('front.product', $product['item']['slug']) }}">{{$product['item']['name']}}</a>

										</div>

										@if($product["has_multiple_options"] == 1)

											@foreach($product["variations"] as $attr_data)

											<div class="seller">

												{{$attr_data["attribute_name"]}}: {{$attr_data["option_name"]}}

											</div>

											@endforeach

										@endif

										<div class="price">

			                               <span class="offer-price">{{ App\Models\Product::convertPrice($product['item']['price']) }}</span>

			                               <span class="ori-price">{{ App\Models\Product::convertPrice($product['item']['previous_price']) }}</span>

			                               <span class="off-price">{{ App\Models\Product::convertPrice($product['item']['discount_percentage']) }}% Off</span>

			                               <!-- <span class="off-qty">2 offers applied <i class="fa fa-info-circle" aria-hidden="true"></i></span> -->

			                            </div>

									</div>

								</div>

								<div class="bottom-panel">

									

									<div class="value">

										<button class="minas qtminus1 reducing" qtyfieldid="{{ $product['id'] }}"> – </button>

										<div class="qty">

											<input type="text" id="qty{{ $product['id'] }}" value="{{ $product['quantity'] }}" readonly class="" qtyattr="{{ $product['quantity'] }}">

										</div>

										<button class="plus qtplus1 adding" qtyfieldid="{{ $product['id'] }}"> + </button>

									</div>

									<div class="remove d-inline-block removecart cart-remove" rowfieldid="{{ $product['id'] }}" data-href="{{ route('product.cart.remove',$product['id']) }}">

										<a href="javascript:void(0);">Remove</a>

									</div>

								</div>

								

							</div>

							@endforeach

							<div class="p-3">

									<button type="button" id="order-summary-btn" class="l-button">Continue</button>

							</div>

						@else

						<div class="product-panel-main">

							No items in your cart for checkout!

						</div>

						@endif

						</div>

					</div>

					<div class="checkout-box order-payments ">

						<div class="panel-title">

							<span class="count">4</span>

							<span class="panel-name">Payment Options</span>

						</div>

						<div class="order-payments-content" id="checkout-payment-options" style="display:none">

							<form id="twocheckout" action="" method="POST" class="checkoutform">

							<input type="hidden" id="checkoutaddressid" name="checkoutaddressid" value="" >

								@include('includes.form-success')

								@include('includes.form-error')



								{{ csrf_field() }}

							<div class="checkout-area">

							<div class="content-box">

							<div class="content">

							<div class="payment-information">

							<div class="row">

							<div class="col-lg-12">

							<div class="nav flex-column"  role="tablist" aria-orientation="vertical">

							<!-- @if($gs->cod_check == 1 || 1==1)

							 @if($digital == 0)

								<a class="nav-link payment" data-val="" data-show="no" data-form="{{route('cash.submit')}}" data-href="{{ route('front.load.payment',['slug1' => 'cod','slug2' => 0]) }}" id="v-pills-tab3-tab" data-toggle="pill" href="#v-pills-tab3" role="tab" aria-controls="v-pills-tab3" aria-selected="false">

										<div class="icon">

												<span class="radio"></span>

										</div>

										<p>

												{{ $langg->lang762 }}



											@if($gs->cod_text != null)



											<small>

													{{ $gs->cod_text }}

											</small>



											@endif



										</p>

								</a>

							 @endif

							@endif -->

							@if($gs->is_razorpay == 1 || 1==1)

								<div>

									<a class="nav-link payment" data-val="" data-show="no" data-form="{{route('razorpay.submit')}}" data-href="{{ route('front.load.payment',['slug1' => 'razorpay','slug2' => 0]) }}"  id="v-pills-tab6-tab" data-toggle="pill" href="#v-pills-tab6" role="tab" aria-controls="v-pills-tab6" aria-selected="false">

										<div class="icon">

												<span class="radio"></span>

										</div>

										<p>

												

											{{ $langg->razorpay }}



											@if($gs->razorpay_text != null)



											<small>

													{{ $gs->razorpay_text }}

											</small>



											@endif



										</p>

									</a>

								</div>

							@endif

							</div>

							</div>

							<div class="col-lg-12">

							  <div class="pay-area d-none">

								<div class="tab-content" id="v-pills-tabContent">

									

									@if($gs->cod_check == 1)

									@if($digital == 0)

									<div class="tab-pane fade" id="v-pills-tab3" role="tabpanel" aria-labelledby="v-pills-tab3-tab">

									</div>

									@endif

									@endif

									

									@if($gs->is_razorpay == 1)

										<div class="tab-pane fade" id="v-pills-tab6" role="tabpanel" aria-labelledby="v-pills-tab6-tab">

										</div>

									@endif											

								</div>

								</div>

							</div>

							</div>

							</div>

							<div class="row">

								<div class="col-lg-12 mt-3">

									<div class="bottom-area">

										<button type="submit" id="final-btn" class="l-button">Place Order</button>

									</div>

								</div>

							</div>

							</div>

							</div>

							</div>

							</form>

						</div>

					</div>

				</div>

				<div class="checkout-right">

		         <div class="price-detail">

		            <div class="price-title"> Price details </div>

		            <div class="price-list">

		               <ul>

		                  <li>

		                     <div class="l">Price (<span id="cart-total-items">{{$totalQty}}</span> @if($totalQty > 1)items @else item @endif)</div>

		                     <div class="r"><span id="cart-total-amount">{{ App\Models\Product::convertPrice($totalPrice)}}</span></div>

		                  </li>

		                  <li>

		                     <div class="l">Discount</div>

		                     <div class="r"><span id="cart-total-discount">{{ App\Models\Product::convertPrice($shipping_cost)}}</span></div>

		                  </li>

						  <li>

		                     <div class="l">Delivery Charges</div>

		                     <div class="r"><span id="cart-total-delivery_charges">{{ App\Models\Product::convertPrice($delivery_cost)}}</span></div>

		                  </li>

		                  <li>

		                     <div class="l">Total Payable</div>

		                     <div class="r"><span id="cart-total-payable">{{ App\Models\Product::convertPrice($totalPrice) }}</span></div>

		                  </li>

		                  <!-- 

		                  <li>

		                  <div class="cupon-box">

		                    <div id="coupon-link">{{ $langg->lang132 }}</div>

		                    <form id="coupon-form" class="coupon">

		                      <div class="l"><input type="text" placeholder="{{ $langg->lang133 }}" id="code" required="" autocomplete="off"></div>

		                      <input type="hidden" class="coupon-total" id="grandtotal" value="{{ Session::has('cart') ? App\Models\Product::convertPrice(0) : '0.00' }}">

		                      <div class="r"><button type="submit">{{ $langg->lang134 }}</button></div>

		                    </form>

		                  </div> 

		                </li>

		                -->

		               </ul>

		            </div>

		            <div class="saving-value">

		               <span>Safe & Secure Rozerpay Online Payments.</span>

		            </div> 

		            <!-- 

		            <div class="cart-countinue">

		            	<button type="submit" id="final-btn" class="mybtn1">{{ $langg->lang753 }}</button>

		            </div>

		             -->

		         </div>

      			</div>

			</div>

			

		</div>

@endsection

@section('scripts')



<!-- <script src="https://js.paystack.co/v1/inline.js"></script>



<script src="//voguepay.com/js/voguepay.js"></script>



<script src="https://www.2checkout.com/checkout/api/2co.min.js"></script> -->



<script type="text/javascript">

	$('a.payment').removeClass('active');

	$('a.payment:first').addClass('active');

	$('.checkoutform').prop('action',$('a.payment:first').data('form'));

	$($('a.payment:first').attr('href')).load($('a.payment:first').data('href'));

	var show = $('a.payment:first').data('show');

	if(show != 'no') {

		$('.pay-area').removeClass('d-none');

	}

	else {

		$('.pay-area').addClass('d-none');

	}

	$($('a.payment:first').attr('href')).addClass('active').addClass('show');

</script>





<script type="text/javascript">



var coup = 0;

var pos = {{ $gs->currency_format }};



@if(isset($checked))



	$('#comment-log-reg1').modal('show');



@endif



var mship = $('.shipping').length > 0 ? $('.shipping').first().val() : 0;

var mpack = $('.packing').length > 0 ? $('.packing').first().val() : 0;

mship = parseFloat(mship);

mpack = parseFloat(mpack);



$('#shipping-cost').val(mship);

$('#packing-cost').val(mpack);

var ftotal = parseFloat($('#grandtotal').val()) + mship + mpack;

ftotal = parseFloat(ftotal);

      if(ftotal % 1 != 0)

      {

        ftotal = ftotal.toFixed(2);

      }

		if(pos == 0){

			$('#final-cost').html('{{ $curr->sign }}'+ftotal)

		}

		else{

			$('#final-cost').html(ftotal+'{{ $curr->sign }}')

		}



$('#grandtotal').val(ftotal);



$('#shipop').on('change',function(){



	var val = $(this).val();

	if(val == 'pickup'){

		$('#shipshow').removeClass('d-none');

		$("#ship-diff-address").parent().addClass('d-none');

        $('.ship-diff-addres-area').addClass('d-none');  

        $('.ship-diff-addres-area input, .ship-diff-addres-area select').prop('required',false);  

	}

	else{

		$('#shipshow').addClass('d-none');

		$("#ship-diff-address").parent().removeClass('d-none');

        $('.ship-diff-addres-area').removeClass('d-none');  

        $('.ship-diff-addres-area input, .ship-diff-addres-area select').prop('required',true); 

	}



});





$('.shipping').on('click',function(){

	mship = $(this).val();



$('#shipping-cost').val(mship);

var ttotal = parseFloat($('#tgrandtotal').val()) + parseFloat(mship) + parseFloat(mpack);

ttotal = parseFloat(ttotal);

      if(ttotal % 1 != 0)

      {

        ttotal = ttotal.toFixed(2);

      }

		if(pos == 0){

			$('#final-cost').html('{{ $curr->sign }}'+ttotal);

		}

		else{

			$('#final-cost').html(ttotal+'{{ $curr->sign }}');

		}

	

$('#grandtotal').val(ttotal);



})



$('.packing').on('click',function(){

	mpack = $(this).val();

$('#packing-cost').val(mpack);

var ttotal = parseFloat($('#tgrandtotal').val()) + parseFloat(mship) + parseFloat(mpack);

ttotal = parseFloat(ttotal);

      if(ttotal % 1 != 0)

      {

        ttotal = ttotal.toFixed(2);

      }



		if(pos == 0){

			$('#final-cost').html('{{ $curr->sign }}'+ttotal);

		}

		else{

			$('#final-cost').html(ttotal+'{{ $curr->sign }}');

		}	





$('#grandtotal').val(ttotal);

		

})



    $("#check-coupon-form").on('submit', function () {

        var val = $("#code").val();

        var total = $("#ttotal").val();

        var ship = 0;

            $.ajax({

                    type: "GET",

                    url:mainurl+"/carts/coupon/check",

                    data:{code:val, total:total, shipping_cost:ship},

                    success:function(data){

                        if(data == 0)

                        {

                        	toastr.error(langg.no_coupon);

                            $("#code").val("");

                        }

                        else if(data == 2)

                        {

                        	toastr.error(langg.already_coupon);

                            $("#code").val("");

                        }

                        else

                        {

                            $("#check-coupon-form").toggle();

                            $(".discount-bar").removeClass('d-none');



							if(pos == 0){

								$('#total-cost').html('{{ $curr->sign }}'+data[0]);

								$('#discount').html('{{ $curr->sign }}'+data[2]);

							}

							else{

								$('#total-cost').html(data[0]+'{{ $curr->sign }}');

								$('#discount').html(data[2]+'{{ $curr->sign }}');

							}

								$('#grandtotal').val(data[0]);

								$('#tgrandtotal').val(data[0]);

								$('#coupon_code').val(data[1]);

								$('#coupon_discount').val(data[2]);

								if(data[4] != 0){

								$('.dpercent').html('('+data[4]+')');

								}

								else{

								$('.dpercent').html('');									

								}





var ttotal = parseFloat($('#grandtotal').val()) + parseFloat(mship) + parseFloat(mpack);

ttotal = parseFloat(ttotal);

      if(ttotal % 1 != 0)

      {

        ttotal = ttotal.toFixed(2);

      }



		if(pos == 0){

			$('#final-cost').html('{{ $curr->sign }}'+ttotal)

		}

		else{

			$('#final-cost').html(ttotal+'{{ $curr->sign }}')

		}	



                        	toastr.success(langg.coupon_found);

                            $("#code").val("");

                        }

                      }

              }); 

              return false;

    });



// Password Checking



        $("#open-pass").on( "change", function() {

            if(this.checked){

             $('.set-account-pass').removeClass('d-none');  

             $('.set-account-pass input').prop('required',true); 

             $('#personal-email').prop('required',true);

             $('#personal-name').prop('required',true);

            }

            else{

             $('.set-account-pass').addClass('d-none');   

             $('.set-account-pass input').prop('required',false); 

             $('#personal-email').prop('required',false);

             $('#personal-name').prop('required',false);



            }

        });



// Password Checking Ends





// Shipping Address Checking



		$("#ship-diff-address").on( "change", function() {

            if(this.checked){

             $('.ship-diff-addres-area').removeClass('d-none');  

             $('.ship-diff-addres-area input, .ship-diff-addres-area select').prop('required',true); 

            }

            else{

             $('.ship-diff-addres-area').addClass('d-none');  

             $('.ship-diff-addres-area input, .ship-diff-addres-area select').prop('required',false);  

            }

            

        });





// Shipping Address Checking Ends







// Wallet Area Starts



$('#wallet').on('change',function(){

	if(this.checked){

		$('.wallet-box').removeClass('d-none')

	}else{

		$('.wallet-box').addClass('d-none')

	}

});





$("#wallet-form").on('submit', function (e) {

	e.preventDefault();

		var prev_wallet_price = parseFloat($("#wallet-price").val());

        var val = parseFloat($("#wallet-amount").val());

        var total = $("#grandtotal").val();



            $.ajax({

                    type: "GET",

                    url:mainurl+"/wallet/check",

                    data:{code:val, total:total, prev_price:prev_wallet_price},

                    success:function(data){

                        if(data == 0){

                        	toastr.error('Insufficient Amount!');

                        }

						else if(data == 1){

							toastr.error('Balance Exceeds From Wallet!');

						}

                        else{

							$("#wallet-amount").val('');

							$('#wallet').click();

							$("#grandtotal").val(data[0].toFixed(2));

							$("#tgrandtotal").val(data[0].toFixed(2));

							var wallet_price = parseFloat($("#wallet-price").val());

							if(wallet_price != 0){

								var wprice = data[1] + wallet_price;

								$("#wallet-price").val(wprice);

							}else{

								$("#wallet-price").val(data[1]);

							}

							$('.wallet-price').removeClass('d-none');

							if(pos == 0){

								$('#wallet-cost').html('{{ $curr->sign }}'+(data[1]+wallet_price));

								$('#final-cost').html('{{ $curr->sign }}'+data[0].toFixed(2));

							}

							else{

								$('#wallet-cost').html((data[1]+wallet_price)+'{{ $curr->sign }}');

								$('#final-cost').html(data[0].toFixed(2)+'{{ $curr->sign }}');

							}

							$('.shipping').prop('disabled',true);

							$('.packing').prop('disabled',true);

							$('#check-coupon-form button').prop('disabled',true);

							if(data[0] == 0){

								$('.checkoutform').prop('action','{{ route('wallet.submit') }}');

								$('.payment-information').addClass('d-none');

							}

                        	toastr.success('Successfully Paid From Your Wallet.');

                        }

                      }

              }); 



    });



// Wallet Area Ends



</script>





<script type="text/javascript">



var ck = 0;



	$('.checkoutform').on('submit',function(e){

		if(ck == 0) {

			e.preventDefault();			

		$('#pills-step2-tab').removeClass('disabled');

		$('#pills-step2-tab').click();



	}else {

		$('#preloader').show();

	}

	$('#pills-step1-tab').addClass('active');

	});



	$('#step1-btn').on('click',function(){

		$('#pills-step1-tab').removeClass('active');

		$('#pills-step2-tab').removeClass('active');

		$('#pills-step3-tab').removeClass('active');

		$('#pills-step2-tab').addClass('disabled');

		$('#pills-step3-tab').addClass('disabled');



		$('#pills-step1-tab').click();



	});



// Step 2 btn DONE



	$('#step2-btn').on('click',function(){

		$('#pills-step3-tab').removeClass('active');

		$('#pills-step1-tab').removeClass('active');

		$('#pills-step2-tab').removeClass('active');

		$('#pills-step3-tab').addClass('disabled');

		$('#pills-step2-tab').click();

		$('#pills-step1-tab').addClass('active');



	});



	$('#step3-btn').on('click',function(){

	 	if($('a.payment:first').data('val') == 'paystack'){

			$('.checkoutform').prop('id','step1-form');

		}

		else if($('a.payment:first').data('val') == 'voguepay'){

			$('.checkoutform').prop('id','voguepay');

		}

		else {

			$('.checkoutform').prop('id','twocheckout');

		}

		$('#pills-step3-tab').removeClass('disabled');

		$('#pills-step3-tab').click();



		var shipping_user  = !$('input[name="shipping_name"]').val() ? $('input[name="name"]').val() : $('input[name="shipping_name"]').val();

		var shipping_location  = !$('input[name="shipping_address"]').val() ? $('input[name="address"]').val() : $('input[name="shipping_address"]').val();

		var shipping_phone = !$('input[name="shipping_phone"]').val() ? $('input[name="phone"]').val() : $('input[name="shipping_phone"]').val();

		var shipping_email= !$('input[name="shipping_email"]').val() ? $('input[name="email"]').val() : $('input[name="shipping_email"]').val();



		$('#shipping_user').html('<i class="fas fa-user"></i>'+shipping_user);

		$('#shipping_location').html('<i class="fas fas fa-map-marker-alt"></i>'+shipping_location);

		$('#shipping_phone').html('<i class="fas fa-phone"></i>'+shipping_phone);

		$('#shipping_email').html('<i class="fas fa-envelope"></i>'+shipping_email);



		$('#pills-step1-tab').addClass('active');

		$('#pills-step2-tab').addClass('active');

	});



	$('#final-btn').on('click',function(){

		ck = 1;

	})





	$('.payment').on('click',function(){

		if($(this).data('val') == 'paystack'){

			$('.checkoutform').prop('id','step1-form');

		}

		else if($(this).data('val') == 'voguepay'){

			$('.checkoutform').prop('id','voguepay');

		}

		else {

			$('.checkoutform').prop('id','twocheckout');

		}

		$('.checkoutform').prop('action',$(this).data('form'));

		$('.pay-area #v-pills-tabContent .tab-pane.fade').not($(this).attr('href')).html('');

		var show = $(this).data('show');

		if(show != 'no') {

			$('.pay-area').removeClass('d-none');

		}

		else {

			$('.pay-area').addClass('d-none');

		}

		$($(this).attr('href')).load($(this).data('href'));

	})





        $(document).on('submit','#step1-form',function(){

        	$('#preloader').hide();

            var val = $('#sub').val();

            var total = $('#grandtotal').val();

			total = Math.round(total);

                if(val == 0)

                {

                var handler = PaystackPop.setup({

                  key: '{{$gs->paystack_key}}',

                  email: $('input[name=email]').val(),

                  amount: total * 100,

                  currency: "{{$curr->name}}",

                  ref: ''+Math.floor((Math.random() * 1000000000) + 1),

                  callback: function(response){

                    $('#ref_id').val(response.reference);

                    $('#sub').val('1');

                    $('#final-btn').click();

                  },

                  onClose: function(){

                  	window.location.reload();

                  }

                });

                handler.openIframe();

                    return false;                    

                }

                else {

                	$('#preloader').show();

                    return true;   

                }

		});

		



		closedFunction=function() {

        alert('window closed');

    	}



     	successFunction=function(transaction_id) {

        alert('Transaction was successful, Ref: '+transaction_id)

    	}



     	failedFunction=function(transaction_id) {

         alert('Transaction was not successful, Ref: '+transaction_id)

    	}





		

        $(document).on('submit','#voguepay',function(e){

        	$('#preloader').hide();

            var val = $('#sub').val();

            var total = $('#grandtotal').val();



               if(val == 0){

					e.preventDefault();

					Voguepay.init({

					v_merchant_id: '{{ $gs->vougepay_merchant_id }}',

					total: total,

					cur: '{{ $curr->name }}',

					merchant_ref: 'ref'+Math.floor((Math.random() * 1000000000) + 1),

					memo:'{{ $gs->title }} Order',

					developer_code: '{{ $gs->vougepay_developer_code }}',

					store_id:'{{ Auth::user() ? Auth::user()->id : 0 }}',

					closed:function(){

						var newval = $('#sub').val();

						if(newval == 0){

						  window.location.reload();

						}

						else {

							$('#final-btn').click();

						}

                  	},

					success:function(transaction_id){

					$('#ref_id').val(transaction_id);

					$('#sub').val('1');

                  	},

					failed:function(){

						alert('failed');

                  		window.location.reload();

                  	}

       				});

               }

                else {

                	$('#preloader').show();

                    return true;   

                }

		});





</script>











@endsection