<?php   
ob_start();
?>

<!--Nearby Section-->
<section class="nearby-section" style="background-image:url('<?php echo esc_url(wp_get_attachment_url($image));?>');">
    <div class="auto-container">
        <div class="row clearfix">
            
            <!--Content Column-->
            <div class="content-column col-md-7 col-sm-6 col-xs-12">
                <h2><?php echo balanceTags($title);?></h2>
                <h3><?php echo balanceTags($sub_title);?></h3>
                <h4><?php echo balanceTags($lower_title);?></h4>
                <div class="text"><?php echo balanceTags($text);?></div>
                
                <div class="location-search">
                    <form method="post" action="<?php echo esc_url(home_url('/')); ?>">
                        <div class="form-group">
                            <input type="search" name="search" value="" placeholder="<?php esc_html_e('Shopping Mall, Schools, Restratent  New York, NY', 'tycheproperty');?>">
                            <button type="submit" class="theme-btn btn-style-one"><?php esc_html_e('Search Now', 'tycheproperty');?></button>
                        </div>
                    </form>
                </div>
                
            </div>
            
            <!--Map Column-->
            <div class="map-column col-md-5 col-sm-6 col-xs-12">
                <!--Nearby Locations-->
                <div class="map-outer wow rollIn" data-wow-duration="1500ms" data-wow-delay="0ms">
                    <!--Locations Box-->
                    <div id="locations-box" class="locations-box"></div>
                    <script type="text/javascript">
                    	(function($) {
						// Nearby Locations Map
						if(jQuery('#locations-box').length){
						  
							jQuery('#locations-box').gMap({
								controls: false,
								scrollwheel: false,
								maptype: 'ROADMAP', // 'HYBRID', 'SATELLITE', 'ROADMAP' or 'TERRAIN'
								markers: [
									{
										latitude: <?php echo esc_js($lat1);?>,
										longitude: <?php echo esc_js($long1);?>,
										icon: {
											image: "http://asianitbd.com/wp/tycheproperty/wp-content/themes/tycheproperty/images/icons/marker-one.png",
											iconsize: [32, 44],
											iconanchor: [32,44]
										}
									},
									{
										latitude: <?php echo esc_js($lat2);?>,
										longitude: <?php echo esc_js($long2);?>,
										icon: {
											image: "http://asianitbd.com/wp/tycheproperty/wp-content/themes/tycheproperty/images/icons/marker-two.png",
											iconsize: [32, 44],
											iconanchor: [32,44]
										}
									},
									{
										latitude: <?php echo esc_js($lat3);?>,
										longitude: <?php echo esc_js($long3);?>,
										icon: {
											image: "http://asianitbd.com/wp/tycheproperty/wp-content/themes/tycheproperty/images/icons/marker-three.png",
											iconsize: [32, 44],
											iconanchor: [32,44]
										}
									},
									{
										latitude: <?php echo esc_js($lat4);?>,
										longitude: <?php echo esc_js($long4);?>,
										icon: {
											image: "http://asianitbd.com/wp/tycheproperty/wp-content/themes/tycheproperty/images/icons/marker-four.png",
											iconsize: [32, 44],
											iconanchor: [32,44]
										}
									}
								],
								icon: {
									image: "http://asianitbd.com/wp/tycheproperty/wp-content/themes/tycheproperty/images/icons/map-marker.png", 
									iconsize: [32, 44],
									iconanchor: [32,44]
								},
								latitude: <?php echo esc_js($lat1);?>,
								longitude: <?php echo esc_js($long1);?>,
								zoom: 10
							});
						}
						})(jQuery);
                    </script>
                    
                </div>
                
            </div>
            
        </div>
    </div>
</section>

<?php return ob_get_clean();?>		