|
|
@ -1,15 +1,15 @@ |
|
|
<html> |
|
|
<html> |
|
|
<header> |
|
|
<header> |
|
|
<div id="pageLoader" |
|
|
<div id="pageLoader" |
|
|
style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); z-index: 9999; text-align: center;"> |
|
|
|
|
|
<div style="position: relative; top: 50%; transform: translateY(-50%);"> |
|
|
|
|
|
<div class="spinner-border text-primary" role="status" style="width: 3rem; height: 3rem;"> |
|
|
|
|
|
<span class="sr-only">Loading...</span> |
|
|
|
|
|
</div> |
|
|
|
|
|
<!-- Add the 'Please wait' text below the spinner --> |
|
|
|
|
|
<p style="margin-top: 1rem; font-size: 1.2rem; color: #007bff;">Please wait...</p> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); z-index: 9999; text-align: center;"> |
|
|
|
|
|
<div style="position: relative; top: 50%; transform: translateY(-50%);"> |
|
|
|
|
|
<div class="spinner-border text-primary" role="status" style="width: 3rem; height: 3rem;"> |
|
|
|
|
|
<span class="sr-only">Loading...</span> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<!-- Add the 'Please wait' text below the spinner --> |
|
|
|
|
|
<p style="margin-top: 1rem; font-size: 1.2rem; color: #007bff;">Please wait...</p> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
<script src="https://checkout.razorpay.com/v1/checkout.js"></script> |
|
|
<script src="https://checkout.razorpay.com/v1/checkout.js"></script> |
|
|
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script> |
|
|
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script> |
|
|
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> |
|
|
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> |
|
|
@ -31,8 +31,8 @@ |
|
|
console.log(response); |
|
|
console.log(response); |
|
|
if (response.status == "created") { |
|
|
if (response.status == "created") { |
|
|
let options = { |
|
|
let options = { |
|
|
"key": "[[${keyId}]]", |
|
|
|
|
|
//"key": "rzp_test_tDkHFEqWXmuEi8", // Enter the Key ID generated from the Dashboard |
|
|
|
|
|
|
|
|
// "key": "[[${keyId}]]", |
|
|
|
|
|
"key": "rzp_test_tDkHFEqWXmuEi8", // Enter the Key ID generated from the Dashboard |
|
|
"amount": response.amount, // Amount is in currency subunits. Default currency is INR. Hence, 50000 refers to 50000 paise |
|
|
"amount": response.amount, // Amount is in currency subunits. Default currency is INR. Hence, 50000 refers to 50000 paise |
|
|
"currency": "INR", |
|
|
"currency": "INR", |
|
|
"name": "Greater Chennai Corporation", |
|
|
"name": "Greater Chennai Corporation", |
|
|
@ -50,28 +50,28 @@ |
|
|
|
|
|
|
|
|
//updatePaymentInServer(response.razorpay_payment_id, response.razorpay_order_id, "paid", id, amt); |
|
|
//updatePaymentInServer(response.razorpay_payment_id, response.razorpay_order_id, "paid", id, amt); |
|
|
Swal.fire({ |
|
|
Swal.fire({ |
|
|
title: "Payment Successful 🎉", |
|
|
|
|
|
text: "Congratulations! Payment completed successfully.", |
|
|
|
|
|
icon: "success", |
|
|
|
|
|
confirmButtonText: "OK" |
|
|
|
|
|
}).then((result) => { |
|
|
|
|
|
|
|
|
title: "Payment Successful 🎉", |
|
|
|
|
|
text: "Congratulations! Payment completed successfully.", |
|
|
|
|
|
icon: "success", |
|
|
|
|
|
confirmButtonText: "OK" |
|
|
|
|
|
}).then((result) => { |
|
|
|
|
|
|
|
|
if (result.isConfirmed) { |
|
|
|
|
|
$('#pageLoader').show(); |
|
|
|
|
|
|
|
|
if (result.isConfirmed) { |
|
|
|
|
|
$('#pageLoader').show(); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
updatePaymentInServer( |
|
|
|
|
|
response.razorpay_payment_id, |
|
|
|
|
|
response.razorpay_order_id, |
|
|
|
|
|
"paid", |
|
|
|
|
|
id, |
|
|
|
|
|
amt |
|
|
|
|
|
); |
|
|
|
|
|
|
|
|
updatePaymentInServer( |
|
|
|
|
|
response.razorpay_payment_id, |
|
|
|
|
|
response.razorpay_order_id, |
|
|
|
|
|
"paid", |
|
|
|
|
|
id, |
|
|
|
|
|
amt |
|
|
|
|
|
); |
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
}); |
|
|
}, |
|
|
}, |
|
|
"prefill": { |
|
|
"prefill": { |
|
|
"name": "", |
|
|
"name": "", |
|
|
|