EVOLUTION-NINJA

Edit File: Site_creation.php

<?php $this->load->view('includes/header'); ?>
    
    
    <div class="content-wrapper">   
      <section class="content-header">
          <?php $id = $this->session->userdata('id');?>

<div class="col-sm-6">
              <button type='button' class="btn btn-primary go_back" >Back</button>
              <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#impsite">Upload</button>
              <h1 style="padding-top: 1%;">Site Creation</h1>
            </div>
              
           
      </section>
      <section class="content">
        <div class="row">
          <div class="container" style="padding-top:1%;">
            <form action="" id="add_site"  class="form_submit" enctype="multipart/form-data" style="padding-top:1%; !important;">
            <div class="row ">
              <div class="col-sm-12 col-md-6">
                <label class="col-sm-4">Layout</label>
                <div class="col-sm-12 yes_form">
                  <select name="layout" class="form-control" id="layout" required>
                    <option value="">Select</option>
                    <?php foreach ($layouts as $key => $value) {?>
                      <option value="<?php echo $value->id;?>"><?php echo $value->layout_name;?></option>
                    <?php } ?>
                  </select> 
                </div>
              </div>
            
              <div class="col-sm-12 col-md-6 site_details1">
                <label class="col-sm-4">Site No</label>
                <div class="col-sm-12 yes_form" style="">
                  <input type="text" name="site_no" id="site_no" class="form-control" required> 
                </div>                      
              </div>
             
            </div>  
              
            <div class="row site_details2">
              <div class="col-sm-12 col-md-6">
                <label class="col-sm-4">Facing </label>
                <div class="col-sm-12 yes_form"> 
                
                  <select name="facing" class="form-control" id="facing" required>
                    <option value="">Select</option>
                    <option value="South">South</option>
                    <option value="North">North</option>
                    <option value="East">East</option>
                    <option value="West">West</option> 
                  </select>     
                </div>
              </div>
              
              <div class="col-sm-12 col-md-6 site_details5">
                <label class="col-sm-4">Site Type </label>
                <div class="col-sm-12 yes_form"> 
              
                  <select name="site_type" class="form-control" id="site_type" required>
                    <option value="">Select</option>
                    <option value="General">General</option>
                    <option value="Premium">Premium</option>
                    <option value="Corner">Corner</option>
                  </select>     
                </div>
              </div>
            </div>

<div class="row site_details3">
              
              <div class="col-sm-12 col-md-6">
                <label class="col-sm-4">Remarks</label>
                <div class="col-sm-12 yes_form">     
                <input type="text" name="remarks"  class="form-control" id="remarks" required> 
                </div>
              </div>
            </div>

<div class="row site_details4" style="padding-right: 15px;padding-left: 15px;">
              <div class="col-sm-8">
                <div class="row">
                  <div class="col-sm-6">
                    <label>North</label>
                    <div  style="display: flex;">
                      <input type="text" name="north" id="north" class="form-control" required>
                      <input type="number" name="north_mtrs" id="north_mtrs" value="0.0000" step="any"class="form-control" style="margin-right: 15px; margin-left: 15px;" required>
                      <p style="padding-top: 10px;">Mtrs</p>
                    </div>
                  </div>
                  <div class="col-sm-6">
                    <label>South</label>
                    <div  style="display: flex;">
                      <input type="text" name="south" id="south" class="form-control" required >
                      <input type="number" name="south_mtrs" id="south_mtrs" value="0.0000" step="any" class="form-control" style="margin-right: 15px; margin-left: 15px;" required >
                      <p style="padding-top: 10px;">Mtrs</p>
                    </div>
                  </div>
                </div>

<div class="row site_purchse">
                  <div class="col-sm-2">
                    <label style="font-size: 14px; padding-top: 15px;">Total No of Sites</label>
                  </div>
                  <div class="col-sm-4">
                      <input type="number" name="" class="form-control total_sites" step="any" id="" readonly="" style="background: white;">
                  </div>
                  <div class="col-sm-2">
                      <label style="font-size: 14px; padding-top: 18px;">Total Sq Ft</label>
                  </div>
                  <div class="col-sm-4">
                      <input type="number" name="" class="form-control total_sqft" step="any" id="" readonly="" style="background: white;">
                  </div>
                </div> 
                <div class="row land_development">
                  <div class="col-sm-2">
                    <label style="font-size: 14px; padding-top: 15px;">Total No of Sites</label>
                  </div>
                  <div class="col-sm-4">
                      <input type="number" name="" class="form-control land_total_sites" step="any" id="" readonly="" style="background: white;">
                  </div>
                  <div class="col-sm-2">
                      <label style="font-size: 14px; padding-top: 18px;">Yield %</label>
                  </div>
                  <div class="col-sm-4">
                      <input type="number" name="" class="form-control land_total_sqft" step="any" id="" readonly="" style="background: white;">
                  </div>
                </div> 
              </div>

<div class="col-sm-4">
                <label>North South</label>
                <div class="row">
                  <div  style="display: flex;">
                    <input type="text" name="north_south" class="form-control north_south" step="any" readonly >
                    <p style="padding-top: 10px; padding-left: 10px;">Mtrs</p>
                  </div>
                </div> 
                 <label>East West</label>                  
                <div class="row">
                  <div  style="display: flex;">
                    <input type="text" name="east_west" class="form-control east_west" step="any" readonly >
                    <p style="padding-top: 10px; padding-left: 10px;">Mtrs</p>
                  </div>
                </div>
              </div>

</div>

<div class="row justify-content-center" style="text-align: center; padding-top: 3%;">
              <button type="submit" class="btn btn-primary center-block submit"style="margin: 5px;">Submit</button>
              <button type="reset" class="btn btn-primary cancel" style="margin:5px;">Cancel</button>
            </div>
          </form>
        </div>
      </div> 
    </section> 
      
  </div> 
    
    <div class="modal fade" id="impsite" tabindex="-1" role="dialog" aria-labelledby="ModalLabel" aria-hidden="true">
       <div class="modal-dialog modal-md" role="document">
          <div class="modal-content">

<div class="modal-header">
              <h5 class="modal-title" id="ModalLabel">Upload Site Details</h5>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            
            <form class="forms-sample import_data" enctype="multipart/form-data">
              
              <div class="modal-body">
                <div class="form-group">
                  <input type="file" name="site_data" class="form-control">
                </div>
              </div>

<div class="modal-footer">
                <button type="submit" class="btn btn-primary submit1">Upload</button>
                <button type="button" class="btn btn-light" data-dismiss="modal">Close</button>
              </div>

</form>

</div>
       </div>
    </div>
<script type="text/javascript">

$('#layout').change(function()
{
 
  var layout_name = $(this).val();
  $.ajax({
        type:'post',
        url:'<?php echo site_url('get-layout-land-type');?>',
        data:{"layout_name":layout_name},
          success:function(response){
              response=jQuery.parseJSON(response);
              console.log(response);
                if(response.result == 1)
                {  
                  if(response.message.land_type == "Old Layout")
                  {
                    $('.site_details2').hide();
                    $('.site_details4').hide();
                    $('.site_details3').hide();
                    $('.site_details5').hide();
                    
                    $('#facing').removeAttr('required');
                    $('#site_type').removeAttr('required');
                    $('#remarks').removeAttr('required');
                    $('#north').removeAttr('required');
                    $('#south').removeAttr('required');
                    $('#east').removeAttr('required');
                    $('#west').removeAttr('required');

}
                  else
                  {
                     $('.site_details2').show();
                    $('.site_details4').show();
                    $('.site_details3').show();
                    $('.site_details5').show();
                  }
                  if(response.message.land_type == "Site Purchase")
                  {
                    $(".site_purchse").show();
                    $(".land_development").hide();
                    $('.total_sites').val(response.site_purchse.total_site);
                    $('.total_sqft').val(response.site_purchse.total_sq_ft);

}
                 
                  else  if(response.message.land_type == "Land Developer")
                  {
                    $(".site_purchse").hide();
                    $(".land_development").show();
                    $('.land_total_sites').val(response.land_development.total_site);
                    //$('.total_sqft').val(response.land_development.total_sq_ft);
                  }
                  else
                  {
                    $(".site_purchse").hide();
                    $(".land_development").hide();
                  }

}
                else 
                {
                    
                    $(".site_purchse").hide();
                    $(".land_development").hide();
                }
            }
    });
 
});
$('.go_back').click(function()
{   
    window.location.href="<?php echo site_url('site-list')?>";
});

$(document).ready(function()
{
    $(".godown_details").hide();
    $(".site_purchse").hide();
    $(".land_development").hide();
  /*  $(".site_details1").hide();
    $(".site_details2").hide();
    $(".site_details3").hide();
    $(".site_details4").hide();*/
});

$('.cancel').click(function(){
  window.location = '<?php echo site_url("site-list")?>';
});

function sitelist()

{

$.ajax({
        url:"<?php echo site_url('site-list')?>",
        type:"POST",
        success:function(response) {
            window.location.href="<?php echo site_url('site-list')?>"; 
        }

});

}

$('#add_site').submit(function(e){  
     
  e.preventDefault();

formdata = new FormData($(this)[0]);
      swal({

title: "Are you sure?",
        text: "You want to Save this?",
        type: "warning",   showCancelButton: true,
        confirmButtonColor: "#DD6B55",
        confirmButtonText: "Yes!",
        cancelButtonText: "No, cancel plz!",
        closeOnConfirm: false,
        closeOnCancel: false 
        },
      function(isConfirm){

if (isConfirm) {

$(".sweet-alert").hide();
        $(".sweet-overlay").hide();
      
            $.ajax({
                type : 'post',
                url  : "<?php echo site_url('add-site-list');?>",
                data : formdata,
                contentType: false,
                processData: false,
                success:function(response) {
                  response=jQuery.parseJSON(response);
                  console.log(response);
                  if(response.result == 1)
                  {
                    toastr["success"](response.message);
                   /* setTimeout(function wait(){
                     window.location = '<?php echo site_url("site-list")?>';
                      }, 1000);*/
                      location.reload();
                  } 
                  else
                  {
                    toastr["error"](response.message);
                  }

}
            });
        } 
        else 
        {
          $(".sweet-alert").hide();
          $(".sweet-overlay").hide();
        }
      });

});

$('#north_mtrs').focusout(function(e){
      e.preventDefault(); 
      dimension();
  });

$('#south_mtrs').focusout(function(e){
      e.preventDefault(); 
      dimension();
  });

$('#west_mtrs').focusout(function(e){
      e.preventDefault(); 
      dimension();
  });

$('#east_mtrs').focusout(function(e){
      e.preventDefault(); 
      dimension();
  });

function dimension()
{
    var west_mtrs=$('#west_mtrs').val();
    var north_mtrs=$('#north_mtrs').val();
    var south_mtrs=$('#south_mtrs').val();
    var east_mtrs=$('#east_mtrs').val();
    var ns_mtrs=(parseFloat(north_mtrs)+parseFloat(south_mtrs))/2;
    var ew_mtrs=(parseFloat(east_mtrs)+parseFloat(west_mtrs))/2;
    var sq_mt= parseFloat(ns_mtrs)*parseFloat(ew_mtrs);
    var sq_ft = sq_mt*parseFloat(10.76);
    sq_ft = (sq_ft).toFixed(2);
    $('.north_south').val(ns_mtrs);
    $('.east_west').val(ew_mtrs);
    $('.sq_mt').val(sq_mt);
    $('.sq_ft').val(sq_ft);
}

$('.import_data').submit(function(e){
    	e.preventDefault();

$(".submit1").attr('disabled', 'disabled');
    	$(".submit1").text("Uploading...");

formdata = new FormData($(this)[0]);
      	$.ajax({
          type   : 'post',
          url    : '<?php echo site_url('Site-Info-Import');?>',
          data   : formdata,
          contentType: false,
          processData: false,                          
            success:function(response){
            response=jQuery.parseJSON(response);
            console.log(response);
            if(response.result==1)
              {
                //alert();
                $('.import_data')[0].reset();
                $(".submit1").text("Upload");
                $("#impsite").modal("hide");
                toastr["success"](response.message);
                  setTimeout(function wait(){
                    window.location = '<?php echo site_url("site-list")?>';
                  }, 1000);
              }                     
              else 
              {
                $('.import_data')[0].reset();
                 toastr["error"](response.message);      
                $(".submit1").text("Upload"); 
                $(".submit1").removeAttr('disabled');                      
              }
          }    
      	});

});

</script>

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

.sqpading{
  padding-top: 45px;
  padding-bottom: 45px;
}  
@media only screen and (min-width: 320px) and (max-width: 640px){
    .sqpading{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

</style>