Payment.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Payment Success</title>
</head>
<style>
.main {
border: 1px solid black;
border-radius: 10px;
margin: 5%;
margin-left: 20%;
margin-right: 20%;
background-color: azure;
}
.b {
background-color: aquamarine;
}
table {
border: 1px solid black;
margin: 2%;
width: 96%;
}
.one {
padding-top: 2%;
display: flex;
width: 98%;
margin-right: 1%;
margin-left: 2%;
}
.two {
font-family: 'Times New Roman';
font-size: 18px;
text-align: right;
}
th {
font-size: 20px;
margin-right: 2%;
margin-top: 3%;
}
button {
border: 1px solid black;
font-size: 18px;
background-color: rgb(159, 128, 189);
font-weight: bold;
}
h1 {
font-size: 25px;
margin-left: 5%;
margin-right: 4%;
color:rgb(82, 55, 82);
border-radius: 3px;
background-color: rgb(182, 142, 170);
}
.ls {
font-size: 20px;
margin-bottom: 2%;
width: fit-content;
border: 0px;
margin-left: 32%;
}
.uni {
margin-left: 5%;
margin-bottom: 3%;
}
.trb, select {
float: right;
max-width: 44%;
}
label {
margin-left: 2%;
font-size: 20px;
}
</style>
<body class="b">
<div class="main">
<h1>Quick Ebill</h1>
<table>
<tr class = "one">
<nav>
<th style = "border: 2px;"><a href = "viewbill.html">Home</a></th>
<th><a href = "Bill.html">Pay Bill</a></th>
<th><a href = "Regcom.html">Register Complaint</a></th>
<th><a href = "comstatus.html">Complaint Status</a></th>
</nav>
</tr>
<tr class = "two">
<td></td>
<td style="background-color: rgb(185, 172, 201); text-align: center;">Welcome <label><span id="ua"></span></label></td>
<td><button onclick="logn()" style="margin-right: 15%;">Logout</button></td>
</tr>
</table>
<form>
<h1>Payment Done Successfully..</h1>
<div style="display: flex;">
<div style="font-size: 25px; margin-left: 5%;">Total Amount Paid: ₹</div>
<div style="font-size: 25px; margin-left: 2%;" id="fp1"></div>
</div>
<h1>Online Payment - Transaction Details</h1>
<div style="overflow: auto;">
<table style="border-collapse: collapse; width: 96%;">
<tr style="background-color: rgb(221, 172, 209); font-weight: bold;">
<td style="border: 1px solid black;">Transaction Number</td>
<td style="border: 1px solid black;">Receipt Number</td>
<td style="border: 1px solid black;">Transaction Date</td>
<td style="border: 1px solid black;">Transaction Type</td>
<td style="border: 1px solid black;">Payment Type</td>
<td style="border: 1px solid black;">Payment Gateway</td>
<td style="border: 1px solid black;">Section</td>
<td style="border: 1px solid black;">Consumer Number</td>
<td style="border: 1px solid black;">Paid Amount</td>
</tr>
<tr>
<td style="border: 1px solid black;">345980345</td>
<td style="border: 1px solid black;">2134567890976</td>
<td style="border: 1px solid black;">Date</td>
<td style="border: 1px solid black;">DC</td>
<td style="border: 1px solid black;">Registered User</td>
<td style="border: 1px solid black;">EFG Payment Gateway</td>
<td style="border: 1px solid black;">ABC</td>
<td style="border: 1px solid black;">1123243445678</td>
<td style="border: 1px solid black;" id="fp2">₹2028.00</td>
</tr>
</table>
</div>
<table class = "ls">
<tr>
<td>
<button onclick="hom()">Back to Home</button>
<button>Download</button>
</td>
</tr>
</table>
</form>
</div>