<?php include 'admin/includes/db_config.php';?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Top Notch Real Estate</title>
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/revolution-slider.css" rel="stylesheet">
<link href="css/jquery-ui.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
<link rel="icon" href="images/favicon.png" type="image/x-icon">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link href="css/responsive.css" rel="stylesheet">
<link href="css/home.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src='https://www.google.com/recaptcha/api.js'></script>

 <script>
function recaptchaCallback() {
$('#submitBtn').removeAttr('disabled');
};
window.reCaptchaExpired1 = function reCaptchaExpired1() {
                  $('#submitBtn').attr('disabled', 'true');
                  //JS CODE
                  //document.getElementById("submitBtn").disabled = true;
                };	
  </script>
</head>
<style>
.title-style-one .title h2{
    
    font-size:25px;
}
.sidebar .popular-posts .post h4 a{
    
    font-size:14px;
}
</style>
<body>
<div class="page-wrapper">
 	
  <?php include 'header.php';?>
    
   <section class="page-title" style="background-image:url(images/background/image-6.jpg);background-size:100%;background-position: center;background-repeat: no-repeat;">
<!--        <div class="overlay-layer"></div>-->
        <div class="auto-container" style="max-width:310px;background-color: rgba(0, 0, 0, 0.6);">
            <div class="content-box">
                <h2>Property <span class="theme_color">Details</span></h2>
            </div>
        </div>
    </section>
     
   <!--  <section class="page-info">
        <div class="auto-container">
        	Breadcrumb
            <div class="breadcrumb-outer">
                <ul class="bread-crumb clearfix">
                    <li><a href="index.php">Home</a></li>
                    <li class="active">Property Details</li>
                </ul>
            </div>
        </div>
    </section>-->
    
    <section class="property-info-section">
    	<div class="auto-container">
        	
        	<div class="row clearfix">
                <!--Left Column-->
                <div class="left-column col-md-8 col-sm-12 col-xs-12">
                    <!--Product Carousel-->
                    <div class="product-carousel-outer">
                        <!--Product image Carousel-->
                       <ul class="prod-image-carousel">
							
								
								 <?php 
		$pid=$_GET['pid'];
		$sel_property=mysqli_query($con,"select * from tbl_property where propertyid='$pid'");
		$res_property=mysqli_fetch_array($sel_property);
									
							$sel_prop_gallery=mysqli_query($con,"select * from  tbl_property_imagegallery where property='$pid' order by galleryid");
					while($res_prop_gallery=mysqli_fetch_array($sel_prop_gallery)) {
						
							?>
								
										<li><figure class="image"><a class="lightbox-image option-btn" data-fancybox-group="example-gallery" href="<?php echo $site_url;?>images/propertygallery/<?php echo $res_prop_gallery['image'];?>" title="<?php echo $res_property['name'];?>"><img src="<?php echo $site_url;?>images/propertygallery/<?php echo $res_prop_gallery['image'];?>" alt="" style="width:740px;height:436px;"></a></figure></li>
								 
									   <?php } ?>
									
                       </ul>
                        
                        <!--Product Thumbs Carousel-->
                        <div class="prod-thumbs-carousel"> 
                        	<?php
                        	$sel_prop_gallery=mysqli_query($con,"select * from  tbl_property_imagegallery where property='$pid' order by galleryid");
					while($res_prop_gallery=mysqli_fetch_array($sel_prop_gallery)) {
						?>
						
                        			<div class="thumb-item">
                        				<figure class="thumb-box"><img src="<?php echo $site_url;?>images/propertygallery/<?php echo $res_prop_gallery['image'];?>" alt="" style="width:150px;height:116px;"></figure>
                        			</div>
                        		<?php } ?>
                     </div>
                        
                    </div><!--End Product Carousel-->
                    
                    
                    <!--Title Style One-->
                    <div class="title-style-one extended left-aligned">
                        <div class="title"><h2><?php echo $res_property['title'];?> - <?php echo $res_property['name'];?> </h2></div>
<!--                        <div class="sub-title"> <?php echo $res_property['name'];?></div>-->
                    </div><br/>
                    
                    <div class="content"> 
<!--                    	<div class="text">But I must explain you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system.</div>-->
                       
                        
                        <div class="row clearfix">
                        
                        	<div class="col-md-6 col-sm-6 col-xs-12">
                           	<div class="title-style-one extended left-aligned">
								<div class="sub-title"> Description</div>
						</div> <br/>
                           	 <div class="pro-details-condition-inner">
                            	 <ul class="condition-list">
                                                    <?php if($res_property['category1']==1) {?>
									<li> <span class="fa fa-expand"></span> <span><?php echo number_format($res_property['area']);?> sq ft</span> </li>
									<li> <span class="fa fa-car"></span> <span> Parking</span>
									<?php } if($res_property['category1']==2) {?>
									<li> <span class="fa fa-expand"></span> <span><?php echo number_format($res_property['area']);?> sq ft</span> </li>
									<li> <span class="fa fa-car"></span> <span><?php echo $res_property['garage'];?> Parking</span> </li>
									<li> <span class="fa fa-bed"></span> <span><?php if($res_property['bedrooms']==0){ echo "Studio"; } else { echo $res_property['bedrooms']. " Bedroom";}?></span> </li>
									<li> <i class="fa fa-bath"></i> <span><?php echo $res_property['bathrooms'];?> Bathrooms</span> </li>
									<?php } ?>
                                                    
<!--
                                                    <li style="color: #d40707;font-weight: 600;">AED <?php 
						echo number_format($res_property['price']);?></li>
-->
                                                </ul>
                                                <p style="font-weight:800;"><span class="fa fa-money"></span> &nbsp;AED <?php 
						echo number_format($res_property['price']);?></p>
							
								<p style="font-weight:800;"><i class="fa fa-map-marker"></i> &nbsp; <?php $loc=$res_property['location'];
						$sel_prop_location=mysqli_query($con,"select * from  tbl_location where locationid=$loc");
					$res_prop_location=mysqli_fetch_array($sel_prop_location); echo $res_prop_location['location'];
						?> / <?php $city=$res_property['city'];
						$sel_prop_city=mysqli_query($con,"select * from  tbl_city where cityid=$city");
					$res_prop_city=mysqli_fetch_array($sel_prop_city); echo $res_prop_city['city'];?></p>
                                               
                                	</div>
                            </div>
                              <?php $pid=$_GET['pid'];
						$sel_prop_amenities=mysqli_query($con,"select * from  tbl_property_amenities where property=$pid");
									$num=mysqli_num_rows($sel_prop_amenities);
									if($num>0) {
										?>
                            <div class="col-md-6 col-sm-6 col-xs-12" style="display:none;">
                            <div class="title-style-one extended left-aligned">
								<div class="sub-title"> Amenities</div>
						</div> <br/>
<!--                            	<div class="col-md-12 col-sm-6 col-xs-12">-->
                            		<ul class="list-style-one amenitylist">
                               	 <?php $pid=$_GET['pid'];
						$sel_prop_amenities=mysqli_query($con,"select * from  tbl_property_amenities where property=$pid");
					while($res_prop_amenities=mysqli_fetch_array($sel_prop_amenities)) { ?>
                                	<li class="amenitydetail"><?php $amenity=$res_prop_amenities['amenities'];
														$sel_amenities=mysqli_query($con,"select * from  tbl_amenities where amenitiesid=$amenity");
					$res_amenities=mysqli_fetch_array($sel_amenities); echo $res_amenities['title']; 
														 ?> </li>
                                   <?php } ?>
                                   
                                </ul>
<!--
                            	</div>
                            	<div class="col-md-6 col-sm-6 col-xs-12">
									<ul class="list-style-one">
										<li>Unlimited consultation</li>
										<li>Choice from other cities</li>
										<li>World wide business</li>
										<li>Right choice</li>
										<li>Help to find your dream</li>
										<li>24 hours support</li>
									</ul>
								</div>
-->
                            </div>
                            <?php } ?>
                        </div>
                      
                        
<!--
                        <div class="links">
                        	<a href="#" class="theme-btn btn-style-two"><span class="fa fa-paper-plane"></span>&ensp; Book Now</a>
                        </div>
-->
                   <?php $pid=$_GET['pid'];
						$sel_prop_amenities=mysqli_query($con,"select * from  tbl_property_amenities where property=$pid");
									$num=mysqli_num_rows($sel_prop_amenities);
									if($num>0) {
										?>
                  <div class="sub-title" style="font-size:20px;margin-bottom: 14px;padding-bottom: 7px;border-bottom: 2px solid #ec001b;margin-top: 13px;">Amenities</div>
                  <ul class="list-style-one amenitylist">
                               	 <?php $pid=$_GET['pid'];
						$sel_prop_amenities=mysqli_query($con,"select * from  tbl_property_amenities where property=$pid");
					while($res_prop_amenities=mysqli_fetch_array($sel_prop_amenities)) { ?>
                                	<li class="amenitydetail"><?php $amenity=$res_prop_amenities['amenities'];
														$sel_amenities=mysqli_query($con,"select * from  tbl_amenities where amenitiesid=$amenity");
					$res_amenities=mysqli_fetch_array($sel_amenities); echo $res_amenities['title']; 
														 ?> </li>
                                   <?php } ?>
                                   
                                </ul>
                  <?php } ?>
                   <div class="sub-title" style="font-size:20px;margin-bottom: 14px;padding-bottom: 7px;border-bottom: 2px solid #ec001b;margin-top: 13px;">Details</div>
                           <p><b>Status :</b><?php echo $res_property['status'];?><br>
                           <b>Consultant's No. :</b>+971 50 144 9700<br>
                           <b>Property Id :</b><?php echo $res_property['property_id'];?><br>
                           <b>RERA PERMIT :</b><?php echo $res_property['rerapermit'];?>
                           </p>
                   <?php echo $res_property['description'];?>
                   
                    <style>          
          #map {
            height: 300px;    
            width: 100%;  
			  margin-bottom: 20px;
          }          
        </style> 
                     <!--           <iframe width="100%" height="350" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?q=<?php echo $res_property['latitude'];?>,<?php echo $res_property['longitude'];?> &amp;key=AIzaSyD3cFZavM5DEExtIl_rSuMZGmuFAMIlEI8"></iframe> -->
                                 <!-- <div id="map"></div>-->  
       <!-- <script type="text/javascript">
        var map;
        
        function initMap() {                            
            var latitude = <?php echo $res_property['latitude'];?>; // YOUR LATITUDE VALUE
            var longitude = <?php echo $res_property['longitude'];?>; // YOUR LONGITUDE VALUE
            
            var myLatLng = {lat: latitude, lng: longitude};
            
            map = new google.maps.Map(document.getElementById('map'), {
              center: myLatLng,
              zoom: 14                    
            });
                    
            var marker = new google.maps.Marker({
              position: myLatLng,
              map: map,
              //title: 'Hello World'
              
              // setting latitude & longitude as title of the marker
              // title is shown when you hover over the marker
              title: latitude + ', ' + longitude
            });            
        }
        </script> -->
        <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBQwaj7-hJ52LbSQvzUpXmxUGEGKMZGA0M&callback=initMap"
        async defer></script>
                         
         <style>
		   .btn-lg {
		     		font-weight: 400 !important;
    				background-color: #0a3a69 !important;
    				min-width: 245px !important;
    				border-right: 1px solid #fff !important;
		   			}
		 .btn-danger{
					 border-color: #0a3a69!important;
					 }		
		 a.button{
				border: 0;
				font-size: 16px;
				font-weight: 700;
				transition: all 0.3s ease-in-out;
				letter-spacing: 0;
				position: relative;
				box-shadow: none;
				z-index: 1;
				/* border-radius: 0; */
				display: block !important;
				height: 50px !important;
				line-height: 28px !important;
				text-align: center;
				width: 5% !important;
			     margin-left: 1px;
				}
	 .modal-header {
				padding: 15px;
				background: #0a3a69;
				color: #fff;
				border-bottom: 1px solid #e5e5e5;
				text-transform: uppercase;
			}
			 .modal-footer{
				 border-top:none;
			 }
		</style>
                   
                    <p style="padding-top: 15px;" >  
                          <a class="button btn btn-danger btn-lg col-md-2 col-sm-2 col-xs-2" href="#"  data-toggle="modal" data-target="#exampleModal">Make an enquiry</a>
                            <a class="button btn btn-danger btn-lg col-md-2 col-sm-2 col-xs-2" href="#"   data-toggle="modal" data-target="#callModal">Call Back Request</a>
                            <?php 
							  $city=$res_property['city'];
							  if($city==1) {?>
						 <a class="button btn btn-danger btn-lg col-md-2 col-sm-2 col-xs-2" href="tel: +971 50 144 9700"  >Call Now  +971 50 144 9700</a>
						 <?php } else { ?>
						 <a class="button btn btn-danger btn-lg col-md-2 col-sm-2 col-xs-2" href="tel: +971 50 144 9700"  >Call Now  +971 50 144 9700</a>
						 <?php }?>
							 </p>
                         <?php if(!empty($statusMsg)){ ?>
                         <br>
    <p class="status-msg <?php echo $status; ?>" style="color: #e41010;font-size: 15px;text-align: left;margin-bottom: 8px;font-weight: 600;"><?php echo $statusMsg; ?></p>
<?php } ?>
                       
<script>
function submitContactForm(){
	 var reg = /^[A-Z0-9._%+-]+@([A-Z0-9-]+\.)+[A-Z]{2,4}$/i;
	var regname = /^[a-zA-Z ]+$/i;
	var regphone = /^((\+971|00971|971|0){1}(2|3|4|6|7|9|50|51|52|55|56){1}([0-9]{7}))$/i;
    var name = $('#inputName').val();
    var email = $('#inputEmail').val();
    var phone = $('#inputPhone').val();
	var country = $('#country').val();
	var msg = $('#msg').val();
	var property = $('#property').val();
	var propertytitle = $('#propertytitle').val();
	var categroy = $('#categroy').val();
	var city = $('#city').val();
	// if(name.trim() == '' ){
        // alert('Please enter your name.');
        // $('#inputName').focus();
        // return false;
    // }
	// else if(name.trim() != '' && !regname.test(name)){
        // alert('Please enter a valid name.');
        // $('#inputName').focus();
        // return false;
    // }
	// else if(email.trim() == '' ){
        // alert('Please enter your email.');
        // $('#inputEmail').focus();
        // return false;
    // }
	// else if(email.trim() != '' && !reg.test(email)){
        // alert('Please enter valid email.');
        // $('#inputEmail').focus();
        // return false;
    // }
	
	// else if(phone.trim() == '' ){
        // alert('Please enter your phone number.');
        // $('#inputPhone').focus();
        // return false;
    // }else if(phone.trim() != '' && !regphone.test(phone)){
        // alert('Please enter a valid phone number.');
        // $('#inputPhone').focus();
        // return false;
    // }
	// else if(country.trim() == '' ){
        // alert('Please select a country.');
        // $('#country').focus();
        // return false;
    // }
	// else if(msg.trim() == '' ){
        // alert('Please enter your message.');
        // $('#msg').focus();
        // return false;
    // }else{

        $.ajax({
            type:'POST',
            url:'submit_form.php',
            data:'contactFrmSubmit=1&name='+name+'&email='+email+'&phone='+phone+'&country='+country+'&msg='+msg+'&propertytitle='+propertytitle+'&property='+property+'&categroy='+categroy+'&city='+city,
           
		  
			
            success:function(msg){
                if(msg == 'ok'){
                    $('#inputName').val('');
                    $('#inputEmail').val('');
                    $('#inputPhone').val('');
                    $('.statusMsg').html('<span style="color:green;">Your enquiry received Successfully. We will get back to you soon.</span>');
                }else{
                    $('.statusMsg').html('<span style="color:green;">Your enquiry received Successfully. We will get back to you soon.</span>');
                }
               /* $('.submitBtn').removeAttr("disabled");
                $('.modal-body').css('opacity', '');*/
            }
        });
    
//} 
}
</script>
<!--Modal: make an enqiry Form-->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" >
  <div class="modal-dialog" role="document">
    <div class="modal-content">
       <form method="post" action="">
      <div class="modal-header">
        <h3 class="modal-title" id="exampleModalLabel" style="margin-bottom: 0;">Make an enquiry - <?php echo $res_property['name'];?></h3>
        <!--<button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>-->
      
      </div>
    
      <div class="modal-body" style="height:auto;">
        <p class="statusMsg"></p>
        <input type="hidden" value="<?php echo $res_property['propertyid'];?>" name="prop_id">
         <input type="hidden" name="propertytitle" id="propertytitle" value="<?php echo $res_property['title'];?>">
         <input type="hidden" name="property" id="property" value="<?php echo $res_property['name'];?>">
         <input type="hidden" name="city" id="city" value="<?php echo $res_property['city'];?>">
         <input type="hidden" name="categroy" id="categroy"  value="<?php echo $res_property['category'];?>">
          <div class="form-group col-md-6">
            <label for="recipient-name" class="col-form-label ">Name:</label>
             
            <input type="text" name="name" class="form-control " id="inputName"   required style="color:black;">
          </div>
          <div class="form-group col-md-6">
            <label for="message-text" class="col-form-label">Email:</label>
             
            <input type="email" name="email" class="form-control " id="inputEmail" required style="color:black;">
          </div>
          <script src="https://code.jquery.com/jquery-2.1.1.min.js" type="text/javascript"></script>

           <div class="form-group col-md-6">
            <label for="recipient-name" class="col-form-label ">Phone:</label>
             
          <input type="text" name="phone" class="form-control" id="inputPhone"   required style="color:black;">
          </div>
          <div class="form-group col-md-6">
            <label for="message-text" class="col-form-label">Country:</label>
            <!--<select name="country" class="form-control" id="country" oninvalid="this.setCustomValidity('Select a country')"
    oninput="this.setCustomValidity('')"  required>
            <option value="">Select Country</option>
            	<?php
							// $sel_coun=mysqli_query($con,"select * from tbl_country");
							 //while( $res_coun=mysqli_fetch_array($sel_coun)) {
							 ?>
                        <option value="<?php echo $res_coun['country'];?>"><?php echo $res_coun['country'];?></option>
                        <?php //} ?>
            </select> -->
			  <input type="text" name="country" class="form-control" id="country" required style="color:black;">
          </div>
         
          <div class="form-group col-md-12">
            <label for="message-text" class="col-form-label" required>Message:</label>
            <textarea class="form-control" name="msg" id="msg"   required style="height: 70px; margin-bottom: 5px;color:black;" ></textarea>
          </div>
          
<!--
          <div class="col-sm-12" style="margin-bottom: 10px;">
                        <div class="form-group">
          <div class="g-recaptcha" data-callback="recaptchaCallback" data-expired-callback="reCaptchaExpired1" data-sitekey="6LeIBcIUAAAAALfajK8JOVAnk8zDXDfV90PNWu9P"></div>
                       </div>
                      </div>
-->
   
      </div>
      <div class="modal-footer">
       <button type="button" class="btn btn-primary col-md-3" name="enquiry" id="submitBtn" onclick="submitContactForm()">Send Enquiry</button>
        <button type="button" class="btn btn-secondary col-md-3" data-dismiss="modal">Close</button>
        
      </div>
           </form>
    </div>
  </div>
</div>
                       
       <SCRIPT>
function recaptchaCallback1() {
$('#submitButton1').removeAttr('disabled');
};
window.reCaptchaExpired = function reCaptchaExpired() {
                  $('#submitButton1').attr('disabled', 'true');
                  //JS CODE
                  //document.getElementById("submitBtn").disabled = true;
                };							 
							 </SCRIPT>        
<script>
function submitContactForm1(){
    var reg = /^[A-Z0-9._%+-]+@([A-Z0-9-]+\.)+[A-Z]{2,4}$/i;
	var regname = /^[a-zA-Z ]+$/i;
	var regphone = /^((\+971|00971|971|0){1}(2|3|4|6|7|9|50|51|52|55|56){1}([0-9]{7}))$/i;
    var name = $('#inputName1').val();
    var email = $('#inputEmail1').val();
    var phone = $('#inputPhone1').val();
	var property = $('#property').val();
	var propertytitle = $('#propertytitle1').val();
	var categroy = $('#categroy1').val();
	var city = $('#city1').val();
	// if(name.trim() == '' ){
        // alert('Please enter your name.');
        // $('#inputName1').focus();
        // return false;
    // }
	// else if(name.trim() != '' && !regname.test(name)){
        // alert('Please enter a valid name.');
        // $('#inputName1').focus();
        // return false;
    // }
	// else if(email.trim() == '' ){
        // alert('Please enter your email.');
        // $('#inputEmail1').focus();
        // return false;
    // }else if(email.trim() != '' && !reg.test(email)){
        // alert('Please enter valid email.');
        // $('#inputEmail1').focus();
        // return false;
    // }
	
	// else if(phone.trim() == '' ){
        // alert('Please enter your phone number.');
        // $('#inputPhone1').focus();
        // return false;
    // }else if(phone.trim() != '' && !regphone.test(phone)){
        // alert('Please enter a valid phone number.');
        // $('#inputPhone1').focus();
        // return false;
    // }
	/*else if(grecaptcha.getResponse().length == 0){
            alert('Please click the reCAPTCHA checkbox');
            return false;
        }*/
	// else{
	

        $.ajax({
            type:'POST',
            url:'submit_form1.php',
            data:'contactFrmSubmit=1&name='+name+'&email='+email+'&phone='+phone+'&property='+property+'&propertytitle='+propertytitle+'&categroy='+categroy+'&city='+city,
           
            success:function(msg){
                if(msg == 'ok'){
                    $('#inputName').val('');
                    $('#inputEmail').val('');
                    $('#inputPhone').val('');
                    $('.statusMsg1').html('<span style="color:green;">Your request received Successfully. We will get back to you soon.</span>');
                }else{
                    $('.statusMsg1').html('<span style="color:green;">Your request received Successfully. We will get back to you soon.</span>');
                }
               /* $('.submitBtn').removeAttr("disabled");
                $('.modal-body').css('opacity', '');*/
            }
        });
    
//} 
}
</script>
                
<!--Modal: Call back Form-->
<div class="modal fade" id="callModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
     <form method="post" action="">
      <div class="modal-header">
        <h3 class="modal-title" id="exampleModalLabel" style="margin-bottom: 0;">Call back request - <?php echo $res_property['name'];?></h3>
        <!--<button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>-->
      </div>
      <div class="modal-body" style="height:245px;">
      <p class="statusMsg1"></p>
      <input type="hidden" value="<?php echo $res_property['propertyid'];?>" name="prop_id">
         <input type="hidden" name="propertytitle" id="propertytitle1" value="<?php echo $res_property['title'];?>">
         <input type="hidden" name="property" id="property1" value="<?php echo $res_property['name'];?>">
         <input type="hidden" name="city" id="city1" value="<?php echo $res_property['city'];?>">
         <input type="hidden" name="categroy" id="categroy1"  value="<?php echo $res_property['category'];?>">
          <div class="form-group col-md-6">
            <label for="recipient-name" class="col-form-label ">Name:</label>
             
            <input type="text" name="name" class="form-control " id="inputName1" required style="color:black;">
          </div>
          <div class="form-group col-md-6">
            <label for="message-text" class="col-form-label">Email:</label>
          
            <input type="email" name="email" class="form-control " id="inputEmail1" style="color:black;" required>
          </div>
          
           <div class="form-group col-md-6" style="margin-bottom: 10px;">
            <label for="recipient-name" name="phone" class="col-form-label ">Phone:</label>
          
            <input type="text" name="phone" class="form-control " id="inputPhone1" required style="color:black;">
          </div>
         
<!--
          <div class="col-sm-12" style="margin-bottom: 5px;">
                        <div class="form-group">
                      <div class="g-recaptcha" data-callback="recaptchaCallback1" data-expired-callback="reCaptchaExpired" data-sitekey="6LeIBcIUAAAAALfajK8JOVAnk8zDXDfV90PNWu9P"></div>
                       </div>
                      </div>
-->
          
        <div class="modal-footer col-md-12" style="    margin-left: 15px;
 padding: 0;">
        <button type="button" name="request" id="submitButton1" onclick="submitContactForm1()"  class="btn btn-primary col-md-3">Send Request</button>
        <button type="button" class="btn btn-secondary col-md-3" data-dismiss="modal">Close</button>
        
      </div>
        </form>
      </div>
     
    </div>
  </div>
</div>
                    </div>
                </div><!--Left Column-->
<!--
                 <div class="sidebar-side col-md-4 col-sm-4 col-xs-12">
                    <aside class="sidebar">

                        <div class="sidebar-widget popular-posts">
                            <div class="sidebar-title"><h3>Other Properties</h3></div>

                            <article class="post">
                            	<figure class="post-thumb"><a href="#"><img src="images/resource/post-thumb-5.jpg" alt=""></a></figure>
                                <h4><a href="#">Micenas Placerat Nibh Loreming Fentum</a></h4>
                                <div class="post-info">Sep 29, 2016 </div>
                            </article>

                            <article class="post">
                            	<figure class="post-thumb"><a href="#"><img src="images/resource/post-thumb-6.jpg" alt=""></a></figure>
                                <h4><a href="#">Micenas Placerat Nibh Loreming Fentum</a></h4>
                                <div class="post-info">Sep 29, 2016 </div>
                            </article>
                            
                            <article class="post">
                            	<figure class="post-thumb"><a href="#"><img src="images/resource/post-thumb-7.jpg" alt=""></a></figure>
                                <h4><a href="#">Micenas Placerat Nibh Loreming Fentum</a></h4>
                                <div class="post-info">Sep 29, 2016 </div>
                            </article>

                        </div>
                    </aside>
                </div>
-->
                <!--Right Column-->
              <div class="sidebar-side col-md-4 col-sm-8 col-xs-12">
                    <aside class="sidebar">
                        <!-- Popular Posts -->
                        <div class="sidebar-widget popular-posts">
                            <div class="sidebar-title"><h3>Other Properties</h3></div>
							 <?php
								//$sel_pro=mysqli_query($con,"select * from tbl_property where propertyid!=".$_GET['pid']. "order by propertyid desc limit 8");
								$sel_pro=mysqli_query($con,"select * from tbl_property where statuss=0 order by propertyid desc limit 8");
								while($res_pro=mysqli_fetch_array($sel_pro))
								{ $proid1=$res_pro['propertyid'];
								?>
                            <article class="post">
                            	<figure class="post-thumb"><a href="property-details.php?pid=<?php echo $proid1;?>">
                                	<?php 
					$sel_prop_gal=mysqli_query($con,"select * from  tbl_property_imagegallery where property='$proid1' order by galleryid" );
					$res_prop_gal=mysqli_fetch_array($sel_prop_gal);
						?>
                               <img src="<?php echo $site_url;?>images/propertygallery/<?php echo $res_prop_gal['image'];?>" alt="" style="width:60px;height:75px;"></a></figure>
                                <h4 style="padding-top:0px!important;"><a href="property-details.php?pid=<?php echo $proid1;?>"><?php echo $res_pro['name'];?></a></h4>
                                <div class="post-info"><p style="color:black;"><i class="fa fa-map-marker"></i> <?php $loc1=$res_pro['location'];
						$sel_prop_location1=mysqli_query($con,"select * from  tbl_location where locationid=$loc1");
					$res_prop_location1=mysqli_fetch_array($sel_prop_location1); echo $res_prop_location1['location'];
						?> / <?php $city1=$res_pro['city'];
						$sel_prop_city1=mysqli_query($con,"select * from  tbl_city where cityid=$city1");
					$res_prop_city1=mysqli_fetch_array($sel_prop_city1); echo $res_prop_city1['city'];?></p>
<!--                                            <p style="color:black;">AED <?php echo number_format($res_pro['price']);?></p> -->
                                            
                                            </div>
                            </article>

    <?php } ?>     
                        </div>


                    </aside>


                </div>
                    </div>
                <div class="right-column col-md-8 col-sm-12 col-xs-12">
                    
                </div><!--Right Column-->
                
               
        	</div>
            
        </div>
    </section>
    
    <?php include 'footer.php';?>
      
</div>
<!--End pagewrapper-->

<!--Scroll to top-->
<!--<div class="scroll-to-top scroll-to-target" data-target="html"><span class="icon fa fa-long-arrow-up"></span></div>-->

<script src="js/jquery-1.12.0.min.js"></script>
<!--<script src="js/jquery.js"></script> -->
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/bxslider.js"></script>
<script src="js/jquery.fancybox.pack.js"></script>
<script src="js/jquery.fancybox-media.js"></script>
<script src="js/validate.js"></script>
<script src="js/owl.js"></script>
<script src="js/wow.js"></script>
<script src="js/script.js"></script>
</body>

<!-- Mirrored from themexriver.com/shelter/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 17 Dec 2019 04:49:10 GMT -->
</html>