Skip to content

Commit 6feab60

Browse files
authored
Update details.html
1 parent fbdc590 commit 6feab60

File tree

1 file changed

+66
-22
lines changed

1 file changed

+66
-22
lines changed

payment_integration/details.html

Lines changed: 66 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,70 @@
11
<!DOCTYPE html>
22
<html>
3-
<head>
4-
<meta charset="UTF-8">
3+
<head>
4+
<meta charset="UTF-8" />
55
<title>Personal Details</title>
6-
<link rel="stylesheet" href="detail.css">
7-
</head>
8-
<body>
9-
<div class="heading">
10-
<h2>FILL THE DETAILS</h2>
11-
</div>
12-
<div id="smart-button-container">
13-
<div style="text-align: center"><label for="description">Pay to </label><input type="text" name="descriptionInput" id="description" maxlength="127" value=""></div>
14-
<p id="descriptionError" style="visibility: hidden; color:red; text-align: center;">Please enter a description</p>
15-
<div style="text-align: center"><label for="amount">Amount </label><input name="amountInput" type="number" id="amount" value="" ><span> USD</span></div>
16-
<p id="priceLabelError" style="visibility: hidden; color:red; text-align: center;">Please enter a price</p>
17-
<div id="invoiceidDiv" style="text-align: center; display: none;"><label for="invoiceid"> </label><input name="invoiceid" maxlength="127" type="text" id="invoiceid" value="" ></div>
18-
<p id="invoiceidError" style="visibility: hidden; color:red; text-align: center;">Please enter an Invoice ID</p>
19-
<div style="text-align: center; margin-top: 0.625rem;" id="paypal-button-container"></div>
20-
</div>
21-
22-
<script src="https://www.paypal.com/sdk/js?client-id=AZL8xbEw0LMzsy0E9tBt3LIfYcL3y-1v35KBvvLcKexPocsuRElvdeTYRLJJCzDS02Vor0fx_3TjsMQD&currency=USD" data-sdk-integration-source="button-factory"></script>
23-
<script src="payment.js"></script>
24-
25-
</body>
6+
<link rel="stylesheet" href="detail.css" />
7+
</head>
8+
<body>
9+
<div class="heading">
10+
<h2>FILL THE DETAILS</h2>
11+
</div>
12+
<div id="smart-button-container">
13+
<div style="text-align: center">
14+
<label for="description">Pay to </label
15+
><input
16+
type="text"
17+
name="descriptionInput"
18+
id="description"
19+
maxlength="127"
20+
value=""
21+
/>
22+
</div>
23+
<p
24+
id="descriptionError"
25+
style="visibility: hidden; color:red; text-align: center;"
26+
>
27+
Please enter a description
28+
</p>
29+
<div style="text-align: center">
30+
<label for="amount">Amount </label
31+
><input name="amountInput" type="number" id="amount" value="" /><span>
32+
USD</span
33+
>
34+
</div>
35+
<p
36+
id="priceLabelError"
37+
style="visibility: hidden; color:red; text-align: center;"
38+
>
39+
Please enter a price
40+
</p>
41+
<div id="invoiceidDiv" style="text-align: center; display: none;">
42+
<label for="invoiceid"> </label
43+
><input
44+
name="invoiceid"
45+
maxlength="127"
46+
type="text"
47+
id="invoiceid"
48+
value=""
49+
/>
50+
</div>
51+
<p
52+
id="invoiceidError"
53+
style="visibility: hidden; color:red; text-align: center;"
54+
>
55+
Please enter an Invoice ID
56+
</p>
57+
<div
58+
style="text-align: center; margin-top: 0.625rem;"
59+
id="paypal-button-container"
60+
></div>
61+
</div>
62+
63+
<script
64+
src="https://www.paypal.com/sdk/js?client-id=AZL8xbEw0LMzsy0E9tBt3LIfYcL3y-1v35KBvvLcKexPocsuRElvdeTYRLJJCzDS02Vor0fx_3TjsMQD&currency=USD"
65+
data-sdk-integration-source="button-factory"
66+
></script>
67+
<script src="payment.js"></script>
68+
</body>
2669
</html>
70+

0 commit comments

Comments
 (0)