forked from deepakChourasiya-aj/Furniture-Stock
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathPayment.html
126 lines (113 loc) · 4.73 KB
/
Payment.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!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">
<link rel="stylesheet" href="Dee_Payment.css">
<title>Payment Page</title>
</head>
<style>
#dee_furnilogo img{
width: 25%;
margin-bottom: 50px;
}
</style>
<body>
<!-- <div id="dee_furnilogo">
<img src="furniturefinallogo.png" alt="logo">
</div> -->
<!-- -->
<div id="dee_furnilogo">
<img src="furniturefinallogo.png" alt="logo">
</div>
<div class="container_payment">
<!-- -->
<div class="dee_container">
<!-- <h1 id="dee_PaymentStatus"> ₹ Payment GateWay ₹</h1> -->
<div id="gatePaymentid"> <h1 id="dee_PaymentStatus"> ₹ Payment GateWay ₹</h1>
</div>
<div class="dee_first_row">
<div class="dee_owner">
<h3 id="deecardh3">Owner</h3>
<div class="dee_input_field">
<input type="text" id="dee_ownerPay" placeholder="Enter Card Holder Name">
</div>
</div>
<div class="dee_cvv">
<h3 id="deecardh3">CVV</h3>
<div class="dee_input_field">
<input id="dee_cvvPay" type="password" placeholder="CVV" >
</div>
</div>
</div>
<div class="dee_seond_row">
<div class="dee_card_owner">
<h3 id="deecardh3">Card Number</h3>
<div class="dee_input_field">
<input type="text" id="dee_cardNoPay" placeholder="Enter Card Number">
</div>
</div>
<div class="dee_thire_row">
<h3 id="deecardhExpire3">Card Expire</h3>
<div class="dee_slections">
<div class="dee_data">
<select name="months" id="dee_months">
<option value="Jan">Jan</option>
<option value="Feb">Feb</option>
<option value="March">March</option>
<option value="April">April</option>
<option value="May">May</option>
<option value="June">June</option>
<option value="July">July</option>
<option value="August">August</option>
<option value="Sept">Sept</option>
<option value="Oct">Oct</option>
<option value="Nov">Nov</option>
<option value="Dec">Dec</option>
</select>
<select name="years" onchange="yearschange()" id="dee_years">
<option value="2020">2020</option>
<option value="2021">2021</option>
<option value="2022">2022</option>
<option value="2023">2023</option>
</select>
</div>
<div class="cards">
<img src="mc.png" alt="">
<img src="pp.png" alt="">
<img src="vi.png" alt="">
</div>
</div>
</div>
</div>
<button onclick="paymentStatus()" id="dee_paymentbutton" >Confirm Payment</button>
</div>
</div>
</body>
</html>
<script>
function yearschange(){
let val = document.querySelector('#dee_years').value;
console.log(val);
}
yearschange()
let exp = document.querySelector('#dee_years').value;
let months = document.querySelector('#dee_months').value;
let cardNO = document.querySelector('#dee_cardNoPay').value;
let ownNma = document.querySelector('#dee_ownerPay').value;
let cvvval = document.querySelector('#dee_cvvPay').value;
let payment = document.querySelector('#dee_PaymentStatus');
async function paymentStatus(){
payment.innerHTML = 'Processing Payment...'
return new Promise((resolve, reject) => {
setTimeout(()=>{
resolve(payment.innerHTML = 'Successfully Paid', window.location.href = "index.html");
// console.log(exp,months,cardNO,ownNma,cvvval);
// console.log('resolved');
},2000)
})
}
payment.innerHTML = '₹ Payment GateWay ₹'
// console.log(paymentStatus());
</script>