EVOLUTION-NINJA

Edit File: site_availability.php

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

<div class="content-wrapper">
      
      <div class="content-header">
      <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
        </div>
        <div class="col-sm-6">
        <ol class="breadcrumb float-sm-right">
          <li class="breadcrumb-item"><a href="#">Customer</a></li>
          <li class="breadcrumb-item"> Site Availability </li>
        </ol>
        </div> 
      </div> 
      </div>
    </div>

<div class="row">
    <div class="col-md-12 grid-margin stretch-card">
      <div class="card">
        <div class="card-body">
          <form class="filter_choice_submit">
          <div class="row">
            <div class="col-sm-2">
              <div class="form-group">
                <label>Layout Name : </label>
              </div>
            </div>
            <div class="col-sm-3">
              <div class="form-group">
                <select name="layout_name" class="form-control" 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-1">
              <div class="form-group">
                <label>Site : </label>
              </div>
            </div>
            <div class="col-sm-3">
              <select class="form-control site_number" name="site" id="site" onchange="change_site();" required >
              </select>
            </div>
          
           </div>
         </form>
          <br/>

<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>

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

$.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();

$.ajax({

url:"<?php echo site_url("Edit-site-list")?>",
            type:"POST",
            data:{id:id},
            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);
                  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);
                }
            }
        });
    }
</script>

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