-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtoken.html
156 lines (150 loc) · 7.88 KB
/
token.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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!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>Appointment</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Alice&display=swap');
</style>
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="dist/output.css">
</head>
<body>
<nav class="px-3 sm:px-5 py-3.5 w-full top-0 left-0 bg-slate-200">
<div class="container flex flex-wrap items-center justify-between mx-auto">
<a href="index.html" class="flex items-center">
<img src="Vaidhya.png" class="h-6 mr-3 sm:h-9" alt="Vaidhya Logo" />
</a>
<div class="flex md:order-2">
<a href="findDoctors.html">
<button type="button"
class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center mr-3 md:mr-0">
Find Doctors
</button>
</a>
</div>
<div class="items-center justify-between hidden w-full md:flex md:w-auto md:order-1" id="navbar-sticky">
<ul
class="flex flex-col p-4 mt-4 border border-gray-100 rounded-lg bg-gray-50 md:flex-row md:space-x-8 md:mt-0 md:text-sm md:font-medium md:border-0 md:bg-white">
<li>
<a href="index.html"
class="block py-2 pl-3 pr-4 text-white bg-blue-700 rounded md:bg-transparent md:text-blue-700 md:p-0"
aria-current="page">Home</a>
</li>
<li>
<a href="#"
class="block py-2 pl-3 pr-4 text-gray-700 rounded hover:bg-gray-100 md:hover:bg-transparent md:hover:text-blue-700 md:p-0">Profile</a>
</li>
<li>
<a href="#"
class="block py-2 pl-3 pr-4 text-gray-700 rounded hover:bg-gray-100 md:hover:bg-transparent md:hover:text-blue-700 md:p-0">Services</a>
</li>
<li id="navLogout">
<button onclick="logout()"
class=" block py-2 pl-3 pr-4 text-gray-700 rounded hover:bg-gray-100 md:hover:bg-transparent md:hover:text-blue-700 md:p-0">Logout</button>
</li>
<li id="navLogin">
<a href="login.html"
class=" block py-2 pl-3 pr-4 text-gray-700 rounded hover:bg-gray-100 md:hover:bg-transparent md:hover:text-blue-700 md:p-0">Login</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="hidden" id="login">
<div class="m-5 mt-0 p-5 rounded-lg flex bg-red-500 relative z-2 justify-center align-content-center">
<h2 class="text-slate-200">Please login.</h2>
</div>
</div>
<div class="px-96">
<div class="flex justify-between mt-10">
<div class="transition ease-in-out delay-75 hover:scale-105 token rounded-xl p-3 hover:shadow">
<h1 class="text-white text-2xl">Your Token Number</h1>
<p id="yourTkn" class="text-white text-center mt-3 text-xl">65</p>
</div>
<div class="transition ease-in-out delay-75 hover:scale-105 bg-blue-600 token rounded-xl p-3 hover:shadow">
<h1 class="text-white text-xl">Current Token Number</h1>
<p id="currTkn" class="text-white text-center mt-3 text-xl">75</p>
</div>
</div>
<h1 class="mt-14 text-center text-3xl">Doctor Details</h1>
<form class="mt-2">
<div class="grid gap-6 mb-6 md:grid-cols-2">
<div>
<label for="firstName" class="block mb-2 text-sm font-medium text-gray-900 ">Doctor
name</label>
<input type="text" id="firstName"
class="cursor-not-allowed bg-white border border-gray-300 text-gray-900 text-sm rounded-lg block w-full p-2.5 "
readonly>
</div>
<div>
<label for="city" class="block mb-2 text-sm font-medium text-gray-900 ">City</label>
<input type="text" id="city"
class="cursor-not-allowed bg-white border border-gray-300 text-gray-900 text-sm rounded-lg block w-full p-2.5 "
readonly>
</div>
</div>
<div class="grid gap-1 mb-6 grid-cols-3">
<div>
<label for="address" class="block mb-2 text-sm font-medium text-gray-900 ">Address</label>
<input type="text" id="address"
class="cursor-not-allowed bg-white border border-gray-300 text-gray-900 text-sm rounded-lg block w-full p-2.5 "
readonly>
</div>
<div>
<label for="app-type" class="block mb-2 text-sm font-medium text-gray-900 ">Specialization</label>
<input type="text" id="app-type"
class="cursor-not-allowed bg-white border border-gray-300 text-gray-900 text-sm rounded-lg block w-full p-2.5 " " readonly>
</div>
<div>
<label for=" price" class="block mb-2 text-sm font-medium text-gray-900 ">Price</label>
<input type="url" id="price"
class="cursor-not-allowed bg-white border border-gray-300 text-gray-900 text-sm rounded-lg block w-full p-2.5 "
readonly>
</div>
</div>
</form>
<h1 class="mt-14 text-center text-3xl">Patient Details</h1>
<form class="mt-2">
<div class="grid gap-6 mb-6 md:grid-cols-2">
<div>
<label for="doc-name" class="block mb-2 text-sm font-medium text-gray-900 ">Doctor
name</label>
<input type="text" id="doc-name"
class="cursor-not-allowed bg-white border border-gray-300 text-gray-900 text-sm rounded-lg block w-full p-2.5 "
readonly>
</div>
<div>
<label for="city" class="block mb-2 text-sm font-medium text-gray-900 ">Gender</label>
<input type="text" id="city"
class="cursor-not-allowed bg-white border border-gray-300 text-gray-900 text-sm rounded-lg block w-full p-2.5 "
readonly>
</div>
</div>
<div class="grid gap-6 mb-6 md:grid-cols-2">
<div>
<label for="address" class="block mb-2 text-sm font-medium text-gray-900 ">Weight</label>
<input type="text" id="address"
class="bg-white border border-gray-300 text-gray-900 text-sm rounded-lg block w-full p-2.5 "
readonly>
</div>
<div>
<label for="app-type" class="block mb-2 text-sm font-medium text-gray-900 ">Blood Group</label>
<input type="text" id="app-type"
class="bg-white border border-gray-300 text-gray-900 text-sm rounded-lg block w-full p-2.5 "
readonly>
</div>
</div>
</form>
<button onclick="bookToken()" type="button"
class=" text-white button focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center mr-3 md:mr-0">
Proceed to Checkout
</button>
<!-- <form><script src="https://checkout.razorpay.com/v1/payment-button.js" data-payment_button_id="pl_LRjuKTilbBfGx6" async> </script> </form> -->
</div>
<script src="nav.js"></script>
<script src="token.js"></script>
</body>
</html>