@extends('general.head')
@section('middle')
<!-- Popper JS -->
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<style>
.col-md-6{
margin-top: 20px;
}
.col-md-12{
margin-top: 20px;
}
</style>
<div class="page-head_agile_info_w3l">
</div>
<!-- //banner-2 -->
<!-- page -->
<div class="services-breadcrumb">
<div class="agile_inner_breadcrumb">
<div class="container">
<ul class="w3_short">
<li>
<a href="{{ url('/') }}">Home</a>
<i>|</i>
</li>
<li>Shipping</li>
</ul>
</div>
</div>
</div>
<!-- //page -->
<!-- Single Page -->
<div class="banner-bootom-w3-agileits">
<div class="container">
<div class="col-md-8">
<div class="address_form_agile">
<!-- <h4>Add a new Details</h4>-->
<div class="panel panel-default">
<div class="panel-heading">
<i class="fa fa-bar-chart fa-lg"></i> <strong>Add Shippinog Address</strong>
</div>
<div class="panel-body">
<form method="get" action="{{ url('addmoney/stripe') }}" id="form_proceed_to_payment">
<input type="hidden" value="{{ Session::get('user_id') }}" id="user_session_id">
<div class="col-md-12">
@if(Session::Get('user_id')=="")
<i class="fa fa-user"></i> <strong style="color: #0000ff">Checkout As Guest</strong>
<span style="float: right"> Already have an account?
<a href="#" data-toggle="modal" data-target="#myModal1" style="color: #FF5722;font-weight: bold ">
<span class="fa fa-unlock-alt" aria-hidden="true"></span> Sign In </a>
</span>
<input type="email" id="guest_email" name="guest_email" class="form-control" placeholder="Enter Email Address">
@else
<div align="center" style="font-weight: bold">
<span class="page-main__emphasis">{{ Session::Get('user_first_name') }}</span>
<span data-rtl-ensure="" data-shopify-pay-customer-email="{{ Session::Get('user_email') }}">({{ Session::Get('user_email') }})</span>
</div>
@endif
</div>
<div class="col-md-12">
<label>First Name<span style="color: red">*</span></label>
<input type="text" class="form-control" value="{{ Session::get('user_first_name') }}" placeholder="First Name" name="first_name" required>
</div>
<div class="col-md-12">
<label>Last Name<span style="color: red">*</span></label>
<input type="text" class="form-control" value="{{ Session::get('user_last_name') }}" placeholder="First Name" name="last_name" required>
</div>
@if(Session::Get('user_id')=="")
@else
<div class="col-md-12">
<label>Addresses</label>
<select class="form-control address_id" class="">
<option>Add New Address</option>
@foreach($addresses as $address)
<option value="{{ $address->address_id }}" data-address1="{{ $address->address1 }}" data-address2="{{ $address->address2 }}" data-city="{{ $address->city }}" data-country="{{ $address->country_id }}" data-zip="{{ $address->zip }}" data-phone="{{ $address->phone }}">{{ $address->address1 }}</option>
@endforeach
</select>
</div>
@endif
<input type="hidden" name="_token" value="<?php echo csrf_token(); ?>">
<div class="col-md-12">
<label>Address Line 1<span style="color: red">*</span></label>
<input type="text" class="form-control" id="address1" name="address1" placeholder="Address Line 1" required>
</div>
<div class="col-md-12">
<label>Address Line 2</label>
<input type="text" class="form-control" id="address2" name="address2" value="" placeholder="Address Line 2" required>
</div>
<div class="col-md-6">
<label>City<span style="color: red">*</span></label>
<input type="text" class="form-control" id="city" name="city" value="" placeholder="Enter City" required>
</div>
<div class="col-md-6">
<label>County<span style="color: red">*</span></label>
<select class="form-control" id="country" name="country_id" data-default="" required>
@foreach($countries as $country)
<option value="{{ $country->id }}">{{ $country->name }}</option>
@endforeach
</select>
</div>
<div class="col-md-12">
<label>Postcode<span style="color: red">*</span></label>
<input type="text" class="form-control" id="zip" name="zip" value="" placeholder="Enter Postcode" required>
</div>
<div class="col-md-12">
<label>Phone<span style="color: red">*</span></label>
<input type="text" class="form-control" id="phone" name="phone" value="" placeholder="Enter Phone" required>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<body>
<?php $grandtotal=$subtotal+$shipping_charge+$tax_amount;
$grandtotal= number_format((float)$grandtotal, 2, '.', '');
?>
<input type="hidden" value="{{ $grandtotal }}" name="grandtotal" id="grand_total_amount">
<input type="hidden" name="subtotal" id="subtotal" value="{{ $subtotal }}">
<input type="hidden" name="coupen_user_id" id="coupen_user_id" value="0">
<input type="hidden" name="coupen_name" id="coupen_name" value="0">
<input type="hidden" name="shipping_charge" id="shipping_charge" value="{{ $shipping_charge }}">
<input type="hidden" name="tax_percentage" id="tax_percentage" value="{{ $tax_percentage }}">
<input type="hidden" name="tax_amount" id="tax_amount" value="{{ $tax_amount }}">
<input type="hidden" name="coupen_discount" id="coupen_discount" value="0">
<div class="w3-card-4" style="width:100%">
<header class="w3-container w3-light-grey">
<h4>Gift card or discount code</h4>
</header>
<div class="w3-container">
<div class="field field--show-floating-label">
<div class="field__input-btn-wrapper">
<div class="field__input-wrapper">
<!-- <label class="field__label field__label--visible" for="checkout_reduction_code">Gift card or discount code</label>-->
<input placeholder="Gift card or discount code" class="form-control" id="coupen" data-discount-field="true" autocomplete="off" aria-required="true" size="30" type="text" name="coupen">
</div>
<div align="center">
<button style="margin-top: 3px; margin-bottom: 10px" class="btn btn-primary field__input-btn btn check_coupen" aria-busy="false">
Apply
</button>
</div>
</div>
<div align="center" id="no_coupen_message" style="display: none"><span style="color: red; font-weight: bold">Coupon Does Not Exist</span></div>
<div align="center" id="yes_coupen_message" style="display: none"><span style="color: green; font-weight: bold">Coupon Applied Successfully</span></div>
</div>
</div>
<!-- <button class="w3-button w3-block w3-dark-grey"></button>-->
</div>
<style>
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
font-size: 0.9em;
color: #000000;
border-top: none !important;
}
</style>
<table class="table table-bordered">
<caption class="visually-hidden" style="font-size: 18px; color: #000000">Cost summary</caption>
<br>
<thead>
<tr>
<th scope="col"><span class="visually-hidden">Description</span></th>
<th scope="col"><span class="visually-hidden">Price</span></th>
</tr>
</thead>
<tbody class="total-line-table__tbody" style="color: #000000 !important;">
<tr class="total-line total-line--subtotal">
<th class="total-line__name" scope="row">Subtotal</th>
<td class="total-line__price">
<span class="order-summary__emphasis skeleton-while-loading" data-checkout-subtotal-price-target="395">
£
<?php echo number_format((float)$subtotal, 2, '.', '')?>
<br>
</span>
</td>
</tr>
@if(($shipping_charge)>0)
<tr class="total-line total-line--subtotal">
<th class="total-line__name" scope="row">Shipping Charge</th>
<td class="total-line__price">
<span class="order-summary__emphasis skeleton-while-loading" data-checkout-subtotal-price-target="395">
£{{ $shipping_charge }}
<br>
</span>
</td>
</tr>
@endif
@if(($tax_amount)>0)
<tr class="total-line total-line--subtotal">
<th class="total-line__name" scope="row">VAT({{ $tax_percentage }}%)</th>
<td class="total-line__price">
<span class="order-summary__emphasis skeleton-while-loading" data-checkout-subtotal-price-target="395">
£{{ $tax_amount }}
<br>
</span>
</td>
</tr>
@endif
<tr id="discount_row" class="total-line total-line--shipping" style="display: none">
<th class="total-line__name" scope="row">
<span style="color: red;font-weight: bold; c">
Discounted Amount
</span>
</th>
<td class="total-line__price">
<span style="color: red;" class="skeleton-while-loading order-summary__small-text" data-checkout-total-shipping-target="0">
£ -<span id="discount_amount" style="font-weight: bold; font-size: 16px">0</span>
</span>
</td>
</tr>
</tbody>
<tfoot class="total-line-table__footer">
<tr class="total-line">
<th class="total-line__name payment-due-label" scope="row">
<span class="payment-due-label__total">Total</span>
</th>
<td class="total-line__price payment-due" data-presentment-currency="GBP">
<?php $grandtotal=$subtotal+$shipping_charge+$tax_amount;
$grandtotal= number_format((float)$grandtotal, 2, '.', '');
?>
<span id="grandtotal" class="payment-due__price skeleton-while-loading--lg" data-checkout-payment-due-target="395" style="font-weight: bold; font-size: 17px; color: #008000">
£{{ $grandtotal }}
</span>
</td>
</tr>
</tfoot>
</table>
</div>
<div class="col-md-12" >
<div class="checkout-right-basket">
<button id="proceed_to_payment" style="padding: 12px 25px;
color: #fff;
font-size: 16px;
background: #000;
text-decoration: none;
letter-spacing: 1px;
display: inline-block;">Make a Payment <span class="fa fa-hand-o-right" aria-hidden="true"></span></button>
<button id="khan" type="submit" style="display: none">Click for submit</button>
</div>
</div>
</div>
</div>
</form>
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('body').on('change' ,'.address_id' , function(){
var address1=$(this).find(':selected').data('address1');
var address2=$(this).find(':selected').data('address2');
var city=$(this).find(':selected').data('city');
var country=$(this).find(':selected').data('country');
var zip=$(this).find(':selected').data('zip');
var phone=$(this).find(':selected').data('phone');
$('#address1').val(address1);
$('#address2').val(address2);
$('#city').val(city);
$('#country').val(country);
$('#zip').val(zip);
$('#phone').val(phone);
});
$('.check_coupen').click(function(e){
e.preventDefault();
var coupen= $('#coupen').val();
$.get("{{ url('check_user_coupen') }}"+'/'+coupen,function(response){
if(response=='NO_USER' || response=='NO_COUPEN'){
$('#no_coupen_message').show();
$('#yes_coupen_message').hide();
$('#coupen').text('');
var subtotal=parseFloat($('#subtotal').val());
var tax_amount=parseFloat($('#tax_amount').val());
var shipping_charge=parseFloat($('#shipping_charge').val());
var grandtotal=subtotal+tax_amount+shipping_charge;
$('#grandtotal').text(grandtotal.toFixed(2));
$('#grand_total_amount').val((grandtotal).toFixed(2));
$('#discount_row').hide();
$('#coupen_user_id').val(0)
$('#coupen_name').val(0)
$('#coupen_discount').val(0);
}
else{
$.each(response,function(key,value){
var subtotal=$('#subtotal').val();
var percentage=value.percentage;
var discount_amount=(percentage/100)*subtotal;
$('#coupen_discount').val((discount_amount).toFixed(2));
$('#discount_row').show();
$('#discount_amount').text((discount_amount).toFixed(2));
$('#grandtotal').text((subtotal-discount_amount).toFixed(2));
$('#grand_total_amount').val(subtotal-discount_amount);
var grandtotal=parseFloat($('#grand_total_amount').val());
var tax_amount=parseFloat($('#tax_amount').val());
var shipping_charge=parseFloat($('#shipping_charge').val());
sum=grandtotal+tax_amount+shipping_charge;
$('#grandtotal').text(sum.toFixed(2));
$('#grand_total_amount').val(sum.toFixed(2));
$('#no_coupen_message').hide();
$('#yes_coupen_message').show();
$('#coupen_user_id').val(value.coupen_user_id)
$('#coupen_name').val(value.coupen)
});
}
});
}) ;
$('#zip').on('change',function(){
});
$('#proceed_to_payment').on('click',function(e){
e.preventDefault();
var zip=$('#zip').val();
var res = zip.substring(0, 3);//get first 5 chars
$.get("{{ url('checkzip') }}"+'/'+res,function(response){
if(response=='Y'){
var user_session_id=$('#user_session_id').val();
if(user_session_id==""){
if($('#guest_email').val()==""){
swal('Please Enter Email')
}
else{
$('#khan').click();
}
}
else{
$('#khan').click();
}
}
else{
swal('We Do not Cover this area ')
}
});
});
});
</script>
@endsection
Anons79 File Manager Version 1.0, Coded By Anons79
Email: [email protected]
Anons79 Mini Shell