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> <form id="layout_submit"> <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">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 class="col-sm-3"> </div> </div> </div> </div> </div> </div> </div> </form> </div> <style type="text/css"> .first{ padding-top: 2%; padding-bottom:3%; } </style> <script type="text/javascript"> $(document).ready(function() { $(".site_details0").hide(); $(".site_details1").hide(); $(".site_details2").hide(); $(".site_details3").hide(); $(".site_details4").hide(); $(".site_details5").hide(); }); 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')?>