-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathplan.php
123 lines (118 loc) · 4.91 KB
/
plan.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
<!DOCTYPE html>
<html>
<body class="container">
<!--Plan section-->
<div class="container-fluid">
<!--Create a Plan & Order-->
<table class="table">
<thead>
<tr>
<th class="col-xs-6">Create a Plan</th>
<th class="col-xs-5">Order</th>
</tr>
</thead>
<tbody class="animated fadeInUp">
<tr>
<td>
<!--Create a Plan-->
<div class="planCard">
<a onclick="collapse('UserPlan')" class="planCard-collapse">⌄</a>
<p class="planCard-title">Custom Plan</p>
<hr>
<div class="planCard-body" id="UserPlan">
<!--Adds a location-->
<div id="add-location">
<b><p>Find a location</p></b>
<span>Sort by:</span>
<select id="location-sort">
<option disabled selected value> -- Select an option -- </option>
<option value="price">Price (low to high)</option>
<option value="attraction_name">Name (A-Z)</option>
<option value="country_id">Country</option>
<option value="location">Location</option>
</select><br><br>
<div id="sort-results">
<form>
<select size="5" id="location-select">
</select>
<br><br><br><br><br>
</form>
</div>
</div>
<button id="add-btn" type="button" class="btn btn-info" disabled="true" onclick="addLocation()">Add</button>
</div>
</div><br><br>
<!--Image container card-->
<div id="imageContainer" class="imageContainer" style="display: none">
<!--"One medium box at the center with the image of the place"-->
<div class="card2 animated fadeInUp" id="image1"></div>
</div>
<!--Comparison table-->
<div id="comparison" class="planCard animated fadeInUp" style="display: none">
<a onclick="collapse('compare-table')" class="planCard-collapse">⌄</a>
<p class="planCard-title">Comparison</p>
<hr>
<div class="planCard-body" id="compare-table">
</div>
</div>
</td>
<td>
<div id="order"></div>
</td>
</tr>
</tbody>
</table>
<!--Popular Travel Plans-->
<table class="table">
<thead>
<tr>
<th class="col-xs-6">Popular Travel Plans</th>
<th class="col-xs-5"></th>
</tr>
</thead>
<tbody class="animated fadeInUp">
<tr>
<td>
<div class="planCard">
<a onclick="collapse('NATour')" class="planCard-collapse">⌄</a>
<p class="planCard-title">North American Tour</p>
<hr>
<div class="planCard-body" id="NATour">
<p><b>Locations: </b> CN Tower (CA), Niagara Falls (CA), White House (US), Grand Canyon (US)</p>
<p><b>Start Date:</b> March 1, 2020</p>
<p><b>Duration:</b> 2 months</p>
<p><b>Air fare:</b> $1000 CAD </p>
<p><b>Tour ID number:</b> 2390</p>
<p><b>Total Price:</b> $1500 CAD</p>
<button type="button" id="1" onclick="addToCart(this.id)" class="btn btn-info">Select</button>
</div>
</div>
<br>
<div class="planCard">
<a id="2" onclick="collapse('EUTour')" class="planCard-collapse">⌄</a>
<p class="planCard-title">European Tour</p>
<hr>
<div class="planCard-body" id="EUTour">
<p><b>Locations:</b> Stonehenge (UK), Tower of London (UK), Eiffel Tower (FR), Louvre Museum (FR)</p>
<p><b>Start Date:</b> April 1, 2020</p>
<p><b>Duration:</b> 3 months</p>
<p><b>Air fare:</b> $1500 CAD</p>
<p><b>Tour ID number:</b> 3423</p>
<p><b>Total Price:</b> $2000 CAD</p>
<button type="button" id="2" onclick="addToCart(this.id)" class="btn btn-info">Select</button>
</div>
</div>
</td>
<td>
</td>
</tr>
</tbody>
</table>
<!--Map-->
<div id="map"></div><br>
<script type="text/javascript" src="assets/js/plans.js"></script>
<script type="text/javascript" src="assets/js/Locations.js"></script>
<script type="text/javascript" src="assets/js/home.js"></script>
</div>
</body>
</html>