-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathindex.php
More file actions
156 lines (129 loc) · 6.42 KB
/
index.php
File metadata and controls
156 lines (129 loc) · 6.42 KB
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 class="no-js" lang="">
<head>
<!-- All meta tags define below -->
<meta charset="utf-8">
<meta name="keywords" content="Point of Interest" >
<meta name="description" content="Display all point of interests based on property search">
<meta name="author" content="Kevin">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<!-- Title of the page -->
<title>Point of Interest</title>
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<!-- CDN call for CSS Start-->
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,600,700|Roboto:300,400" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.6/css/swiper.min.css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
<!-- CDN call for CSS end -->
<!-- css/main.css -->
<link rel="stylesheet" href="css/main.css">
<!-- endbuild -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- CDN call for JS Start-->
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.6/js/swiper.min.js"></script>
</head>
<!-- This div is used for display page loader untill full page is load -->
<div id="load"></div>
<body id="innerCont" class="home">
<!-- Display loader image whe page will start loading start-->
<div style="display:none" class="ajax-loader">
<img src="images/35.gif" class="img-responsive" />
</div>
<!-- Display loader image when page will start loading end-->
<?php
require_once("getPoiData.php");
?>
<div style="visibility:hidden;" id="header">
<span>
Points of Interest
</span>
</div>
<!-- /.header -->
<!-- body -->
<div style="visibility:hidden;" id="body">
<div class="container">
<div class="row">
<div class="col-md-7 col-xs-12 col-md-offset-3">
<div class="search search-reduce" id="searchByPropForm">
<input class="form-control" id="search" type="text" placeholder="By Property" onFocus="geolocate()" required="true" value="<?php echo urldecode($addressPosted); ?>"/>
<input type="hidden" id="radius" name="radius" value="5">
<div class="dropdown">
<button class="btn btn-primary btn-xs dropdown-toggle" type="button" data-toggle="dropdown">Radius in Miles
<span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a href="javascript:void(0);" data-val="0.5">0.5 Mile</a></li>
<li><a href="javascript:void(0);" data-val="1">1 Mile</a></li>
<li><a href="javascript:void(0);" data-val="2">2 Miles</a></li>
<li><a href="javascript:void(0);" data-val="3">3 Miles</a></li>
<li><a href="javascript:void(0);" data-val="4">4 Miles</a></li>
<li><a href="javascript:void(0);" data-val="5">5 Miles</a></li>
<li><a href="javascript:void(0);" data-val="10">10 Miles</a></li>
<li><a href="javascript:void(0);" data-val="15">15 Miles</a></li>
<li><a href="javascript:void(0);" data-val="20">20 Miles</a></li>
</ul>
</div>
<input class="btn btn-primary" type="button" value="Search" id="searchByProperty">
<span class="customerror"></span>
</div>
</div>
<!--<div class="col-md-7 col-xs-12">
<div class="search" id="estimateForm">
<input class="form-control" type="text" placeholder="Enter City,Zip or Neighborhood" id="city_zip" required="true">
<input type="hidden" name="postal_code" id="postal_code" value="">
<input class="btn btn-primary" id="getEstimate" type="button" value="Search">
<span class="customerrorCity"></span>
</div>
</div>-->
<div class="col-md-8 col-xs-12 mt-30">
<?php if(count($splitAmenityData) == 1){?>
<div class="box selecting-area noBorder">
<?php }else{ ?>
<div class="box selecting-area">
<?php } ?>
<?php foreach($splitAmenityData as $amenityVal) {
if(count($splitAmenityData) == 1){
?>
<div class="col-md-12 col-xs-12">
<?php }else{ ?>
<div class="col-md-6 col-xs-12">
<?php } ?>
<?php foreach($amenityVal as $k=>$v){ ?>
<div class="form-group">
<input type="checkbox" id="<?php echo strtolower($k); ?>" name="checkBuisnessCat" value="<?php echo strtolower($k); ?>"/>
<label for="<?php echo strtolower($k); ?>" class="businessCatAction"><span><img src="images/icons/<?php echo strtolower($k); ?>.png" /></span><?php echo $k; ?> (<?php echo count($v); ?>)</label>
</div>
<?php } ?>
</div>
<?php } ?>
<div class="col-xs-12 col-md-12 extra-area">
<!--<div class="col-xs-12 col-md-6 text-center">
<img src="images/icons/ball.png" alt="" /> <label>Show nearest major <br />sport team</label>
</div>
<div class="col-xs-12 col-md-6 text-center">
<img src="images/icons/flight.png" alt="" /> <label>Show nearest major <br />airport</label>
</div>-->
<div class="col-xs-12 col-md-6" style="padding-left:25px">
<label>Closest Major Sports Team : <?php echo $nearestSport; ?></label>
</div>
<div class="col-xs-12 col-md-6" style="padding-left:40px">
<label>Nearest Airport : <?php echo $nearestAirport; ?></label>
</div>
</div>
</div>
<div class="col-xs-12 mt-30 map" id="map">
</div>
</div>
<!-- Swiper -->
<script src="js/main.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCPAVKxutIiPNXJr8UeB2wwSrzrFA3-GuI&libraries=places&callback=initAutocomplete"></script>
<div class="col-md-4 col-xs-12 col-xs-12 mt-30" id="poiContent">
<?php include_once('poi-content.php'); ?>
</div>
</div>
<!-- /.body -->
</body>
</html>