Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/corals/mcoil.corals.io/resources/views/front/payments/ |
<div id="payNowModal" class="modal " role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title"></h4>
</div>
<div class="modal-body">
<div class="row">
<div class="form-group">
<form action="{{ route('checkout.execute') }}" method="post" class="pull-right" id="stripeForm">
<input type="hidden" name="payment" value="{{ config('stripe.name') }}">
<input type="hidden" name="stripeToken" value="">
<input type="hidden" class="billing_address" name="billing_address" value="">
<input type="hidden" class="delivery_address_id" name="delivery_address" value="">
<input type="hidden" class="courier" name="courier" value="">
<input type="hidden" class="order_id" name="order_id" value="{{ $orderDetails->id ?? '' }}">
<input type="hidden" class="discount_coupon" name="discount_coupon" value="{{ $discountCoupon }}">
<input type="hidden" class="discount_type" name="discount_type" value="{{ $discountType }}">
<input type="hidden" class="discount_value" name="discount_value" value="{{ $discountValue }}">
<input type="hidden" class="discount_amount" name="discount_amount" value="{{ $discountAmount }}">
<input type="hidden" name="delivery_note" id="delivery_note" value="">
<input type="hidden" name="amount" id="delivery_note" value="">
{{ csrf_field() }}
<div id="cardpayment" class="card_payment_type">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="name">Card Holder Name <span class="text-danger">*</span></label>
<input type="text" id="name" name="name" class="form-control input-lg" data-card-details="cardholder-name" />
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="email">Email Address <span class="text-danger">*</span></label>
<input type="text" id="email" name="email" class="form-control input-lg" readonly value="{{$customer->email}}" />
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="card-number">Card Number <span class="text-danger">*</span></label>
<input type="text" id="card-number" name="card-number" class="form-control input-lg" data-card-details="card-number" />
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="month">Expiry Month / Year <span class="text-danger">*</span></label>
<div class="row">
<div class="col-md-6">
<select name="month" id="month" class="form-control custom-select input-lg">
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>
</div>
<div class="col-md-6">
<select name="year" id="year" class="form-control custom-select input-lg">
<option value="20">2020</option>
<option value="21">2021</option>
<option value="22">2022</option>
<option value="23">2023</option>
<option value="24">2024</option>
<option value="25">2025</option>
<option value="26">2026</option>
<option value="27">2027</option>
<option value="28">2028</option>
<option value="29">2029</option>
<option value="30">2030</option>
<option value="31">2031</option>
<option value="32">2032</option>
<option value="33">2033</option>
<option value="34">2034</option>
</select>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="cvc">CVC <span class="text-danger">*</span></label>
<input type="text" name="cvc" id="cvc" class="form-control input-lg cvv-input" data-card-details="security-code">
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<img class="img-fluid m-1" src="{{ URL::asset('/images/opayo.png') }}" alt="Opayo Secure Payment" />
</div>
</div>
</div>
<input type='hidden' name='currency_code' value='EUR'>
<input type="submit" name="pay_now" value="Pay Now" id="submit-btn card_pay_Now" class="btn btn-lg btn-block btn-send" onClick="stripePay(event);" id="card_pay_Now" />
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="{{ config('constants.evalon_url') }}/api/v1/js/sagepay.js"></script>
<script>
function stripePay(e){
e.preventDefault();
var valid = cardValidation();
if (valid == true) {
let total = parseFloat("{{ $total + $tax }}");
let shipping = parseFloat($('#shippingFeeC').val());
let amount = total;
if (!isNaN( shipping)) {
let amount = total + shipping;
}
// Deduct the discount (If any)
var discount = '{{ $discountAmount }}';
if (discount != 0) {
amount = amount - discount;
}
var month = $('#month').val();
var year = $('#year').val();
$("#submit-btn").hide();
$( "#loader" ).css("display", "inline-block");
var merchant_key = "<?php echo $merchantSessionKey; ?>";
sagepayOwnForm({
merchantSessionKey: "<?php echo $merchantSessionKey; ?>" })
.tokeniseCardDetails({
cardDetails: {
cardholderName: document.querySelector('[data-card-details="cardholder-name"]').value,
cardNumber: document.querySelector('[data-card-details="card-number"]').value,
expiryDate: month.trim()+year.trim(),
securityCode: document.querySelector('[data-card-details="security-code"]').value },
onTokenised : function(result) {
if (result.success) {
$("#stripeForm").append("<input type='hidden' name='card-identifier' value='" + result.cardIdentifier + "' />");
$("#stripeForm").append("<input type='hidden' name='merchent_key' value='" + merchant_key + "' />");
$("#stripeForm").append("<input type='hidden' name='total_amount' value='" + amount + "' />");
document.getElementById('stripeForm').submit();
}
else {
}
}
});
return false;
} else {
alert("Invalid Entries"); return false;
}
}
function cardValidation () {
var valid = true;
var name = $('#name').val();
var cardNumber = $('#card-number').val();
var month = $('#month').val();
var year = $('#year').val();
var cvc = $('#cvc').val();
$("#error-message").html("").hide();
if (name.trim() == "") {
valid = false;
}
if (cardNumber.trim() == "") {
valid = false;
}
if (month.trim() == "") {
valid = false;
}
if (year.trim() == "") {
valid = false;
}
if (cvc.trim() == "") {
valid = false;
}
if (valid == false) {
$("#error-message").html("All Fields are required").show();
}
return valid;
}
$(document).ready(function () {
// To set the initial values rquired for payment
let billingAddressId = $('input[name="billing_address"]:checked').val();
$('.billing_address').val(billingAddressId);
$('.delivery_address_id').val(billingAddressId);
$('input[name="billing_address"]').on('change', function () {
billingAddressId = $('input[name="billing_address"]:checked').val();
$('.billing_address').val(billingAddressId);
});
let courierRadioBtn = $('input[name="rate"]');
courierRadioBtn.click(function () {
$('.rate').val($(this).val())
});
// Close Checkout on page navigation:
window.addEventListener('popstate', function() {
handler.close();
});
});
</script>