-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbooking.html
226 lines (191 loc) · 9.33 KB
/
booking.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
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
<!DOCTYPE html>
<html lan="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Booking</title>
<link href="css/styles.css" rel="stylesheet">
<link rel='stylesheet' type='text/css' href='css/timepicki.css' />
</head>
<body>
<header>
<img src="images/grt-logo.PNG">
<h1 class="title">MobilityPLUS Online Booking</h1>
</header>
<main>
<nav>
<button class="dashbutton" id="bookingNavBtnCon">Contact Us</button>
<button class="dashbutton" id="bookingNavBtnTdash">Dashboard</button>
</nav>
<br>
<br>
<h1>Booking a new trip</h1>
<form action="insert_booking.php" onsubmit="return validateForm()" method="POST">
<fieldset>
<legend>Pick up Location and Time</legend>
<input type="checkbox" id="homeAddBox" class="agreeCheckBox" name="homeAdd">
<label for="homeAdd" id="agreeText">Use my home address</label><br>
<table>
<tr>
<td>
<label for="pickupDate">Date:</label><br>
<input type="date" name="pickupDate">
</td>
<td>
<label for="pickupTime">Time:</label><br>
<input type="text" name="pickupTime" class="time_element sortBox"/>
</td>
</tr>
<tr>
<td colspan="2">
<label for="pickupaddress">Address:</label><br>
<input type="text" name="pickupaddress" placeholder="eg. 123 main st.">
</td>
</tr>
<tr>
<td>
<label for="pickupCity">City:</label><br>
<select name="pickupCity">
<option value="Kitchener">Kitchener</option>
<option value="Waterloo">Waterloo</option>
<option value="Cambridge">Cambridge</option>
</select>
</td>
<td>
<label for="pickupPostalcode">Postal Code:</label><br>
<input type="text" class="sortBox" placeholder="A#A-#A#" name="pickupPostalcode">
</td>
</tr>
<tr>
<td colspan="2">
<label for="pickupNotes">Additional notes for driver:</label><br>
<input type="text" name="pickupNotes" placeholder="eg. 'Meet at back door by parking lot'">
</td>
</tr>
</table>
</fieldset>
<fieldset>
<legend>Destination Location and Return Time</legend>
<table>
<tr>
<td>
<label for="returnTripDate">Date:</label><br>
<input type="date" name="returnTripDate">
</td>
<td>
<label for="pickupTime">Time:</label><br>
<input type="text" name="returnTripTime" class="time_element sortBox"/>
</td>
</tr>
<tr>
<td colspan="2">
<label for="returnTripaddress">Address:</label><br>
<input type="text" name="returnTripaddress" placeholder="eg. 123 main st.">
</td>
</tr>
<tr>
<td>
<label for="returnTripCity">City:</label><br>
<select name="returnTripCity">
<option value="Kitchener">Kitchener</option>
<option value="Waterloo">Waterloo</option>
<option value="Cambridge">Cambridge</option>
</select>
</td>
<td>
<label for="returnTripPostalcode">Postal Code::</label><br>
<input type="text" class="sortBox" placeholder="A#A-#A#" name="returnTripPostalcode">
</td>
</tr>
<tr>
<td colspan="2">
<label for="returnTripNotes">Additional notes for driver:</label><br>
<input type="text" name="returnTripNotes"
placeholder="eg. 'Meet at back door by parking lot'">
</td>
</tr>
</table>
</fieldset>
<fieldset>
<legend>Client informtion: </legend>
<table>
<tr>
<td>
<label for="device"> Mobility device (if any) will be used:</label><br>
<select name="device">
<option value="none" selected>None</option>
<option value="wheelchair">Wheelchair (manual)</option>
<option value="wheelchairElectric">Wheelchair (electric)</option>
<option value="guidedog">Guide dog</option>
<option value="walker">Walker</option>
<option value="walkingCane">Walking cane</option>
<option value="whiteCane">White cane (for blind)</option>
</select>
</td>
<td>
<label for="guest">Number of accompanying support person or guest:</label><br>
<select name="guest" class="sortBox">
<option value="0" selected>0</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
</td>
</tr>
</table>
</fieldset>
<fieldset>
<legend>Agreement and Submission: </legend>
<p class="terms">
<b>Please read and understand the conditions and policy of service listed below. The detailed
policy is available on the <a
href="https://www.grt.ca/en/rider-information/using-specialized-services.aspx">GRT
website.</a></b>
<ul class="terms">
<li>The driver may leave without the customer if customer is not waiting at the given pickup
location just inside their door on the ground level of their building at the beginning
of their pick-up window.</li>
<li>The driver may leave without the customer if the customer has not ensured a safe walk or
pathway to their residence door in the winter. </li>
<li>The customer must cancel more than 30 minutes before the pickup window if needed, or it
will be considered a no-show.</li>
<li>The fare for MobilityPLUS is the same as GRT conventional buses.</li>
</ul>
</p>
<input type="checkbox" id="checkAgree" class="agreeCheckBox" name="agree">
<label for="agree" id="agreeText">By checking this box I have read, understood and agreed to the
above terms</label><br>
<div class="g-recaptcha" data-sitekey="6Ld6OeIUAAAAALa5NDsejxRduwLDxfTBERPXZyCM"></div>
<input class="submitButton" type="submit" value="Submit_booking">
</fieldset>
</form>
</main>
<footer>
<h2>Contact us</h2>
<p>
Address:<br>
Grand River Transit <br>
250 Strasburg Rd<br>
Kitchener, ON N2E 3M6
</p>
<p>
Phone: 519-585-7555<br>
Deaf and Hard of Hearing (TTY): 519-575-4608
</p>
<p>
<a href="https://www.facebook.com/GRTROW/">Facebook</a> - <a href="https://twitter.com/GRT_ROW">Twitter</a>
- <a href="https://www.grt.ca/en/index.aspx">GRT website</a>
</p>
<p>All names of the companies and the services they provide herein are property of Grand River Transit (GRT)
Waterloo, ON</p>
</footer>
<script src="JS/bookingErrorCkeck.js"></script>
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<script type='text/javascript' src='JS/jquery.min.js'></script>
<script type='text/javascript' src='JS/timepicki.js'></script>
<script src="JS/fillBooking.js"></script>
<script>
$(document).ready(function(){
$(".time_element").timepicki();
});
</script>
</body>