ikan Uploader :
Directory : /home/ni05r7l36tus/www/poojajewellersbbsr.com/
Upload File : |
| Current File : //home/ni05r7l36tus/www/poojajewellersbbsr.com/payment-success.php |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Order Successful</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<style>
body {
background: #fdf6e3;
font-family: 'Poppins', sans-serif;
min-height: 100vh;
padding: 30px;
color: #333;
}
h1 {
color: #b68d40;
font-size: 2.5rem;
margin-bottom: 20px;
text-align: center;
}
.section-title {
color: #a67c00;
font-weight: 600;
border-bottom: 2px solid #f1e1b6;
padding-bottom: 5px;
margin: 25px 0 15px;
font-size: 1.3rem;
}
.card {
background: #fff;
border-radius: 16px;
padding: 25px;
margin-bottom: 20px;
box-shadow: 0 6px 20px rgba(0,0,0,0.1);
}
.btn-home {
display: inline-block;
margin-top: 20px;
background: linear-gradient(45deg, #b68d40, #e6c87a);
color: #fff;
border: none;
border-radius: 50px;
padding: 10px 25px;
font-weight: 600;
text-decoration: none;
}
.btn-home:hover {
background: linear-gradient(45deg, #9a732d, #d1b35a);
transform: translateY(-2px) scale(1.02);
}
</style>
</head>
<body>
<div class="container">
<h1>💎 Order Confirmed! 💎</h1>
<p class="text-center">Thank you, <span id="customerName"></span>.<br>Your payment ID is: <span id="paymentId"></span></p>
<!-- Customer Info -->
<div class="card">
<div class="section-title">Customer Information</div>
<p><strong>Name:</strong> <span id="fullName"></span></p>
<p><strong>Email:</strong> <span id="email"></span></p>
<p><strong>Phone:</strong> <span id="phone"></span></p>
<p><strong>Gender:</strong> <span id="gender"></span></p>
<p><strong>Address:</strong> <span id="address"></span>, <span id="city"></span>,
<span id="state"></span> - <span id="zip"></span></p>
<p><strong>Preferred Delivery Date:</strong> <span id="deliveryDate"></span></p>
<p><strong>Payment Method:</strong> <span id="paymentMethod"></span></p>
<p><strong>Instructions:</strong> <span id="instructions"></span></p>
</div>
<!-- Products -->
<div class="card">
<div class="section-title">Ordered Products</div>
<div id="productList"></div>
</div>
<!-- Totals -->
<div class="card">
<div class="section-title">Order Summary</div>
<p><strong>Subtotal:</strong> <span id="subtotal"></span></p>
<p><strong>Tax:</strong> <span id="tax"></span></p>
<p><strong>Delivery Charges:</strong> <span id="delivery"></span></p>
<p class="fs-5"><strong>Total:</strong> <span id="total"></span></p>
</div>
<div class="text-center">
<a href="orderform.php" class="btn-home">Back to Home</a>
</div>
</div>
<script>
// Load basic customer info
document.getElementById("customerName").innerText = localStorage.getItem("firstName") + " " + localStorage.getItem("lastName");
document.getElementById("paymentId").innerText = localStorage.getItem("razorpay_payment_id") || "TXN123456";
// Fill personal info
document.getElementById("fullName").innerText = localStorage.getItem("firstName") + " " + localStorage.getItem("lastName");
document.getElementById("email").innerText = localStorage.getItem("email");
document.getElementById("phone").innerText = localStorage.getItem("phone");
document.getElementById("gender").innerText = localStorage.getItem("gender");
document.getElementById("address").innerText = localStorage.getItem("address");
document.getElementById("city").innerText = localStorage.getItem("city");
document.getElementById("state").innerText = localStorage.getItem("state");
document.getElementById("zip").innerText = localStorage.getItem("zip");
document.getElementById("deliveryDate").innerText = localStorage.getItem("deliveryDate");
document.getElementById("paymentMethod").innerText = localStorage.getItem("paymentMethod");
document.getElementById("instructions").innerText = localStorage.getItem("instructions");
// Load products
const productList = document.getElementById("productList");
const products = JSON.parse(localStorage.getItem("products") || "[]");
products.forEach(p => {
const div = document.createElement("div");
div.classList.add("mb-2", "p-2", "border-bottom");
div.innerHTML = `<strong>${p.name}</strong> (${p.details})<br>
Qty: ${p.qty} | Price: ₹${p.price}`;
productList.appendChild(div);
});
// Load totals
document.getElementById("subtotal").innerText = localStorage.getItem("subtotal");
document.getElementById("tax").innerText = localStorage.getItem("tax");
document.getElementById("delivery").innerText = localStorage.getItem("delivery");
document.getElementById("total").innerText = localStorage.getItem("total");
</script>
</body>
</html>
........