-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsearch.php
139 lines (135 loc) · 5.95 KB
/
search.php
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
<?php
include_once 'import/header.php';
?>
<form class="form" action="index.php">
<div>
<label>
<input type="radio" name="trip" value="one-way" checked onchange="toggleForm()"> One Way
</label>
<label>
<input class="sbutton" type="radio" name="trip" value="round-trip" onchange="toggleForm()"> Round Trip
</label>
<button class="search" type="submit">Show Flights</button>
</div>
<div id="oneWayForm">
<table class="table">
<thead>
<tr>
<th>From</th>
<th>To</th>
<th>Depart</th>
<th>Passengers</th>
<th>Class</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<select name="from" required>
<option value="" selected disabled>From</option>
<option value="lk">Sri Lanka</option>
<option value="in">India</option>
<option value="sg">Singapore</option>
<option value="gb">London</option>
<option value="us">United States</option>
</select>
</td>
<td>
<select name="to" required>
<option value="" selected disabled>Where To</option>
<option value="lk">Sri Lanka</option>
<option value="in">India</option>
<option value="sg">Singapore</option>
<option value="gb">London</option>
<option value="us">United States</option>
</select>
</td>
<td>
<input type="date" name="depart">
</td>
<td>
<input type="number" name="passengers" min="1" max="5" value="1">
</td>
<td>
<select name="class">
<option value="economy">Economy</option>
<option value="business">Business</option>
<option value="first-class">First Class</option>
</select>
</td>
</tr>
</tbody>
</table>
</div>
<div id="roundTripForm" style="display: none;">
<table class="table">
<thead>
<tr>
<th>From</th>
<th>To</th>
<th>Depart</th>
<th>Return</th>
<th>Passengers</th>
<th>Class</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<select name="from" required>
<option value="" selected disabled>From</option>
<option value="lk">Sri Lanka</option>
<option value="in">India</option>
<option value="sg">Singapore</option>
<option value="gb">London</option>
<option value="us">United States</option>
</select>
</td>
<td>
<select name="to" required>
<option value="" selected disabled>Where To</option>
<option value="lk">Sri Lanka</option>
<option value="in">India</option>
<option value="sg">Singapore</option>
<option value="gb">London</option>
<option value="us">United States</option>
</select>
</td>
<td>
<input type="date" name="depart">
</td>
<td>
<input type="date" name="return">
</td>
<td>
<input type="number" name="passengers" min="1" max="5" value="1">
</td>
<td>
<select name="class">
<option value="economy">Economy</option>
<option value="business">Business</option>
<option value="first-class">First Class</option>
</select>
</td>
</tr>
</tbody>
</table>
</div>
</form>
<script>
function toggleForm() {
const oneWayForm = document.getElementById('oneWayForm');
const roundTripForm = document.getElementById('roundTripForm');
const tripType = document.querySelector('input[name="trip"]:checked').value;
if (tripType === 'one-way') {
oneWayForm.style.display = 'block';
roundTripForm.style.display = 'none';
} else if (tripType === 'round-trip') {
oneWayForm.style.display = 'none';
roundTripForm.style.display = 'block';
}
}
</script>
<?php
include_once 'import/footer.php'
?>