| Server IP : 3.111.61.48 / Your IP : 216.73.216.67 Web Server : Apache System : Linux ip-10-0-5-176 6.8.0-1057-aws #60~22.04.1-Ubuntu SMP Wed May 27 08:16:59 UTC 2026 x86_64 User : ubuntu ( 1000) PHP Version : 8.2.31 Disable Function : exec,passthru,shell_exec,system MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /var/www/vhost/gyaniguru.org/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GyaniGuru | Payment</title>
<script src="https://checkout.razorpay.com/v1/checkout.js"></script>
<style>
body { font-family: 'Arial', sans-serif; background: linear-gradient(to right, #0072ff, #00c6ff); margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; height: 100vh; color: #fff; }
.container { background: #fff; padding: 20px; border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); text-align: center; max-width: 400px; width: 100%; color: #333; }
.container h2 { font-size: 1.8rem; margin-bottom: 15px; color: #0072ff; }
.form-group { margin: 10px 0; }
.form-group label { display: block; font-size: 0.9rem; margin-bottom: 5px; text-align: left; }
.form-group input { width: 95%; padding: 10px; font-size: 1rem; border: 1px solid #ddd; border-radius: 5px; margin-bottom: 10px; }
.btn { background: #0072ff; color: #fff; padding: 10px 20px; font-size: 1rem; border: none; border-radius: 5px; cursor: pointer; transition: background 0.3s ease; margin-top: 10px; }
.btn:hover { background: #005bb5; }
</style>
</head>
<body>
<div class="container">
<h2>Complete Your Registration</h2>
<img src="assets/my/razorpay.jpeg" alt="" width="120px" style="border-radius: 5px;">
<form id="paymentForm" novalidate>
<div class="form-group">
<label for="name">Full Name</label>
<input type="text" id="name" name="name" required placeholder="Enter your full name">
</div>
<div class="form-group">
<label for="email">Email Address</label>
<input type="email" id="email" name="email" required placeholder="Enter your email">
</div>
<div class="form-group">
<label for="contact">Contact Number</label>
<input type="tel" id="contact" name="contact" required pattern="^[6-9]\d{9}$" placeholder="Enter your contact number (10 digits)">
</div>
<input type="hidden" id="page_id" value="page1"> <!-- Change this for different pages -->
<p class="price text-success" style="color: green; font-weight: bold;">Pay ₹99</p>
<button type="button" id="rzp-button1" class="btn">Proceed to Pay</button>
</form>
</div>
<script>
fetch('create_order.php')
.then(response => response.json())
.then(data => {
if (data.error) {
alert("Error creating order: " + data.error);
return;
}
var options = {
"key": "rzp_live_LoCEd8u2DwbRHy",
"amount": data.amount,
"currency": data.currency,
"name": "Gyani Guru",
"description": "Registration Payment",
"order_id": data.order_id,
"handler": function (response) {
const name = document.getElementById('name').value;
const email = document.getElementById('email').value;
const contact = document.getElementById('contact').value;
const pageId = document.getElementById('page_id').value;
fetch('payment_success.php', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
razorpay_payment_id: response.razorpay_payment_id,
razorpay_order_id: response.razorpay_order_id,
razorpay_signature: response.razorpay_signature,
name: name,
email: email,
contact: contact,
page_id: pageId
})
})
.then(res => res.json())
.then(data => {
if (data.success) {
window.location.href = `thank_you.html?payment_id=${response.razorpay_payment_id}&page_id=${pageId}`;
} else {
alert("There was an issue with the payment processing.");
}
})
.catch(err => {
console.error("Error sending payment data to backend:", err);
alert("Payment successful, but failed to send details to the server.");
});
},
"prefill": {
"name": document.getElementById('name').value,
"email": document.getElementById('email').value,
"contact": document.getElementById('contact').value,
},
"theme": { "color": "#3399cc" }
};
var rzp1 = new Razorpay(options);
document.getElementById('rzp-button1').onclick = function (e) {
if (document.getElementById('paymentForm').checkValidity()) {
rzp1.open();
e.preventDefault();
} else {
alert("Please fill out all fields correctly.");
}
};
})
.catch(error => {
alert("Error fetching order from backend!");
console.error("Error fetching order:", error);
});
</script>
</body>
</html>