EVOLUTION-NINJA

Edit File: site_availability.php

<?php $this->load->view('includes/header.php')?>

<div class="row">
       
    <div class="col-md-12 grid-margin stretch-card">
      <div class="card">
        <div class="card-body">
            <a href="<?php echo site_url('dashboard');?>"><button type="button" class="btn btn-primary pull-right" >Back</button></a>
          <form class="filter_choice_submit">
          <div class="row">
            <div class="col-sm-3">
              <div class="form-group">
                <label>Layout Name : </label>
                 <select name="layout_name" class="form-control project_list" id="layout_name" onchange="change_layout_site();" required="required">
                  <option value="">Select</option>
                  <?php foreach($layouts as $layout){?>
                    <option value="<?php echo $layout->id; ?>"><?php echo $layout->layout_name; ?></option>
                  <?php } ?>
                </select>
              </div>
            </div>
           
            <div class="col-sm-3">
              <div class="form-group">
                <label>Site : </label>
                 <select class="form-control site_number" name="site" id="site" onchange="change_site();" required >
              </select>
              </div>
            </div>

<div class="col-sm-3 booking_div">
              <div class="form-group">
                <label>Booking Status : </label>
                 <input type="text" class="form-control booking_status" name="" id="" >
              </div>
            </div>
           
            <div class="col-sm-3 customer_div">
              <div class="form-group">
                <label>Booked Customer : </label>
                 <input type="text" class="form-control booked_customer" name="" id="" >
              </div>
            </div>
            
           </div>
         </form>
          <br/>
          <div class="row" style="padding-left:20px; padding-top:25px;text-align:center;">

<div class="col-sm-1 col-md-1" style="margin-left:30px;">
			<div style="background-color:#00e673;width:100px;">
			<p style="color:black">Released</p>
			</div>
		</div>
		<div class="col-sm-1 col-md-1" style="margin-left:30px;">
			<div style="background-color:#cc0000;width:100px;">
			<p style="color:black">Not Released</p>
			</div>
		</div>
		
	</div>
	
		<div class="row">
				<div class="col-md-1"></div>
				<div class="approved_plan_div" style="margin-top:30px;"></div>

</div>

<div class="row">
                  <div class="col-sm-4 site_details0">
                    <div class="form-group" >
                        <label for="exampleInputUsername1">Layout</label>
                        <select name="layout" class="form-control layout" id="layout" disabled="">
                           <option value="">Select</option>
                            <?php foreach($layouts as $layout){?>
                              <option value="<?php echo $layout->id; ?>"><?php echo $layout->layout_name; ?></option>
                            <?php } ?>
                        </select> 
                    </div>
                  </div>
             
                  <div class="col-sm-4 site_details1">
                    <div class="form-group" >
                        <label for="exampleInputUsername1"> Site No</label>
                        <input type="text" class="form-control site_no" name="site_no" readonly="">
                    </div> 
                  </div>
                <div class="col-sm-4 site_details2">
                    <div class="form-group" >
                    <label for="exampleInputUsername1">Facing</label>
                      <input type="text" class="form-control facing" name="facing" readonly="">
               
                    </div>
                  </div>
                </div>

<div class="row site_details2">
                  
                  <div class="col-sm-4">
                    <div class="form-group" >
                    <label for="exampleInputUsername1">Purch For</label>
                     <input type="text" class="form-control purch_for" name="purch_for" readonly="">
                
                </div>
                  </div>
                  <div class="col-sm-4">
                    <div class="form-group" >
                      <label for="exampleInputUsername1">Site Type</label>
                      <input type="text" class="form-control site_type" name="site_type" readonly="">
                        
                </div>
                  </div>
                  <div class="col-sm-4">
                    <div class="form-group" >
                    <label for="exampleInputUsername1">Remarks</label>
                  <input type="text" class="form-control remarks" name="remarks" readonly="">
                </div>
                  </div>
                </div>
                
                <div class="row site_details3">
                  <div class="col-sm-6">
                    <div class="form-group" >
                      <label for="exampleInputUsername1">North</label>
                      <div class="row">
                          <div class="col-sm-5">
                            <input type="text" class="form-control north" name="north" id="north" readonly="">
                          </div>
                        
                          <div class="col-sm-5">
                            <input type="text" class="form-control north_mtrs" name="north_mtrs" id="north_mtrs" readonly="">
                          </div>
                          <div class="col-sm-2" style="padding-left: 0px;">
                            <p style="padding-top: 10px;">Mtrs</p>
                          </div>
                        </div>
                    </div>
                  </div>
                  <div class="col-sm-6">
                      <div class="form-group" >
                      <label for="exampleInputUsername1">South</label>
                      <div class="row">
                            <div class="col-sm-5">
                              <input type="text" class="form-control south" name="south" id="south" readonly="">
                            </div>
                          
                            <div class="col-sm-5">
                              <input type="text" class="form-control south_mtrs" name="south_mtrs" id="south_mtrs" readonly="">
                            </div>
                            <div class="col-sm-2" style="padding-left: 0px;">
                              <p style="padding-top: 10px;">Mtrs</p>
                            </div>
                          </div>
                    </div>
                  </div>
                </div>

<div class="row site_details4">
                  <div class="col-sm-6">
                    <div class="form-group" >
                      <label for="exampleInputUsername1">East</label>
                      <div class="row">
                            <div class="col-sm-5">
                              <input type="text" class="form-control east" name="east" id="east" readonly="">
                            </div>
                          
                            <div class="col-sm-5">
                              <input type="text" class="form-control east_mtrs" name="east_mtrs" id="east_mtrs" readonly="">
                            </div>
                            <div class="col-sm-2" style="padding-left: 0px;">
                              <p style="padding-top: 10px;">Mtrs</p>
                            </div>
                          </div>
                    </div>
                  </div>
                  <div class="col-sm-6">
                    <div class="form-group" >
                        <label for="exampleInputUsername1">West</label>
                      <div class="row">
                            <div class="col-sm-5">
                              <input type="text" class="form-control west" name="west" id="west" readonly="">
                            </div>
                          
                            <div class="col-sm-5">
                              <input type="text" class="form-control west_mtrs" name="west_mtrs" id="west_mtrs" readonly="">
                            </div>
                            <div class="col-sm-2" style="padding-left: 0px;">
                              <p style="padding-top: 10px;">Mtrs</p>
                            </div>
                          </div>
                    </div>
                  </div>
                </div>
                
                <div class="row site_details5">
                  <div class="col-sm-3">
                  </div>
                 
                  <div class="col-sm-6">
                    <div class="form-group" >
                    
                      <div class="row">
                        
                        <div class="col-sm-5">
                          <label for="exampleInputUsername1">Sq Mt</label>
                          <input type="text" class="form-control sq_mt" step="any" name="sq_mt" id="sq_mt" readonly="">
                        </div>
                      
                      
                        <div class="col-sm-5">
                          <label for="exampleInputUsername1">Sq Ft</label>
                          <input type="text" class="form-control sq_ft" step="any" name="sq_ft" id="sq_ft" readonly="">
                        </div>
                      </div>
                       
                      </div>
                  </div>
                    <div class="col-sm-3">
                  </div>
                </div>

</div>
        </div>
      </div>
    </div>
  </div>
   </form>
</div>

.first{
    padding-top: 2%;
    padding-bottom:3%;
  }
  
</style>
<style type="text/css">

.content-wrapper, .right-side {			
		//min-height:900px !important;
	}	
	
	a {
	 color: inherit; 
	}

</style>

function CallAjax(project_id)

{
	   // alert(project_id);
		$.ajax({
                type   : 'post',
                url    : '<?php echo site_url("get-approved-plan")?>',
                data   : {project_id:project_id},
       
                                          
                  success:function(response){
                  response=jQuery.parseJSON(response);
                  console.log(response);

if(response.result==1)
                    {
	                	var map_content = '';
	                //	alert(response.approved_plan.upload_image);
                        
	                	if(response.approved_plan.upload_image == "163045815915th_Ambari_plan.jpeg")
	                	{
	                		map_content += '<img src="<?php echo base_url("assets/images");?>/'+response.approved_plan.upload_image+'" usemap="#plan"  class="appr_plan"/>';

map_content += '<MAP NAME="plan">';

map_content += '<area name="1" shape="rect" coords="571,250,592,284" href=""  id="666" title="">';
                              map_content += '<area name="2" shape="rect" coords="554,250,569,284" href=""  id="628" title="">';
                              map_content += '<area name="3" shape="rect" coords="536,249,553,283" href=""  id="629" title="">';
                              map_content += '<area name="4" shape="rect" coords="519,250,535,282" href=""  id="630" title="">';
                              map_content += '<area name="5" shape="rect" coords="502,247,518,283" href=""  id="631" title="">';
                              map_content += '<area name="6" shape="rect" coords="485,247,501,282" href=""  id="632" title="">';
                              map_content += '<area name="7" shape="rect" coords="467,247,484,282" href=""  id="633" title="">';
                              map_content += '<area name="8" shape="rect" coords="450,246,466,282" href=""  id="634" title="">';
                              map_content += '<area name="9" shape="rect" coords="434,246,449,281" href=""  id="635" title="">';
                              map_content += '<area name="10" shape="rect" coords="417,246,432,280" href=""  id="636" title="">';
                              map_content += '<area name="11" shape="rect" coords="395,246,416,280" href=""  id="667" title="">';
                              map_content += '<area name="12" shape="rect" coords="394,306,428,331" href=""  id="668" title="">';
                              map_content += '<area name="13" shape="rect" coords="393,330,428,357" href=""  id="637" title="">';
                              map_content += '<area name="14" shape="rect" coords="428,308,454,357" href=""  id="638" title="">';
                              map_content += '<area name="15" shape="rect" coords="453,308,480,358" href=""  id="639" title="">';
                              map_content += '<area name="16" shape="rect" coords="479,308,505,357" href=""  id="640" title="">';
                              map_content += '<area name="17" shape="rect" coords="504,308,531,357" href=""  id="641" title="">';
                              map_content += '<area name="18" shape="rect" coords="531,310,557,359" href=""  id="642" title="">';
                              map_content += '<area name="19" shape="rect" coords="556,310,590,333" href=""  id="669" title="">';
                              map_content += '<area name="20" shape="rect" coords="557,332,590,358" href=""  id="643" title="">';
                              map_content += '<area name="21" shape="rect" coords="557,358,589,384" href=""  id="644" title="">';
                              map_content += '<area name="22" shape="rect" coords="556,385,590,411" href=""  id="" title="">';
                              map_content += '<area name="23" shape="rect" coords="531,357,555,410" href=""  id="645" title="">';
                              map_content += '<area name="24" shape="rect" coords="506,356,529,409" href=""  id="646" title="">';
                              map_content += '<area name="25" shape="rect" coords="479,357,504,409" href=""  id="647" title="">';
                              map_content += '<area name="26" shape="rect" coords="453,356,478,408" href=""  id="648" title="">';
                              map_content += '<area name="27" shape="rect" coords="427,357,453,410" href=""  id="649" title="">';
                              map_content += '<area name="29" shape="rect" coords="394,356,427,382" href=""  id="650" title="">';
                              map_content += '<area name="28" shape="rect" coords="393,381,426,408" href=""  id="670" title="">';
                              map_content += '<area name="30" shape="rect" coords="334,245,367,271" href=""  id="651" title="">';
                              map_content += '<area name="31" shape="rect" coords="335,269,367,296" href=""  id="652" title="">';
                              map_content += '<area name="32" shape="rect" coords="333,295,367,322" href=""  id="653" title="">';
                              map_content += '<area name="33" shape="rect" coords="334,321,367,349" href=""  id="654" title="">';
                              map_content += '<area name="34" shape="rect" coords="332,347,366,375" href=""  id="655" title="">';
                              map_content += '<area name="35" shape="rect" coords="332,373,367,408" href=""  id="671" title="">';
                              map_content += '<area name="36" shape="rect" coords="297,374,332,407" href=""  id="672" title="">';
                              map_content += '<area name="37" shape="rect" coords="299,347,333,373" href=""  id="656" title="">';
                              map_content += '<area name="38" shape="rect" coords="300,322,332,348" href=""  id="657" title="">';
                              map_content += '<area name="39" shape="rect" coords="299,296,333,322" href=""  id="658" title="">';
                              map_content += '<area name="40" shape="rect" coords="298,269,333,297" href=""  id="659" title="">';
                              map_content += '<area name="41" shape="rect" coords="300,245,333,271" href=""  id="660" title="">';
                              map_content += '<area name="42" shape="rect" coords="252,244,273,271" href=""  id="661" title="">';
                              map_content += '<area name="43" shape="rect" coords="249,271,272,299" href=""  id="662" title="">';
                              map_content += '<area name="44" shape="rect" coords="247,299,272,324" href=""  id="663" title="">';
                              map_content += '<area name="45" shape="rect" coords="243,324,272,350" href=""  id="664" title="">';
                              map_content += '<area name="46" shape="rect" coords="240,350,271,375" href=""  id="665" title="">';
                              map_content += '<area name="47" shape="rect" coords="237,375,271,406" href=""  id="673" title="">';
							map_content += '</MAP>';
	                	}
	                	else if(response.approved_plan.upload_image == "image_map.png")
	                	{
	                		map_content += '<img src="<?php echo base_url("assets/images");?>/'+response.approved_plan.upload_image+'" usemap="#plan"  class="appr_plan"/>';

map_content += '<MAP NAME="plan">';

map_content += '<area name="44" shape="rect" coords="248,862,281,882" href=""  alt="" title="">';
                              map_content += '<area name="45" shape="rect" coords="248,884,281,904" href=""  alt="" title="">';
                              map_content += '<area name="46" shape="rect" coords="251,905,282,925" href=""  alt="" title="">';
                              map_content += '<area name="47" shape="rect" coords="252,926,283,947" href=""  alt="" title="">';
                              map_content += '<area name="48" shape="rect" coords="252,949,285,969" href=""  alt="" title="">';
                              map_content += '<area name="49" shape="rect" coords="253,971,286,997" href=""  alt="" title="">';
                              map_content += '<area name="51" shape="rect" coords="287,968,306,983" href=""  alt="" title="">';
                              map_content += '<area name="50" shape="rect" coords="286,987,307,995" href=""  alt="" title="">';
                              map_content += '<area name="52" shape="rect" coords="286,952,304,967" href=""  alt="" title="">';
                              map_content += '<area name="53" shape="rect" coords="285,937,305,952" href=""  alt="" title="">';
                              map_content += '<area name="54" shape="rect" coords="283,921,304,935" href=""  alt="" title="">';
                              map_content += '<area name="55" shape="rect" coords="284,905,302,919" href=""  alt="" title="">';
                              map_content += '<area name="56" shape="rect" coords="282,889,302,902" href=""  alt="" title="">';
                              map_content += '<area name="57" shape="rect" coords="282,873,301,886" href=""  alt="" title="">';
                              map_content += '<area name="58" shape="rect" coords="281,862,301,870" href=""  alt="" title="">';
                              map_content += '<area name="59" shape="rect" coords="320,861,335,879" href=""  alt="" title="">';
                              map_content += '<area name="60" shape="rect" coords="321,882,335,895" href=""  alt="" title="">';
                              map_content += '<area name="61" shape="rect" coords="321,898,336,911" href=""  alt="" title="">';
                              map_content += '<area name="62" shape="rect" coords="321,914,336,929" href=""  alt="" title="">';
                              map_content += '<area name="63" shape="rect" coords="322,931,337,944" href=""  alt="" title="">';
                              map_content += '<area name="64" shape="rect" coords="323,947,337,962" href=""  alt="" title="">';
                              map_content += '<area name="65" shape="rect" coords="323,963,338,976" href=""  alt="" title="">';
                              map_content += '<area name="66" shape="rect" coords="324,980,338,994" href=""  alt="" title="">';
                              map_content += '<area name="67" shape="rect" coords="341,980,365,992" href=""  alt="" title="">';
                              map_content += '<area name="68" shape="rect" coords="340,963,364,975" href=""  alt="" title="">';
                              map_content += '<area name="69" shape="rect" coords="339,946,364,959" href=""  alt="" title="">';
                              map_content += '<area name="70" shape="rect" coords="336,930,364,943" href=""  alt="" title="">';
                              map_content += '<area name="71" shape="rect" coords="338,914,364,926" href=""  alt="" title="">';
                              map_content += '<area name="72" shape="rect" coords="337,898,362,910" href=""  alt="" title="">';
                              map_content += '<area name="73" shape="rect" coords="337,881,361,894" href=""  alt="" title="">';
                              map_content += '<area name="74" shape="rect" coords="336,860,360,877" href=""  alt="" title="">';
                              map_content += '<area name="75" shape="rect" coords="379,859,399,876" href=""  alt="" title="">';
                              map_content += '<area name="76" shape="rect" coords="380,879,399,892" href=""  alt="" title="">';
                              map_content += '<area name="77" shape="rect" coords="380,894,401,909" href=""  alt="" title="">';
                              map_content += '<area name="78" shape="rect" coords="381,911,400,925" href=""  alt="" title="">';
                              map_content += '<area name="79" shape="rect" coords="381,926,402,942" href=""  alt="" title="">';
                              map_content += '<area name="80" shape="rect" coords="382,944,402,958" href=""  alt="" title="">';
                              map_content += '<area name="81" shape="rect" coords="382,960,403,974" href=""  alt="" title="">';
                              map_content += '<area name="82" shape="rect" coords="383,977,404,990" href=""  alt="" title="">';
                              map_content += '<area name="83" shape="rect" coords="404,975,425,989" href=""  alt="" title="">';
                              map_content += '<area name="84" shape="rect" coords="405,959,424,973" href=""  alt="" title="">';
                              map_content += '<area name="85" shape="rect" coords="404,942,423,956" href=""  alt="" title="">';
                              map_content += '<area name="86" shape="rect" coords="403,925,423,940" href=""  alt="" title="">';
                              map_content += '<area name="87" shape="rect" coords="402,910,423,924" href=""  alt="" title="">';
                              map_content += '<area name="88" shape="rect" coords="402,894,421,908" href=""  alt="" title="">';
                              map_content += '<area name="89" shape="rect" coords="401,878,420,892" href=""  alt="" title="">';
                              map_content += '<area name="90" shape="rect" coords="401,859,418,874" href=""  alt="" title="">';
                              map_content += '<area name="92" shape="rect" coords="680,1056,701,1071" href=""  alt="" title="">';
                              map_content += '<area name="93" shape="rect" coords="680,1072,704,1086" href=""  alt="" title="">';
                              map_content += '<area name="94" shape="rect" coords="682,1090,708,1103" href=""  alt="" title="">';
                              map_content += '<area name="95" shape="rect" coords="683,1105,715,1118" href=""  alt="" title="">';
                              map_content += '<area name="96" shape="rect" coords="683,1122,719,1135" href=""  alt="" title="">';
                              map_content += '<area name="97" shape="rect" coords="684,1137,726,1153" href=""  alt="" title="">';
                              map_content += '<area name="98" shape="rect" coords="646,1133,667,1151" href=""  alt="" title="">';
                              map_content += '<area name="99" shape="rect" coords="645,1116,665,1129" href=""  alt="" title="">';
                              map_content += '<area name="100" shape="rect" coords="645,1101,664,1113" href=""  alt="" title="">';
                              map_content += '<area name="101" shape="rect" coords="644,1083,663,1097" href=""  alt="" title="">';
                              map_content += '<area name="102" shape="rect" coords="643,1068,663,1081" href=""  alt="" title="">';
                              map_content += '<area name="103" shape="rect" coords="641,1052,661,1064" href=""  alt="" title="">';
                              map_content += '<area name="104" shape="rect" coords="641,1035,661,1050" href=""  alt="" title="">';
                              map_content += '<area name="105" shape="rect" coords="641,1018,659,1032" href=""  alt="" title="">';
                              map_content += '<area name="106" shape="rect" coords="639,1002,659,1016" href=""  alt="" title="">';
                              map_content += '<area name="107" shape="rect" coords="624,1003,638,1011" href=""  alt="" title="">';
                              map_content += '<area name="108" shape="rect" coords="623,1015,637,1022" href=""  alt="" title="">';
                              map_content += '<area name="109" shape="rect" coords="624,1025,638,1033" href=""  alt="" title="">';
                              map_content += '<area name="110" shape="rect" coords="624,1035,639,1045" href=""  alt="" title="">';
                              map_content += '<area name="111" shape="rect" coords="624,1046,640,1053" href=""  alt="" title="">';
                              map_content += '<area name="112" shape="rect" coords="625,1058,641,1066" href=""  alt="" title="">';
                              map_content += '<area name="113" shape="rect" coords="626,1067,641,1077" href=""  alt="" title="">';
                              map_content += '<area name="114" shape="rect" coords="626,1079,641,1087" href=""  alt="" title="">';
                              map_content += '<area name="115" shape="rect" coords="628,1088,640,1098" href=""  alt="" title="">';
                              map_content += '<area name="116" shape="rect" coords="627,1101,643,1109" href=""  alt="" title="">';
                              map_content += '<area name="117" shape="rect" coords="627,1110,642,1120" href=""  alt="" title="">';
                              map_content += '<area name="118" shape="rect" coords="627,1122,643,1131" href=""  alt="" title="">';
                              map_content += '<area name="119" shape="rect" coords="630,1134,644,1151" href=""  alt="" title="">';
                              map_content += '<area name="120" shape="rect" coords="591,1135,611,1149" href=""  alt="" title="">';
                              map_content += '<area name="121" shape="rect" coords="591,1117,611,1132" href=""  alt="" title="">';
                              map_content += '<area name="122" shape="rect" coords="589,1103,610,1116" href=""  alt="" title="">';
                              map_content += '<area name="123" shape="rect" coords="589,1086,609,1099" href=""  alt="" title="">';
                              map_content += '<area name="124" shape="rect" coords="588,1069,608,1084" href=""  alt="" title="">';
                              map_content += '<area name="125" shape="rect" coords="587,1053,608,1068" href=""  alt="" title="">';
                              map_content += '<area name="126" shape="rect" coords="586,1037,606,1051" href=""  alt="" title="">';
                              map_content += '<area name="127" shape="rect" coords="586,1021,606,1037" href=""  alt="" title="">';
                              map_content += '<area name="128" shape="rect" coords="584,1005,605,1018" href=""  alt="" title="">';
                              map_content += '<area name="129" shape="rect" coords="562,1006,583,1020" href=""  alt="" title="">';
                              map_content += '<area name="130" shape="rect" coords="563,1022,584,1036" href=""  alt="" title="">';
                              map_content += '<area name="131" shape="rect" coords="564,1038,585,1052" href=""  alt="" title="">';
                              map_content += '<area name="132" shape="rect" coords="565,1055,586,1068" href=""  alt="" title="">';
                              map_content += '<area name="133" shape="rect" coords="565,1070,586,1085" href=""  alt="" title="">';
                              map_content += '<area name="134" shape="rect" coords="567,1087,587,1102" href=""  alt="" title="">';
                              map_content += '<area name="135" shape="rect" coords="566,1103,589,1118" href=""  alt="" title="">';
                              map_content += '<area name="136" shape="rect" coords="570,1120,589,1133" href=""  alt="" title="">';
                              map_content += '<area name="137" shape="rect" coords="570,1136,589,1150" href=""  alt="" title="">';
                              map_content += '<area name="138" shape="rect" coords="571,1154,609,1165" href=""  alt="" title="">';
                              map_content += '<area name="139" shape="rect" coords="571,1169,608,1181" href=""  alt="" title="">';
                              map_content += '<area name="140" shape="rect" coords="573,1183,607,1195" href=""  alt="" title="">';
                              map_content += '<area name="141" shape="rect" coords="539,1267,559,1279" href=""  alt="" title="">';
                              map_content += '<area name="142" shape="rect" coords="537,1251,558,1264" href=""  alt="" title="">';
                              map_content += '<area name="143" shape="rect" coords="536,1234,556,1250" href=""  alt="" title="">';
                              map_content += '<area name="144" shape="rect" coords="536,1219,556,1233" href=""  alt="" title="">';
                              map_content += '<area name="145" shape="rect" coords="535,1203,555,1217" href=""  alt="" title="">';
                              map_content += '<area name="146" shape="rect" coords="533,1187,554,1200" href=""  alt="" title="">';
                              map_content += '<area name="147" shape="rect" coords="532,1170,554,1184" href=""  alt="" title="">';
                              map_content += '<area name="148" shape="rect" coords="532,1153,553,1167" href=""  alt="" title="">';
                              map_content += '<area name="149" shape="rect" coords="532,1139,552,1150" href=""  alt="" title="">';
                              map_content += '<area name="150" shape="rect" coords="530,1122,552,1135" href=""  alt="" title="">';
                              map_content += '<area name="151" shape="rect" coords="530,1105,551,1119" href=""  alt="" title="">';
                              map_content += '<area name="152" shape="rect" coords="529,1090,550,1101" href=""  alt="" title="">';
                              map_content += '<area name="153" shape="rect" coords="528,1073,549,1086" href=""  alt="" title="">';
                              map_content += '<area name="154" shape="rect" coords="529,1057,548,1069" href=""  alt="" title="">';
                              map_content += '<area name="155" shape="rect" coords="527,1039,548,1054" href=""  alt="" title="">';
                              map_content += '<area name="156" shape="rect" coords="526,1025,546,1038" href=""  alt="" title="">';
                              map_content += '<area name="157" shape="rect" coords="526,1008,546,1023" href=""  alt="" title="">';
                              map_content += '<area name="158" shape="rect" coords="504,1010,523,1022" href=""  alt="" title="">';
                              map_content += '<area name="159" shape="rect" coords="504,1026,525,1038" href=""  alt="" title="">';
                              map_content += '<area name="160" shape="rect" coords="506,1041,525,1055" href=""  alt="" title="">';
                              map_content += '<area name="161" shape="rect" coords="505,1057,526,1071" href=""  alt="" title="">';
                              map_content += '<area name="162" shape="rect" coords="508,1074,527,1086" href=""  alt="" title="">';
                              map_content += '<area name="163" shape="rect" coords="509,1090,529,1103" href=""  alt="" title="">';
                              map_content += '<area name="164" shape="rect" coords="508,1106,529,1120" href=""  alt="" title="">';
                              map_content += '<area name="165" shape="rect" coords="510,1123,530,1136" href=""  alt="" title="">';
                              map_content += '<area name="166" shape="rect" coords="510,1139,532,1153" href=""  alt="" title="">';
                              map_content += '<area name="167" shape="rect" coords="511,1154,530,1169" href=""  alt="" title="">';
                              map_content += '<area name="168" shape="rect" coords="512,1171,532,1186" href=""  alt="" title="">';
                              map_content += '<area name="169" shape="rect" coords="513,1186,532,1202" href=""  alt="" title="">';
                              map_content += '<area name="170" shape="rect" coords="513,1204,533,1217" href=""  alt="" title="">';
                              map_content += '<area name="171" shape="rect" coords="514,1219,534,1234" href=""  alt="" title="">';
                              map_content += '<area name="172" shape="rect" coords="515,1236,535,1249" href=""  alt="" title="">';
                              map_content += '<area name="173" shape="rect" coords="516,1252,536,1268" href=""  alt="" title="">';
                              map_content += '<area name="174" shape="rect" coords="516,1268,537,1280" href=""  alt="" title="">';
                              map_content += '<area name="175" shape="rect" coords="478,1272,500,1282" href=""  alt="" title="">';
                              map_content += '<area name="176" shape="rect" coords="477,1253,499,1269" href=""  alt="" title="">';
                              map_content += '<area name="177" shape="rect" coords="478,1238,496,1251" href=""  alt="" title="">';
                              map_content += '<area name="178" shape="rect" coords="476,1223,496,1234" href=""  alt="" title="">';
                              map_content += '<area name="179" shape="rect" coords="476,1206,495,1219" href=""  alt="" title="">';
                              map_content += '<area name="180" shape="rect" coords="474,1189,495,1203" href=""  alt="" title="">';
                              map_content += '<area name="181" shape="rect" coords="474,1172,494,1186" href=""  alt="" title="">';
                              map_content += '<area name="182" shape="rect" coords="473,1157,493,1171" href=""  alt="" title="">';
                              map_content += '<area name="183" shape="rect" coords="472,1141,492,1154" href=""  alt="" title="">';
                              map_content += '<area name="184" shape="rect" coords="472,1124,492,1138" href=""  alt="" title="">';
                              map_content += '<area name="185" shape="rect" coords="472,1108,491,1121" href=""  alt="" title="">';
                              map_content += '<area name="186" shape="rect" coords="470,1092,490,1104" href=""  alt="" title="">';
                              map_content += '<area name="187" shape="rect" coords="469,1075,491,1089" href=""  alt="" title="">';
                              map_content += '<area name="188" shape="rect" coords="468,1060,488,1073" href=""  alt="" title="">';
                              map_content += '<area name="189" shape="rect" coords="467,1043,487,1055" href=""  alt="" title="">';
                              map_content += '<area name="190" shape="rect" coords="467,1027,487,1040" href=""  alt="" title="">';
                              map_content += '<area name="191" shape="rect" coords="466,1011,486,1024" href=""  alt="" title="">';
                              map_content += '<area name="192" shape="rect" coords="444,1011,465,1025" href=""  alt="" title="">';
                              map_content += '<area name="193" shape="rect" coords="445,1028,465,1042" href=""  alt="" title="">';
                              map_content += '<area name="194" shape="rect" coords="447,1043,465,1058" href=""  alt="" title="">';
                              map_content += '<area name="195" shape="rect" coords="446,1060,468,1074" href=""  alt="" title="">';
                              map_content += '<area name="196" shape="rect" coords="447,1076,467,1090" href=""  alt="" title="">';
                              map_content += '<area name="197" shape="rect" coords="448,1092,468,1108" href=""  alt="" title="">';
                              map_content += '<area name="198" shape="rect" coords="449,1109,469,1123" href=""  alt="" title="">';
                              map_content += '<area name="199" shape="rect" coords="449,1124,470,1139" href=""  alt="" title="">';
                              map_content += '<area name="200" shape="rect" coords="451,1142,470,1156" href=""  alt="" title="">';
                              map_content += '<area name="201" shape="rect" coords="451,1156,471,1174" href=""  alt="" title="">';
                              map_content += '<area name="202" shape="rect" coords="452,1173,471,1188" href=""  alt="" title="">';
                              map_content += '<area name="203" shape="rect" coords="454,1189,474,1204" href=""  alt="" title="">';
                              map_content += '<area name="204" shape="rect" coords="454,1206,474,1220" href=""  alt="" title="">';
                              map_content += '<area name="205" shape="rect" coords="454,1222,475,1237" href=""  alt="" title="">';
                              map_content += '<area name="206" shape="rect" coords="455,1239,475,1251" href=""  alt="" title="">';
                              map_content += '<area name="207" shape="rect" coords="456,1256,476,1268" href=""  alt="" title="">';
                              map_content += '<area name="208" shape="rect" coords="457,1272,478,1284" href=""  alt="" title="">';
                              map_content += '<area name="209" shape="rect" coords="419,1273,440,1285" href=""  alt="" title="">';
                              map_content += '<area name="210" shape="rect" coords="418,1257,438,1271" href=""  alt="" title="">';
                              map_content += '<area name="211" shape="rect" coords="418,1240,437,1256" href=""  alt="" title="">';
                              map_content += '<area name="212" shape="rect" coords="417,1225,436,1238" href=""  alt="" title="">';
                              map_content += '<area name="213" shape="rect" coords="416,1209,435,1220" href=""  alt="" title="">';
                              map_content += '<area name="214" shape="rect" coords="415,1191,436,1205" href=""  alt="" title="">';
                              map_content += '<area name="215" shape="rect" coords="413,1176,434,1190" href=""  alt="" title="">';
                              map_content += '<area name="216" shape="rect" coords="414,1158,434,1173" href=""  alt="" title="">';
                              map_content += '<area name="217" shape="rect" coords="412,1142,433,1156" href=""  alt="" title="">';
                              map_content += '<area name="218" shape="rect" coords="412,1127,432,1141" href=""  alt="" title="">';
                              map_content += '<area name="219" shape="rect" coords="409,1110,431,1124" href=""  alt="" title="">';
                              map_content += '<area name="220" shape="rect" coords="411,1094,430,1108" href=""  alt="" title="">';
                              map_content += '<area name="221" shape="rect" coords="409,1078,430,1091" href=""  alt="" title="">';
                              map_content += '<area name="222" shape="rect" coords="409,1063,429,1076" href=""  alt="" title="">';
                              map_content += '<area name="223" shape="rect" coords="408,1046,428,1059" href=""  alt="" title="">';
                              map_content += '<area name="224" shape="rect" coords="407,1031,428,1043" href=""  alt="" title="">';
                              map_content += '<area name="225" shape="rect" coords="405,1014,426,1025" href=""  alt="" title="">';
                              map_content += '<area name="226" shape="rect" coords="384,1014,406,1028" href=""  alt="" title="">';
                              map_content += '<area name="227" shape="rect" coords="386,1031,405,1044" href=""  alt="" title="">';
                              map_content += '<area name="228" shape="rect" coords="386,1046,407,1061" href=""  alt="" title="">';
                              map_content += '<area name="229" shape="rect" coords="387,1063,407,1076" href=""  alt="" title="">';
                              map_content += '<area name="230" shape="rect" coords="388,1079,409,1093" href=""  alt="" title="">';
                              map_content += '<area name="231" shape="rect" coords="388,1094,409,1109" href=""  alt="" title="">';
                              map_content += '<area name="232" shape="rect" coords="389,1110,408,1126" href=""  alt="" title="">';
                              map_content += '<area name="233" shape="rect" coords="391,1127,410,1143" href=""  alt="" title="">';
                              map_content += '<area name="234" shape="rect" coords="390,1143,412,1158" href=""  alt="" title="">';
                              map_content += '<area name="235" shape="rect" coords="391,1159,413,1174" href=""  alt="" title="">';
                              map_content += '<area name="236" shape="rect" coords="393,1175,413,1191" href=""  alt="" title="">';
                              map_content += '<area name="237" shape="rect" coords="393,1191,413,1208" href=""  alt="" title="">';
                              map_content += '<area name="238" shape="rect" coords="394,1208,414,1222" href=""  alt="" title="">';
                              map_content += '<area name="239" shape="rect" coords="395,1224,416,1239" href=""  alt="" title="">';
                              map_content += '<area name="240" shape="rect" coords="396,1241,417,1255" href=""  alt="" title="">';
                              map_content += '<area name="241" shape="rect" coords="396,1257,417,1271" href=""  alt="" title="">';
                              map_content += '<area name="242" shape="rect" coords="397,1273,418,1288" href=""  alt="" title="">';
                              map_content += '<area name="243" shape="rect" coords="354,1274,381,1290" href=""  alt="" title="">';
                              map_content += '<area name="244" shape="rect" coords="354,1259,379,1273" href=""  alt="" title="">';
                              map_content += '<area name="245" shape="rect" coords="352,1243,378,1256" href=""  alt="" title="">';
                              map_content += '<area name="246" shape="rect" coords="353,1226,377,1242" href=""  alt="" title="">';
                              map_content += '<area name="247" shape="rect" coords="351,1211,376,1225" href=""  alt="" title="">';
                              map_content += '<area name="248" shape="rect" coords="350,1195,376,1207" href=""  alt="" title="">';
                              map_content += '<area name="249" shape="rect" coords="350,1178,375,1193" href=""  alt="" title="">';
                              map_content += '<area name="250" shape="rect" coords="348,1161,375,1176" href=""  alt="" title="">';
                              map_content += '<area name="251" shape="rect" coords="348,1146,374,1159" href=""  alt="" title="">';
                              map_content += '<area name="252" shape="rect" coords="347,1129,372,1143" href=""  alt="" title="">';
                              map_content += '<area name="253" shape="rect" coords="346,1112,372,1126" href=""  alt="" title="">';
                              map_content += '<area name="254" shape="rect" coords="346,1096,371,1111" href=""  alt="" title="">';
                              map_content += '<area name="255" shape="rect" coords="346,1080,369,1095" href=""  alt="" title="">';
                              map_content += '<area name="256" shape="rect" coords="343,1063,369,1079" href=""  alt="" title="">';
                              map_content += '<area name="257" shape="rect" coords="344,1049,368,1062" href=""  alt="" title="">';
                              map_content += '<area name="258" shape="rect" coords="343,1033,368,1048" href=""  alt="" title="">';
                              map_content += '<area name="259" shape="rect" coords="341,1015,368,1030" href=""  alt="" title="">';
                              map_content += '<area name="260" shape="rect" coords="324,1016,341,1031" href=""  alt="" title="">';
                              map_content += '<area name="261" shape="rect" coords="326,1033,341,1048" href=""  alt="" title="">';
                              map_content += '<area name="262" shape="rect" coords="327,1048,341,1065" href=""  alt="" title="">';
                              map_content += '<area name="263" shape="rect" coords="327,1066,343,1079" href=""  alt="" title="">';
                              map_content += '<area name="264" shape="rect" coords="329,1081,344,1096" href=""  alt="" title="">';
                              map_content += '<area name="265" shape="rect" coords="331,1097,344,1114" href=""  alt="" title="">';
                              map_content += '<area name="266" shape="rect" coords="330,1115,344,1128" href=""  alt="" title="">';
                              map_content += '<area name="267" shape="rect" coords="331,1131,345,1144" href=""  alt="" title="">';
                              map_content += '<area name="268" shape="rect" coords="331,1146,347,1162" href=""  alt="" title="">';
                              map_content += '<area name="269" shape="rect" coords="332,1162,348,1178" href=""  alt="" title="">';
                              map_content += '<area name="270" shape="rect" coords="333,1179,348,1194" href=""  alt="" title="">';
                              map_content += '<area name="271" shape="rect" coords="333,1197,349,1209" href=""  alt="" title="">';
                              map_content += '<area name="272" shape="rect" coords="334,1211,349,1225" href=""  alt="" title="">';
                              map_content += '<area name="273" shape="rect" coords="335,1228,351,1242" href=""  alt="" title="">';
                              map_content += '<area name="274" shape="rect" coords="335,1244,352,1258" href=""  alt="" title="">';
                              map_content += '<area name="275" shape="rect" coords="337,1261,352,1274" href=""  alt="" title="">';
                              map_content += '<area name="276" shape="rect" coords="337,1276,352,1289" href=""  alt="" title="">';
                              map_content += '<area name="277" shape="rect" coords="299,1276,320,1288" href=""  alt="" title="">';
                              map_content += '<area name="278" shape="rect" coords="300,1261,319,1275" href=""  alt="" title="">';
                              map_content += '<area name="279" shape="rect" coords="299,1245,319,1259" href=""  alt="" title="">';
                              map_content += '<area name="280" shape="rect" coords="296,1226,318,1241" href=""  alt="" title="">';
                              map_content += '<area name="281" shape="rect" coords="294,1211,316,1225" href=""  alt="" title="">';
                              map_content += '<area name="282" shape="rect" coords="295,1196,315,1209" href=""  alt="" title="">';
                              map_content += '<area name="283" shape="rect" coords="295,1179,316,1195" href=""  alt="" title="">';
                              map_content += '<area name="284" shape="rect" coords="293,1163,315,1178" href=""  alt="" title="">';
                              map_content += '<area name="285" shape="rect" coords="293,1147,312,1161" href=""  alt="" title="">';
                              map_content += '<area name="286" shape="rect" coords="293,1131,313,1143" href=""  alt="" title="">';
                              map_content += '<area name="287" shape="rect" coords="290,1114,312,1128" href=""  alt="" title="">';
                              map_content += '<area name="288" shape="rect" coords="291,1098,313,1112" href=""  alt="" title="">';
                              map_content += '<area name="289" shape="rect" coords="288,1082,311,1097" href=""  alt="" title="">';
                              map_content += '<area name="290" shape="rect" coords="290,1064,309,1080" href=""  alt="" title="">';
                              map_content += '<area name="291" shape="rect" coords="289,1047,309,1064" href=""  alt="" title="">';
                              map_content += '<area name="292" shape="rect" coords="287,1033,309,1046" href=""  alt="" title="">';
                              map_content += '<area name="293" shape="rect" coords="287,1018,308,1031" href=""  alt="" title="">';
                              map_content += '<area name="294" shape="rect" coords="255,1020,288,1047" href=""  alt="" title="">';
                              map_content += '<area name="295" shape="rect" coords="255,1048,288,1068" href=""  alt="" title="">';
                              map_content += '<area name="296" shape="rect" coords="259,1070,287,1089" href=""  alt="" title="">';
                              map_content += '<area name="297" shape="rect" coords="258,1092,289,1112" href=""  alt="" title="">';
                              map_content += '<area name="298" shape="rect" coords="259,1114,291,1132" href=""  alt="" title="">';
                              map_content += '<area name="299" shape="rect" coords="261,1135,291,1154" href=""  alt="" title="">';
                              map_content += '<area name="300" shape="rect" coords="261,1156,292,1175" href=""  alt="" title="">';
                              map_content += '<area name="301" shape="rect" coords="263,1179,294,1198" href=""  alt="" title="">';
                              map_content += '<area name="302" shape="rect" coords="263,1199,293,1221" href=""  alt="" title="">';
                              map_content += '<area name="303" shape="rect" coords="265,1221,296,1242" href=""  alt="" title="">';
                              map_content += '<area name="304" shape="rect" coords="267,1243,298,1262" href=""  alt="" title="">';
                              map_content += '<area name="305" shape="rect" coords="267,1265,299,1287" href=""  alt="" title="">';
                              map_content += '<area name="1" shape="rect" coords="369,499,454,534" href=""  alt="" title="">';
                              map_content += '<area name="2" shape="rect" coords="618,476,631,488" href=""  alt="" title="">';
                              map_content += '<area name="3" shape="rect" coords="602,483,616,493" href=""  alt="" title="">';
                              map_content += '<area name="4" shape="rect" coords="585,490,602,500" href=""  alt="" title="">';
                              map_content += '<area name="5" shape="rect" coords="572,497,588,508" href=""  alt="" title="">';
                              map_content += '<area name="6" shape="rect" coords="559,504,574,515" href=""  alt="" title="">';
                              map_content += '<area name="7" shape="rect" coords="544,511,559,523" href=""  alt="" title="">';
                              map_content += '<area name="8" shape="rect" coords="513,524,527,537" href=""  alt="" title="">';
                              map_content += '<area name="9" shape="rect" coords="500,533,515,543" href=""  alt="" title="">';
                              map_content += '<area name="10" shape="rect" coords="485,540,501,552" href=""  alt="" title="">';
                              map_content += '<area name="11" shape="rect" coords="471,549,486,559" href=""  alt="" title="">';
                              map_content += '<area name="12" shape="rect" coords="455,555,473,566" href=""  alt="" title="">';
                              map_content += '<area name="13" shape="rect" coords="441,560,459,574" href=""  alt="" title="">';
                              map_content += '<area name="14" shape="rect" coords="427,568,444,580" href=""  alt="" title="">';
                              map_content += '<area name="15" shape="rect" coords="413,576,429,588" href=""  alt="" title="">';
                              map_content += '<area name="16" shape="rect" coords="396,583,415,596" href=""  alt="" title="">';
                              map_content += '<area name="17" shape="rect" coords="382,591,399,602" href=""  alt="" title="">';
                              map_content += '<area name="18" shape="rect" coords="368,601,385,610" href=""  alt="" title="">';
                              map_content += '<area name="19" shape="rect" coords="353,607,370,616" href=""  alt="" title="">';
                              map_content += '<area name="20" shape="rect" coords="337,615,356,623" href=""  alt="" title="">';
                              map_content += '<area name="21" shape="rect" coords="344,631,376,639" href=""  alt="" title="">';
                              map_content += '<area name="22" shape="rect" coords="351,653,376,667" href=""  alt="" title="">';
                              map_content += '<area name="23" shape="rect" coords="357,673,383,686" href=""  alt="" title="">';
                              map_content += '<area name="24" shape="rect" coords="362,693,390,707" href=""  alt="" title="">';
                              map_content += '<area name="25" shape="rect" coords="375,714,398,726" href=""  alt="" title="">';
                              map_content += '<area name="26" shape="rect" coords="381,736,405,746" href=""  alt="" title="">';
                              map_content += '<area name="27" shape="rect" coords="390,754,413,768" href=""  alt="" title="">';
                              map_content += '<area name="28" shape="rect" coords="398,775,420,789" href=""  alt="" title="">';
                              map_content += '<area name="29" shape="rect" coords="406,795,427,807" href=""  alt="" title="">';
                              map_content += '<area name="30" shape="rect" coords="412,814,432,823" href=""  alt="" title="">';
                              map_content += '<area name="31" shape="rect" coords="296,588,308,593" href=""  alt="" title="">';
                              map_content += '<area name="32" shape="rect" coords="298,600,313,615" href=""  alt="" title="">';
                              map_content += '<area name="33" shape="rect" coords="302,621,317,637" href=""  alt="" title="">';
                              map_content += '<area name="34" shape="rect" coords="309,641,322,657" href=""  alt="" title="">';
                              map_content += '<area name="35" shape="rect" coords="313,663,330,676" href=""  alt="" title="">';
                              map_content += '<area name="36" shape="rect" coords="321,683,338,699" href=""  alt="" title="">';
                              map_content += '<area name="37" shape="rect" coords="329,704,345,718" href=""  alt="" title="">';
                              map_content += '<area name="38" shape="rect" coords="337,724,355,739" href=""  alt="" title="">';
                              map_content += '<area name="39" shape="rect" coords="344,742,362,758" href=""  alt="" title="">';
                              map_content += '<area name="40" shape="rect" coords="355,764,370,779" href=""  alt="" title="">';
                              map_content += '<area name="41" shape="rect" coords="361,786,374,798" href=""  alt="" title="">';
                              map_content += '<area name="42" shape="rect" coords="370,804,383,820" href=""  alt="" title="">';
                              map_content += '<area name="43" shape="rect" coords="376,825,390,833" href=""  alt="" title="">';
                              map_content += '<area name="91" shape="rect" coords="677,1032,693,1053" href=""  alt="" title="">';
							map_content += '</MAP>';
	                	}
	                	else
	                	{
	                		map_content += '<img src="<?php echo base_url("assets/images");?>/'+response.approved_plan.upload_image+'" usemap="#plan"  class="appr_plan"/>';
	                	}

$(".approved_plan_div").html(map_content);

$('.appr_plan').maphilight();

MapHilights(project_id);

$('.appr_plan').mapster({

});

var image_is_loaded = false;
						$(this).data('width', $(this).attr('width')).data('height', $(this).attr('height'));
							$($(this).attr('usemap')+" area").each(function(){
							$(this).data('coords', $(this).attr('coords'));
						});

$(this).css('width', '100%').css('height','auto').show();

image_is_loaded = true;
						$(window).trigger('resize');

function ratioCoords (coords, ratio) {

coord_arr = coords.split(",");

for(i=0; i < coord_arr.length; i++) {
					            coord_arr[i] = Math.round(ratio * coord_arr[i]);
					        }

return coord_arr.join(',');
					    }
					    $(window).on('resize', function(){
					        if (image_is_loaded) {
					            var img = $('.appr_plan');
					            var ratio = img.width()/img.data('width');

$(img.attr('usemap')+" area").each(function(){
					                console.log('1: '+$(this).attr('coords'));
					                $(this).attr('coords', ratioCoords($(this).data('coords'), ratio));
					            });
					        }
					    });

}
                    else 
                    {
	                    //toastr["error"](response.message);                                           
                    }
                   
                }
                
         });
	}

function change_layout_site()
  {
    var layout_name = $('#layout_name option:selected').val();
    
     CallAjax(layout_name);

$.ajax({
            type:'post',
            url:'<?php echo site_url('get-site-based-on-layout-booking');?>',
            data:{"layout_id":layout_name},
              success:function(response){
                  response=jQuery.parseJSON(response);
                  console.log(response);
                      if(response.result==1)
                      {
                          var con1 = '';                               
                          con1 += '<option value="">Select</option>';
                          $.each( response.sites, function( key, value2 ) 
                          {
                            con1+='<option value="'+value2.id+'" >'+value2.site_no+'</option>';
                          });
                         
                            $('.site_number').empty();
                            $('.site_number').append(con1);
                      }
                      else
                      {
                       $('.site_number').empty();
                        toastr["error"](response.message);      
                      }
                  }
          });
                
  }

function change_site()
    {
      var id = $('#site option:selected').val();
      var layout_name = $('#layout_name option:selected').val();

$.ajax({

url:"<?php echo site_url("Edit-site-list")?>",
            type:"POST",
            data:{'id':id,'layout_name':layout_name},
            success:function(response)
            {
                response=jQuery.parseJSON(response);
                console.log(response);
                if(response.result == 1) 
                {
                  $("#edit_modal").modal("show");

$(".id").val(response.message.id);
                  $(".layout").val(response.message.layout);
                  $(".select_type").val(response.message.select_type);
                  if(response.message.booking_status == 'BOOKED')
                  {
                    $(".customer_div").show();
                    $(".booking_div").show();
                  $(".booked_customer").val(response.message.name);
                  $(".booking_status").val(response.message.booking_status);
                  }
                  else
                  {
                    $(".customer_div").hide();
                    $(".booking_div").hide();
                  }
                  var select = response.message.select_type;
                  if(response.message.land_type == 'Old Layout')
                  {
                  
                    $(".site_details1").show();
                    $(".site_details0").show();
                    $(".site_details2").hide();
                    $(".site_details3").hide();
                    $(".site_details4").hide();
                    $(".site_details5").hide();
                  }
                  else
                  {
                    $(".site_details1").show();
                    $(".site_details2").show();
                    $(".site_details3").show();
                    $(".site_details4").show();
                    $(".site_details5").show();
                    $(".site_details0").show();
                  }
              
                  $(".godown_name").val(response.message.godown_name);
                  $(".site_no").val(response.message.site_no);
                  $(".facing").val(response.message.facing);
                  $(".purch_for").val(response.message.purch_for);
                  $(".site_type").val(response.message.site_type);
                  $(".remarks").val(response.message.remarks);
                  $(".north").val(response.message.north);
                  $(".north_mtrs").val(response.message.north_mtrs);
                  $(".south").val(response.message.south);
                  $(".south_mtrs").val(response.message.south_mtrs);
                  $(".east").val(response.message.east);
                  $(".east_mtrs").val(response.message.east_mtrs);
                  $(".west").val(response.message.west);
                  $(".west_mtrs").val(response.message.west_mtrs);
                  $(".north_south").val(response.message.north_south);
                  $(".east_west").val(response.message.east_west);
                  $(".sq_mt").val(response.message.sq_mt);
                  $(".sq_ft").val(response.message.sq_ft);

}
                else 
                {
                  toastr["error"](response.message);
                
                  $(".update").attr("disabled", true);
                }
            }
        });
    }
    
    
    	function MapHilights(project_id)
	{
		$.ajax({
                type   : 'post',
                url    : '<?php echo site_url("sites-status-list")?>',   
                data   : {project_id:project_id},                                     
              	success:function(response){
              	response=jQuery.parseJSON(response);
              	console.log(response);

if(response.result==1)
                    {
                    	   $.each(response.site_status_list,function(key,value){
                    	      // alert(value.site_status);
 
                    	   /*	if(value.site_status == "BOOKED")
                    	   	{
                    	   	   
                    	   		$("#"+value.site_id).attr('data-maphilight', '{"strokeColor":"ffcccc","strokeWidth":0,"fillColor":"eb7b18","fillOpacity":0.6}');
	                    	   	var data = $("#"+value.site_id).mouseout().data('maphilight') || {};
								data.alwaysOn = !data.alwaysOn;
								$("#"+value.site_id).data('maphilight', data).trigger('alwaysOn.maphilight');
                    	   	}*/
                    	   	
                    	   	//alert(value.booking_status);

if(value.site_status == "CANCELLED")
                    	   	{
                    	   		$("#"+value.site_id).attr('data-maphilight', '{"strokeColor":"ffcccc","strokeWidth":0,"fillColor":"00e673","fillOpacity":0.6}');
	                    	   	var data = $("#"+value.site_id).mouseout().data('maphilight') || {};
								data.alwaysOn = !data.alwaysOn;
								$("#"+value.site_id).data('maphilight', data).trigger('alwaysOn.maphilight');
                    	   	}

if(value.site_status == "REFUNDED")
                    	   	{
                    	   		$("#"+value.site_id).attr('data-maphilight', '{"strokeColor":"ffcccc","strokeWidth":0,"fillColor":"00e673","fillOpacity":0.6}');
	                    	   	var data = $("#"+value.site_id).mouseout().data('maphilight') || {};
								data.alwaysOn = !data.alwaysOn;
								$("#"+value.site_id).data('maphilight', data).trigger('alwaysOn.maphilight');
                    	   	}
                    	   	if(value.booking_status == "BOOKED")
                    	   	{
                    	   		$("#"+value.id).attr('data-maphilight', '{"strokeColor":"ffcccc","strokeWidth":0,"fillColor":"00e673","fillOpacity":0.6}');
	                    	   	var data = $("#"+value.id).mouseout().data('maphilight') || {};
								data.alwaysOn = !data.alwaysOn;
								$("#"+value.id).data('maphilight', data).trigger('alwaysOn.maphilight');
                    	   	}
                    	   	if(value.booking_status == null)
                    	   	{
                    	   		$("#"+value.id).attr('data-maphilight', '{"strokeColor":"ffcccc","strokeWidth":0,"fillColor":"b30000","fillOpacity":0.6}');
	                    	   	var data = $("#"+value.id).mouseout().data('maphilight') || {};
								data.alwaysOn = !data.alwaysOn;
								$("#"+value.id).data('maphilight', data).trigger('alwaysOn.maphilight');
                    	   	}

});
                	}
           		 }
                
         });
	}

</script>

<?php $this->load->view('includes/footer.php')?>