<!--find data start-->
<div id="distance-map" class="tab-pane fade tab_editprofile1">
       <div class="col-sm-col-sm-offset-1 margin-10auto0 paddingRL10px">
                <div class="row">
					  
						<div class="col-sm-12">
                        <h4>Map Distance</h4>
                        
                        <div class="table-responsive">
                                <table class="table table-striped table-bordered table-hover" id="">
                                    <thead>
                                        <tr>
                                      
                                         	 
                                               <th>Location</th>
                                               
                                               <th>Name</th>
                                               
                                               <th>Distance (Km)</th>
                                               
                                               <th>Walk (min)</th>
                                                                                
                                            <th>Public Transport (min)</th>
                                            <th> By Car (min)</th>
                                            
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr class="odd gradeX" id="city">
                                      
                                       <td style="width:18%;">Airport </td>
                                       <td style="width:16%;"><input type="text" class="form-control"> </td>
                                       <td style="width:16%;">	<input type="text" class="form-control">  </td>
                                       <td style="width:16%;">
                                       	<input type="text" class="form-control">
                                       </td>
                                          
                                        	 <td class="sorting_1 " style="width:16%;"><input type="text" class="form-control"></td>
                                        	<td class="center " style="width:16%;"><input type="text" class="form-control"></td>
                                       		
                                        	</tr>
                                            
                                            <tr class="odd gradeX" id="city">
                                      
                                       <td style="width:18%;">Bars/Pubs </td>
                                       <td style="width:16%;"><input type="text" class="form-control"> </td>
                                       <td style="width:16%;">	<input type="text" class="form-control">  </td>
                                       <td style="width:16%;">
                                       	<input type="text" class="form-control">
                                       </td>
                                          
                                        	 <td class="sorting_1 " style="width:16%;"><input type="text" class="form-control"></td>
                                        	<td class="center " style="width:16%;"><input type="text" class="form-control"></td>
                                       		
                                        	</tr>
                                            
                                            <tr class="odd gradeX" id="city">
                                      
                                       <td style="width:18%;">RAILWAY STATION </td>
                                       <td style="width:16%;"><input type="text" class="form-control"> </td>
                                       <td style="width:16%;">	<input type="text" class="form-control">  </td>
                                       <td style="width:16%;">
                                       	<input type="text" class="form-control">
                                       </td>
                                          
                                        	 <td class="sorting_1 " style="width:16%;"><input type="text" class="form-control"></td>
                                        	<td class="center " style="width:16%;"><input type="text" class="form-control"></td>
                                       		
                                        	</tr>
                                            
                                            <tr class="odd gradeX" id="city">
                                      
                                       <td style="width:18%;">River </td>
                                       <td style="width:16%;"><input type="text" class="form-control"> </td>
                                       <td style="width:16%;">	<input type="text" class="form-control">  </td>
                                       <td style="width:16%;">
                                       	<input type="text" class="form-control">
                                       </td>
                                          
                                        	 <td class="sorting_1 " style="width:16%;"><input type="text" class="form-control"></td>
                                        	<td class="center " style="width:16%;"><input type="text" class="form-control"></td>
                                       		
                                        	</tr>
                                            
                                            <tr class="odd gradeX" id="city">
                                      
                                       <td  colspan="6"> 
                                       <div class="col-sm-2 pull-right" style="padding-right:0;">
                                 <input type="Search" value="Save" class="btn btn-block btn-warning submitbt" name="Save">
                                </div>
                                </td>
                                        	</tr>
                                         
                                       
                                                                      
                                   </tbody>
                                </table>
                                
                             </div>
                      	
                        </div>
                      
                      </div>
                       </div>
    </div>

<script type="text/javascript">
                 $(document).ready(function () {
					 
                    $('#id_garden').click(function () {
                       $('#garden').toggle('fast');
                       //$('#div1').show('fast');
                });
                $('#id_garden2').click(function () {
                      $('#garden').toggle('fast');
                     // $('#div2').show('fast');
                 });
               });
			   
			    $(document).ready(function () {
                    $('#id_conference').click(function () {
                       $('#conference').toggle('fast');
                       //$('#div1').show('fast');
                });
                $('#id_conference1').click(function () {
                      $('#conference').toggle('fast');
                     // $('#div2').show('fast');
                 });
               });
			   
			      $(document).ready(function () {
                    $('#id_boutique').click(function () {
                       $('#boutique').toggle('fast');
                       //$('#div1').show('fast');
                });
                $('#id_boutique1').click(function () {
                      $('#boutique').toggle('fast');
                     // $('#div2').show('fast');
                 });
               });
			   
			   
			     $(document).ready(function () {
                    $('#id_swimming').click(function () {
                       $('#swimming').toggle('fast');
                       //$('#div1').show('fast');
                });
                $('#id_swimming1').click(function () {
                      $('#swimming').toggle('fast');
                     // $('#div2').show('fast');
                 });
               });
			   
			   
			     $(document).ready(function () {
                    $('#id_petfreindly').click(function () {
                       $('#petfreindly').toggle('fast');
                       //$('#div1').show('fast');
                });
                $('#id_petfreindly1').click(function () {
                      $('#petfreindly').toggle('fast');
                     // $('#div2').show('fast');
                 });
				  $('#add-roomBut').click(function () {
                      $('#add-room').show('');
                      $('#manage-room').hide('');
                 });
				 
				 $('#back-roomBut').click(function () {
                      $('#add-room').hide('');
                      $('#manage-room').show('');
                 });
				 
				  $('#fixed').click(function () {
                      $('#fixed-price').show('');
                      
                 });
				  $('#percent').click(function () {
                      $('#fixed-price').hide('');
                      
                 });
				 
				 
				  $('#view-rate').click(function () {
                      $('#rate-div').show('');
					  
					  $('#add-div').hide('');
                      
                 });
				 
				 
				  $('#addrate-But').click(function () {
                      $('#rate-div').hide('');
					  
					  $('#add-div').show('');
                      
                 });
				 
				 
				 
				 
               });
			   
			   
</script>

 <script>
  $(document).ready(function () {
                $('#dataTables-example1').dataTable();
				 $('#dataTables-example2').dataTable();
				  $('#dataTables-example3').dataTable();
            });
 
function myFunction() {
    var x = document.getElementById("searchDIV");
    if (x.style.display === "none") {
        x.style.display = "block";
    } else {
        x.style.display = "none";
    }
}

function myFunction1() {
    var x = document.getElementById("searchDIV1");
    if (x.style.display === "none") {
        x.style.display = "block";
    } else {
        x.style.display = "none";
    }
}


	
</script>

<script>
$(document).ready(function(){
    $("#but_facilityType").click(function(){
        $("#add-facility").show();
		
    });
	  $("#but_add").click(function(){
        $("#add-facility").hide();
		
    });
	
	  $("#but_roomType").click(function(){
        $("#add_roomType").show();
		 $("#searchDIV").hide();
 	});
	
	});
</script>
<?php echo $this->inlineScript()->appendFile($this->basePath('/js/tinymce/tinymce.min.js')); ?>


