EVOLUTION-NINJA

Edit File: Site_list.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"> Add sites  </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">
          <div class="row">
           <div class="col-sm-3">
           <button type='button' class="btn btn-primary go_back">Add New Site</button>
          </div>
          <div class="col-sm-3">             
              <form class="filter_choice_submit" style="display: flex;">
               <div class="form-group">
                    <select name="layout_id" class="form-control layout_id"  required>
                      <option value="">Select Layout</option>
                      <?php foreach($result_layout as $key => $value) { ?> 
                      <option value="<?php echo $value->id; ?>"><?php echo $value->layout_name;?> </option>
                      <?php } ?> 
                    </select> 
                  </div>
                  <div class="form-group">
                    <div class="col-sm-6">
                      <button type="submit" id="btn" class="btn btn-primary  center-block">Submit</button>    
                    </div>
                  </div>
              </form>
              </div>
              <div class="col-sm-3"> 
                <input type="text" class="form-control yield" name="" required>
              </div>
               <div class="col-sm-3"> 
                <input type="text" class="form-control sqft" name="" required>
              </div>
            </div>
        
          <br/>
            <div class="form-check-inline">
            <label class="form-check-label">
              <input type="radio" checked="checked" class="form-check-input" id="todays" name="optradio" value="todays" onclick="planningtypes('site')">Site List
            </label>
          </div>
         
          <div class="form-check-inline">
            <label class="form-check-label">
              <input type="radio" class="form-check-input" id="date" name="optradio" value="date" onclick="planningtypes('approved_site')">Approved Site list
            </label>
          </div>
              <div id="layout_list">
            <div id ="jaytab" style="margin-top:3%" class="grid table-responsive">
            <table id="list2"></table>
            <div id="pager2"></div>
            <div id="dialogSelectRow" title="Warning" style="display:none">
              <p>Please select row</p>
            </div>
          </div>
        </div>
         <div id="filter_layout_list" style="display:none">
              <div id ="jaytab7" style="margin-top:3%" class="grid table-responsive">
              <table id="progress"></table>
              <div id="progresspage1"></div>
              <div id="dialogSelectRow" title="Warning" style="display:none">
              <p>Please select row</p>
              </div>
              </div>
            </div>

<div id="approved_site" style="display:none">
          <div id ="jaytab2" style="margin-top:3%" class="grid table-responsive">
          <table id="list4"></table>
          <div id="pager4"></div>
          <div id="dialogSelectRow" title="Warning" style="display:none">
          <p>Please select row</p>
          </div>
          </div>
        </div>

</div>

<div class="modal fade" id="edit_modal" tabindex="-1" role="dialog" aria-labelledby="ModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-xl" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title" id="ModalLabel">Edit Sites</h5>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </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" required>
                            <option value="">Select</option>
                            <?php foreach ($layout as $key => $value) {?>
                              <option value="<?php echo $value->id;?>"><?php echo $value->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" required>
                    </div> 
                  </div>
                 <div class="col-sm-4 site_details2">
                    <div class="form-group" >
                    <label for="exampleInputUsername1">Facing</label>
                    <select  name="facing" class="form-control facing" 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>

<div class="row site_details2">
                  
                  
                  <input type="hidden" class="form-control remarks" name="purch_for" id="purch_for" value="Customer">
                  <div class="col-sm-4">
                    <div class="form-group" >
                      <label for="exampleInputUsername1">Site Type</label>
                      <select  name="site_type" class="form-control site_type" id="site_types" required>
                          <option value="">Select</option>
                          <option value="General">General</option>
                          <option value="Premium">Premium</option>
                          <option value="Corner">Corner</option>
                          
                        </select>     
                </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" required>
                </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" required>
                          </div>
                        
                          <div class="col-sm-5">
                            <input type="text" class="form-control north_mtrs" name="north_mtrs" id="north_mtrs" required>
                          </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" required>
                            </div>
                          
                            <div class="col-sm-5">
                              <input type="text" class="form-control south_mtrs" name="south_mtrs" id="south_mtrs"required>
                            </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" required>
                            </div>
                          
                            <div class="col-sm-5">
                              <input type="text" class="form-control east_mtrs" name="east_mtrs" id="east_mtrs" required>
                            </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" required>
                            </div>
                          
                            <div class="col-sm-5">
                              <input type="text" class="form-control west_mtrs" name="west_mtrs" id="west_mtrs" required>
                            </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-6">
                      
                     <div class="form-group" >
                    
                      <div class="row">
                        
                        <div class="col-sm-5">
                          <label for="exampleInputUsername1">North to South</label>
                          <input type="text" class="form-control north_south" step="any" name="north_south" id="north_south" readonly="">
                        </div>
                      
                      
                        <div class="col-sm-5">
                          <label for="exampleInputUsername1">East to West</label>
                          <input type="text" class="form-control east_west" step="any" name="east_west" id="east_west" readonly="">
                        </div>
                      </div>
                      
                      </div> 
                  </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>

</div>

<div class="modal-footer">
              <button type="submit" class="btn btn-primary submit">Save and Approve</button>
              <button type="button" class="btn btn-light" data-dismiss="modal">Close</button>
            </div>
        </form>
      </div>
    </div>
  </div>
</div>  
</div>
</div>
</div>

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

/* jQuery("#list2").jqGrid({
    url:"<?php echo site_url('get-site-list')?>",  
  mtype : "get",   
  datatype: "json", 
    colNames:['ID','Layout','Type','Godown','Site No','Facing','Purch For','Site Type','Remarks','North','Mtrs','South','Mtrs','East','Mtrs','West','Mtrs','Sq Mt','Sq Ft','Created By','Created At','Action'],
  colModel:[
        {name:'id',index:'id', width:100, hidden:true,editable:false},
        {name:'layout_name',index:'layout_name', width:150, hidden:false,editable:false},
        {name:'select_type',index:'select_type', width:100, hidden:false,editable:false},
        {name:'godown_name',index:'godown_name', width:100, hidden:false,editable:false},
        {name:'site_no',index:'site_no', width:100, hidden:false,editable:false},
        {name:'facing',index:'facing', width:100, hidden:false,editable:false},
        {name:'purch_for',index:'purch_for',editable:false, width:100},
        {name:'site_type',index:'site_type',editable:false, width:100},
        {name:'remarks',index:'remarks',editable:false, width:100},
        {name:'north',index:'north', width:100, hidden:false,editable:false},
        {name:'north_mtrs',index:'north_mtrs', width:100, hidden:false,editable:false},
        {name:'south',index:'south',editable:false,hidden:false, width:100},
        {name:'south_mtrs',index:'north_mtrs', width:100, hidden:false,editable:false},
        {name:'east',index:'east',editable:false,hidden:false, width:100},
        {name:'east_mtrs',index:'east_mtrs', width:100, hidden:false,editable:false},
        {name:'west',index:'west',editable:false,hidden:false, width:100},
        {name:'west_mtrs',index:'west_mtrs', width:100, hidden:false,editable:false},
        {name:'sq_mt',index:'sq_mt',editable:false,hidden:false, width:100},
        {name:'sq_ft',index:'sq_ft', width:100, hidden:false,editable:false},
        {name:'created_by',index:'created_by',editable:false,hidden:false, width:100},
        {name:'created_on',index:'created_on', width:100, hidden:false,editable:false},

{name:'',index:'',search:false, 
                  width:100, editable:false,formatter: function (cellvalue, options, rowObject) {
                      var retVal = "";
                        var retVal = ' <a data-toggle="tooltip" title="Edit" class="" href="javascript:void(0);"><span class="fa fa-pencil" onclick="fun_edit($(this))"  style="color:blue;"></span></a><a data-toggle="tooltip" title="Delete" onclick="fun_delete($(this))"; href="javascript:void(0);"><span class="fa fa-trash" style="color:red;"></span></a>';
                        return retVal;

}},
             
           ],

rowNum:20,
          rowTotal: 2000,
          rowList : [20,30],
          rownumbers: true,
          //rownumWidth: 60,
          pager:"#pager2", 
          sortname:'id', 
          viewrecords: true,
          gridview: true,
          autowidth: true,
          sortorder:"asc",
          shrinkToFit: true,
          loadonce:true,
          autoencode: true,
      caption:"Site List",
      //Subgrid1...
        subGrid: false,

});

$("#list2").jqGrid("setLabel", "rn", "SL");
    $("#list2").jqGrid('filterToolbar',{searchOperators : false}); //for multisearch code,remove if not required

$("#list2").jqGrid('navGrid','#pager2',
      {edit:false,add:false,del:false,search:false,refreshstate:"current"},
      { },
          { },
          { }, 
      {
          sopt:['eq', 'ne', 'lt', 'gt', 'cn', 'bw', 'ew'],
            closeOnEscape: true, 
              multipleSearch: true, 
              closeAfterSearch: true,
              closeAfterDelete:true,
              closeAfterEdit:true
               },

);*/

$('.filter_choice_submit').submit(function(e)
    {
      $('#layout_list').hide(); 
      $('#filter_layout_list').show();
     
      e.preventDefault();    
      load_all_progress();
      function load_all_progress()
      {
          var layout_id = $(".layout_id").val();
          $("#progress").setGridParam(
          {
          url:"<?php echo site_url('get-layout-list-with-filter/')?>"+layout_id, 
          page:1
          }).trigger("reloadGrid");//Reload grid trigger
          $("#progress").setGridParam({datatype:'json', page:1}).trigger('reloadGrid');
          return false
      }
      var layout_id = $(".layout_id").val();

$("#progress").jqGrid({
            url:"<?php echo site_url('get-layout-list-with-filter/')?>"+layout_id,  
            mtype : "get",   
            datatype: "json", 
        colNames:['ID','Layout','Site No','Facing','Site Type','Remarks','North','Mtrs','South','Mtrs','East','Mtrs','West','Mtrs','Sq Mt','Sq Ft','Created By','Created On','Created At','Action'],
  colModel:[
        {name:'id',index:'id', width:100, hidden:true,editable:false},
        {name:'layout_name',index:'layout_name', width:150, hidden:false,editable:false},
       /* {name:'select_type',index:'select_type', width:100, hidden:false,editable:false},
        {name:'godown_name',index:'godown_name', width:100, hidden:false,editable:false},*/
        {name:'site_no',index:'site_no', width:100, hidden:false,editable:false},
        {name:'facing',index:'facing', width:100, hidden:false,editable:false},
       // {name:'purch_for',index:'purch_for',editable:false, width:100},
        {name:'site_type',index:'site_type',editable:false, width:100},
        {name:'remarks',index:'remarks',editable:false, width:100},
        {name:'north',index:'north', width:100, hidden:false,editable:false},
        {name:'north_mtrs',index:'north_mtrs', width:100, hidden:false,editable:false},
        {name:'south',index:'south',editable:false,hidden:false, width:100},
        {name:'south_mtrs',index:'north_mtrs', width:100, hidden:false,editable:false},
        {name:'east',index:'east',editable:false,hidden:false, width:100},
        {name:'east_mtrs',index:'east_mtrs', width:100, hidden:false,editable:false},
        {name:'west',index:'west',editable:false,hidden:false, width:100},
        {name:'west_mtrs',index:'west_mtrs', width:100, hidden:false,editable:false},
        {name:'sq_mt',index:'sq_mt',editable:false,hidden:false, width:100},
        {name:'sq_ft',index:'sq_ft', width:100, hidden:false,editable:false},
        {name:'name',index:'name',editable:false,hidden:false, width:100},
        {name:'created_date',index:'created_date', width:100, hidden:false,editable:false},
        {name:'created_time',index:'created_time', width:100, hidden:false,editable:false},

}},
             
           ],

rowNum:20,
            rowTotal: 2000,
            rowList : [20,30,100,200,500,1000],
            rownumbers: true,
            //rownumWidth: 60,
            pager:"#progresspage1", 
            sortname:'id', 
            viewrecords: true,
            gridview: true,
            autowidth: true,
            sortorder:"asc",
            shrinkToFit: true,
            loadonce:true,
            autoencode: true,
            caption:"Layout List",
            //Subgrid1...
            subGrid: false,
             footerrow: true,
                loadComplete: function () {
                
                var north_total_mtrs = jQuery("#progress").jqGrid('getCol','north_mtrs',false,'sum');
                var south_total_mtrs = jQuery("#progress").jqGrid('getCol','south_mtrs',false,'sum');               
                var total_east_mtrs = jQuery("#progress").jqGrid('getCol','east_mtrs',false,'sum');
                var total_west_mtrs = jQuery("#progress").jqGrid('getCol','west_mtrs',false,'sum');
                var total_sq_mt = jQuery("#progress").jqGrid('getCol','sq_mt',false,'sum');
                var total_sq_ft = jQuery("#progress").jqGrid('getCol','sq_ft',false,'sum');
                jQuery("#progress").jqGrid('footerData', 'set', { north: 'Total:',  north_mtrs: north_total_mtrs.toFixed(2), south_mtrs: south_total_mtrs, east_mtrs: total_east_mtrs, west: total_west_mtrs, sq_mt: total_sq_mt, sq_ft: total_sq_ft});  
                },

});

jQuery("#progress").jqGrid('filterToolbar', { stringResult: true, searchOnEnter: false, defaultSearch: "cn" });

$("#progress").jqGrid('navGrid','#progresspage1',
        {edit:false,add:false,del:false,search:false,refreshstate:"current"},
        { },
        { },
        { }, 
        {
        sopt:['eq', 'ne', 'lt', 'gt', 'cn', 'bw', 'ew'],
        closeOnEscape: true, 
        multipleSearch: true, 
        closeAfterSearch: true,
        closeAfterDelete:true,
        closeAfterEdit:true
        },
      );
    });

jQuery("#list4").jqGrid({
    url:"<?php echo site_url('get-approved-site-list')?>",  
  mtype : "get",   
  datatype: "json", 
    colNames:['ID','Layout','Type','Godown','Site No','Facing','Site Type','Remarks','North','Mtrs','South','Mtrs','East','Mtrs','West','Mtrs','Sq Mt','Sq Ft','Created By','Created At','Action'],
  colModel:[
        {name:'id',index:'id', width:100, hidden:true,editable:false},
        {name:'layout_name',index:'layout_name', width:150, hidden:false,editable:false},
        {name:'select_type',index:'select_type', width:100, hidden:false,editable:false},
        {name:'godown_name',index:'godown_name', width:100, hidden:false,editable:false},
        {name:'site_no',index:'site_no', width:100, hidden:false,editable:false},
        {name:'facing',index:'facing', width:100, hidden:false,editable:false},
       // {name:'purch_for',index:'purch_for',editable:false, width:100},
        {name:'site_type',index:'site_type',editable:false, width:100},
        {name:'remarks',index:'remarks',editable:false, width:100},
        {name:'north',index:'north', width:100, hidden:false,editable:false},
        {name:'north_mtrs',index:'north_mtrs', width:100, hidden:false,editable:false},
        {name:'south',index:'south',editable:false,hidden:false, width:100},
        {name:'south_mtrs',index:'north_mtrs', width:100, hidden:false,editable:false},
        {name:'east',index:'east',editable:false,hidden:false, width:100},
        {name:'east_mtrs',index:'east_mtrs', width:100, hidden:false,editable:false},
        {name:'west',index:'west',editable:false,hidden:false, width:100},
        {name:'west_mtrs',index:'west_mtrs', width:100, hidden:false,editable:false},
        {name:'sq_mt',index:'sq_mt',editable:false,hidden:false, width:100},
        {name:'sq_ft',index:'sq_ft', width:100, hidden:false,editable:false},
        {name:'name',index:'name',editable:false,hidden:false, width:100},
        {name:'created_on',index:'created_on', width:100, hidden:false,editable:false},

{name:'',index:'',search:false, 
                  width:100, editable:false,formatter: function (cellvalue, options, rowObject) {
                      var retVal = "";
                        var retVal = '<a data-toggle="tooltip" title="Delete" onclick="fun_delete($(this))"; href="javascript:void(0);"><span class="fa fa-trash" style="color:red;"></span></a>';
                        return retVal;

}},
             
           ],

rowNum:20,
          rowTotal: 2000,
          rowList : [20,30],
          rownumbers: true,
          //rownumWidth: 60,
          pager:"#pager4", 
          sortname:'id', 
          viewrecords: true,
          gridview: true,
          autowidth: true,
          sortorder:"asc",
          shrinkToFit: true,
          loadonce:true,
          autoencode: true,
      caption:"Approved Site List",
      //Subgrid1...
        subGrid: false,

});

jQuery("#list4").jqGrid('filterToolbar', { stringResult: true, searchOnEnter: false, defaultSearch: "cn" });

$("#list4").jqGrid('navGrid','#pager4',
      {edit:false,add:false,del:false,search:false,refreshstate:"current"},
      { },
          { },
          { }, 
      {
          sopt:['eq', 'ne', 'lt', 'gt', 'cn', 'bw', 'ew'],
            closeOnEscape: true, 
              multipleSearch: true, 
              closeAfterSearch: true,
              closeAfterDelete:true,
              closeAfterEdit:true
               },

) 
function fun_edit(rowId)
  {
    var id = rowId.closest('tr').attr('id');
   // alert(id);
      $.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();
                    $('#facing').removeAttr('required');
                    $('#purch_for').removeAttr('required');
                    $('#site_type').removeAttr('required');
                    $('#remarks').removeAttr('required');
                    $('#north').removeAttr('required');
                    $('#north_mtrs').removeAttr('required');
                    $('#south').removeAttr('required');
                    $('#south_mtrs').removeAttr('required');
                    $('#east').removeAttr('required');
                    $('#east_mtrs').removeAttr('required');
                    $('#west').removeAttr('required');
                    $('#west_mtrs').removeAttr('required');
                  }
                  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 fun_delete(rowId)
{
  var id = rowId.closest('tr').attr('id');
  var id = id;
 
   swal({

title: "Are you sure?",
      text: "You will not be able to recover this data!",
      type: "warning",   showCancelButton: true,
      confirmButtonColor: "#DD6B55",
      confirmButtonText: "Yes, delete it!",
      cancelButtonText: "No, cancel plz!",
      closeOnConfirm: false,
      closeOnCancel: false 
      },
  
    function(isConfirm){

if (isConfirm) {

$(".sweet-alert").hide();
          $(".sweet-overlay").hide();
        $.ajax({
          
          url:"<?php echo site_url("delete-site-list")?>",
          type:"POST",
          data:{id:id},
          success:function(response) {
            response=jQuery.parseJSON(response);
                console.log(response);

if(response.result == 1) 
              {
                  toastr["success"]("Deleted successfully");
                  $("#list2").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid');
                    
              }
              else
              {
                  toastr["error"](response.message);
              }
            }

});  
        
         } 
        else {

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

});
}

$('.update_form').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('update-site-details');?>",
                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);
                  } 
                  else
                  {
                    toastr["error"](response.message);
                  }

}
            });
        } 
        else 
        {
          $(".sweet-alert").hide();
          $(".sweet-overlay").hide();
        }
      });
         /*formdata = new FormData($(this)[0]);
            $(".update").text("Updating...");
            $(".update").attr("disabled", true);
            $.ajax({

type   : 'post',
                url    : '<?php echo site_url("update-site-details")?>',
                data   : formdata,
                contentType: false,
                processData: false,
                                          
                  success:function(response){
                  response=jQuery.parseJSON(response);
                  console.log(response);

if(response.result==1)
                    {

swal({

title: "Are you sure?",
                                text: "Updated Succesfully",
                                type: "warning",   showCancelButton: true,
                                confirmButtonColor: "#DD6B55",
                                confirmButtonText: "Yes, Upadte it!",
                                closeOnConfirm: true,
                                closeOnCancel: false 
                                },
                                 function(isConfirm)
                                 {

if (isConfirm) 
                                  {

$(".sweet-alert").hide();
                                    $(".sweet-overlay").hide(); 
                                    $('.update').removeAttr("disabled");
                                    $(".update").text("Update");    
                                    $("#edit_modal").modal("hide");
                                    location.reload();
                                  } 
                                  else 
                                  {
                                    $(".sweet-alert").hide();
                                    $(".sweet-overlay").hide();
                                  }
                              });  
                      
                    }
                    else 
                    {
                       
                        $('.update').removeAttr("disabled");
                        $(".update").text("Update");  
                                      
                    }
                }
           });*/
  });

$('#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);
}

$('.layout_id').change(function()
{
   
    var id = $(this).val();
    
    $.ajax({
                        
      type:'post',
      url:'<?php echo site_url('get-details-layout');?>',
      data:{'layout_id':id},
      success:function(response){
      response=jQuery.parseJSON(response)

if(response.result==1)
          {
            
              $(".yield").val(response.sites.residential);
              $(".sqft").val(response.sites.res_sqft);
          }
          else
          {
                
          }
    }
    });

});

</script>

<?php $this->load->view('includes/footer.php')?>
<style type="text/css">
  .regis-block{
    padding: 15px;
    background: #fff;
  }
  .regist-button{
    text-align: center;
    padding-top: 20px;
  }
</style>