EVOLUTION-NINJA
Edit File: add_layout.php
<?php $this->load->view('includes/header.php')?> <div class="content-wrapper"> <button type='button' class="btn btn-primary go_back">Back</button> <form id="layout_submit"> <div class="row" style="background-color:#f8f8f8;padding-top: 10px;padding-bottom: 10px;"> <!-- <div class="col-sm-10 col-md-5"> <label class="radio-inline layout_form"><input type="radio" value="layout" onclick="layoutform()" id="layout" name="layout_form">Layout Form</label> <label class="radio-inline layout_list"><input type="radio" onclick="layoutlist()" value="layout_list" id="layout_list" name="layout_form" >Layout List</label> </div> --> <div class="col-sm-12 col-md-3"> <span style="font-size:25px;">Add Layouts</span> </div> <div class="col-sm-9"> <button type="button" class="btn btn-primary pull-right" data-toggle="modal" data-target="#implayout">Upload</button> </div> </div> <div class="row"> <div class="col-md-12 grid-margin stretch-card"> <div class="card"> <div class="card-body"> <div class="first"> <div class="row"> <div class="col-sm-3"> <div class="form-group"> <label>Layout Name : </label> <select name="layout_name" class="form-control" id="layout_name" onchange="change_layout_owner();"> <option value="">Select</option> <?php foreach($layout_name as $value){?> <option value="<?php echo $value->layout_name; ?>"><?php echo $value->layout_name; ?></option> <?php } ?> </select> </div> </div> <div class="col-sm-3"> <div class="form-group"> <label>Land Address : </label> <input type="text" name="layout_address" class="form-control"> </div> </div> <div class="col-sm-3"> <div class="form-group"> <label>Sub-Register Address : </label> <input type="text" name="sub_register_address" class="form-control" > </div> </div> <div class="col-sm-3"> <div class="form-group"> <label>Agent's Name : </label> <select name="agent_name" class="form-control" id="agent_name" > <option value="">Select</option> <?php foreach($agents as $agent){?> <option value="<?php echo $agent->emp_id; ?>"><?php echo $agent->first_name.' '.$agent->last_name; ?></option> <?php } ?> </select> </div> </div> </div> <!--row--> <div class="row"> <div class="col-sm-3"> <div class="form-group"> <label>Land Owner : </label> <select class="form-control" name="land_owners" id="land_owners" required> <option value="">Select</option> <?php foreach($land_owners as $land_owner){?> <option value="<?php echo $land_owner->id; ?>"><?php echo $land_owner->name; ?></option> <?php } ?> </select> </div> </div> <div class="col-sm-3"> <div class="form-group"> <label>Land Type : </label> <select class="form-control land_type" name="land_type" > <option value="">Select</option> <option value="Land Developer">Land Developer</option> <option value="Site Purchase">Site Purchase</option> <option value="Old Layout">Old Layout</option> </select> </div> </div> <div class="col-sm-3"> <div class="form-group"> <label>Max Discount : </label> <input type="text" name="discount" class="form-control" value="0" > </div> </div> <div class="col-sm-3 residential_yield"> <div class="form-group"> <label>Residential/Yield % : </label> <input type="text" name="residential_yield" class="form-control"> </div> </div> <div class="col-sm-3"> <div class="form-group"> <label>Upload Vedio : </label> <input type="file" name="upload_vedio" class="form-control" > </div> </div> <div class="col-sm-3"> <div class="form-group"> <label>Upload Image : </label> <input type="file" name="upload_image" class="form-control"> </div> </div> <div class="col-sm-3"> <div class="form-group"> <label>Message Text : </label> <input type="text" name="message_text" class="form-control" > </div> </div> <div class="col-sm-3"> <div class="form-group"> <label>Saledeed Charge: </label> <input type="text" name="per_sq_ft" class="form-control"> </div> </div> <div class="col-sm-3"> <div class="form-group"> <label>Stamp Duty %: </label> <input type="text" name="stamp_duty_per" class="form-control" > </div> </div> <div class="col-sm-3"> <div class="form-group"> <label>Layout Status: </label> <select class="form-control layout_status" name="layout_status" > <option value="">Select</option> <option value="PROCESSING">Ongoing</option> <option value="COMPLETED">Completed</option> </select> </div> </div> </div> <!--row--> <div class="row midd d-block"> <p>Layout Details</p> </div> <div class="Tab"> <div class="container"> <div class="row"> <ul class="nav nav-tabs"> <li class="nav-item ic" > <a class="nav-link" data-toggle="tab" href="#home"><i class="mdi mdi-layers menu-icon"></i> Layout Expenditure Details</a> </li> <li class="nav-item ic"> <a class="nav-link" data-toggle="tab" href="#menu1"><i class="mdi mdi-image-filter menu-icon"></i> Land Joint Venture</a> </li> <li class="nav-item ic"> <a class="nav-link" data-toggle="tab" href="#menu2"><i class="fa fa-building-o" aria-hidden="true"></i> Apartment Expenditure</a> </li> </ul> </div> </div> </div> <!-- Tab panels --> <div class="tab-content"> <div id="home" class="container tab-pane fade"><br> <div class="container"> <h3 style="padding-bottom: 20px;">Layout Expenditure Details</h3> <div class="row"> <div class="col-sm-12"> <div class="form-group"> <label>Land Owner Register Value</label> <input type="text" name="register_value" class="form-control register_value" value="0" > </div> </div> </div> <h4 style="padding-bottom: 20px;">Sub Register Charges</h4> <div class="row"> <div class="col-sm-4"> <div class="form-group"> <label>Stamp Duty % </label> <input type="number" class="form-control stamp_duty_percent" name="stamp_duty_percent" step="any" value="0" required > </div> </div> <div class="col-sm-4"> <div class="form-group"> <label>Stamp Duty RS</label> <input type="text" class="form-control stamp_duty" name="stamp_duty" value="0" readonly > </div> </div> <div class="col-sm-4"> <div class="form-group"> <label>Total Value </label> <input type="text" name="total_value" class="form-control total_value" value="0" > </div> </div> <!-- <div class="col-sm-4"> <div class="form-group"> <label>Fees % </label> <input type="number" class="form-control fees_percent" name="fees_percent" step="any" value="0" required ><br> <input type="text" class="form-control fees" name="fees" value="0" readonly > </div> </div> <div class="col-sm-4"> <div class="form-group"> <label>Cess on Stamps % </label> <input type="number" class="form-control stamp_cess_percent" name="stamp_cess_percent" step="any" value="0" required ><br> <input type="text" class="form-control stamp_cess" name="stamp_cess" value="0" readonly > </div> </div> --> </div> <h3 class="layout">Layout Expenditure Details</h3> <div class="row"> <div class="col-sm-6 Area3"> <div class="row form-group"> <label class="col-sm-4">Total Area </label> <div class="col-sm-8 form-inline Area" > <input type="text" name="total_area" class="form-control total_area" > <p>Sqft</p> </div> </div> </div> <div class="col-sm-6 Area3"> <div class="row form-group"> <label class="col-sm-4">Land Lord Share </label> <div class="col-sm-8 form-inline Area"> <input type="text" name="landlord_share" class="form-control landlord_share" > <p>Sqft</p> </div> </div> </div> </div> <div class="row"> <div class="col-sm-6 Area3"> <div class="row form-group"> <label class="col-sm-4">Balance Area </label> <div class="col-sm-8 form-inline Area" > <input type="text" name="balance_area" class="form-control balance_area" > <p>Sqft</p> </div> </div> </div> <div class="col-sm-6 Area3"> <div class="row form-group"> <label class="col-sm-4">Total Residential Area for Company </label> <div class="col-sm-8 form-inline Area"> <input type="text" name="total_company_area" class="form-control total_company_area" > <p>Sqft</p> </div> </div> </div> </div> <div class="row"> <div class="col-sm-6 Area3"> <div class="row form-group"> <label class="col-sm-4">Total Land Purchased Amount</label> <div class="col-sm-8 form-inline Area" > <input type="text" name="land_purchased_amount" class="form-control land_purchased_amount" > </div> </div> </div> </div> <div class="row"> <div class="col-sm-2"> <div class="form-group"> <label>Muda Fees </label> </div> </div> <div class="col-sm-2"> <div class="form-group"> <input type="text" name="muda_fees" class="form-control muda_fees" value="0" > </div> </div> <div class="col-sm-2"> <div class="form-group"> <label>CD Patti</label> </div> </div> <div class="col-sm-2"> <div class="form-group"> <input type="text" name="cd_patti" class="form-control cd_patti" value="0" > </div> </div> <div class="col-sm-2"> <div class="form-group"> <label>Plan Expenditure</label> </div> </div> <div class="col-sm-2"> <div class="form-group"> <input type="text" name="plan_expenditure" class="form-control plan_expenditure" value="0" > </div> </div> </div> <div class="row"> <div class="col-sm-2"> <div class="form-group"> <label>Individual Site Khata</label> </div> </div> <div class="col-sm-2"> <div class="form-group"> <input type="text" name="individual_site_khata" class="form-control individual_site_khata" value="0" > </div> </div> <div class="col-sm-2"> <div class="form-group"> <label>Relinqish Expenditure</label> </div> </div> <div class="col-sm-2"> <div class="form-group"> <input type="text" name="relinguish_expenditure" class="form-control relinguish_expenditure" value="0" > </div> </div> <div class="col-sm-2"> <div class="form-group"> <label>Layout Development</label> </div> </div> <div class="col-sm-2"> <div class="form-group"> <input type="text" name="layout_development" class="form-control layout_development" value="0" > </div> </div> </div> <div class="row"> <div class="col-sm-2"> <div class="form-group"> <label>Work Order</label> </div> </div> <div class="col-sm-2"> <div class="form-group"> <input type="text" name="work_order" class="form-control work_order" value="0" > </div> </div> <div class="col-sm-2"> <div class="form-group"> <label>Registration Expenses</label> </div> </div> <div class="col-sm-2"> <div class="form-group"> <input type="text" name="register_expenses" class="form-control register_expenses" value="0"> </div> </div> <div class="col-sm-2"> <div class="form-group"> <label style="word-break: break-all;">Work Order Expenditure</label> </div> </div> <div class="col-sm-2"> <div class="form-group"> <input type="text" name="work_order_expenditure" class="form-control work_order_expenditure" value="0" > </div> </div> </div> <div class="row"> <div class="col-sm-2"> <div class="form-group"> <label>KEB Fees</label> </div> </div> <div class="col-sm-2"> <div class="form-group"> <input type="text" name="keb_fees" class="form-control keb_fees" value="0" > </div> </div> <div class="col-sm-2"> <div class="form-group"> <label>Water Board</label> </div> </div> <div class="col-sm-2"> <div class="form-group"> <input type="text" name="water_board" class="form-control water_board" value="0" > </div> </div> <div class="col-sm-2"> <div class="form-group"> <label style="word-break: break-all;">Water Board Expenditure</label> </div> </div> <div class="col-sm-2"> <div class="form-group"> <input type="text" name="water_board_expenditure" value="0" class="form-control water_board_expenditure" > </div> </div> </div> <div class="row"> <div class="col-sm-2"> <div class="form-group"> <label>STP </label> </div> </div> <div class="col-sm-2"> <div class="form-group"> <input type="text" name="stp" class="form-control stp" value="0" > </div> </div> <div class="col-sm-2"> <div class="form-group"> <label style="word-break: break-all;">Pollution Control Board</label> </div> </div> <div class="col-sm-2"> <div class="form-group"> <input type="text" name="pollution_control_board" class="form-control pollution_control_board" value="0" > </div> </div> <div class="col-sm-2"> <div class="form-group"> <label>Others </label> </div> </div> <div class="col-sm-2"> <div class="form-group"> <input type="text" name="others" class="form-control others" value="0" > </div> </div> </div> <div class="row"> <div class="col-sm-2"> <div class="form-group"> <label>Total Expenditure</label> </div> </div> <div class="col-sm-2"> <div class="form-group"> <input type="text" name="total_expenditure_charges" class="form-control total_expenditure_charges" value="0" readonly> </div> </div> <div class="col-sm-2"> <div class="form-group"> <label>MODT Charges</label> </div> </div> <div class="col-sm-2"> <div class="form-group"> <input type="text" name="modt_charges" value="0" class="form-control modt_charges" > </div> </div> </div> <div class="row"> <div class="col-sm-2"> <div class="form-group"> <label>Bank Interest(1)<br>Total Amount</label> </div> </div> <div class="col-sm-2"> <div class="form-group"> <input type="text" name="bank_total_amount1" value="0" class="form-control bank_total_amount1" > </div> </div> <div class="col-lg-8"> <div class="disp2 form-inline" > <label>Interest% </label> <input type="number" class="form-control bank_percent1" name="bank_int_percent1" step="any" style="margin-right: 10px; width: 75px;" > <label>=</label> <input type="text" class="form-control bank_interest1" name="bank_interest1" style="margin-right: 10px; width: 110px; margin-left: 10px;" readonly > <label>*</label> <input type="text" class="form-control bank_interest_month1" name="bank_interest_month1" style="margin-right: 10px; width: 75px;" > <p>Months = </p> <input type="text" name="bank_interest_amt1" class="form-control bank_interest_amt1" readonly style="width: 110px;"> </div> </div> <!-- --> </div> <div class="row"> <div class="col-sm-2"> <div class="form-group"> <label>Bank Interest(2)<br>Total Amount</label> </div> </div> <div class="col-sm-2"> <div class="form-group"> <input type="text" name="bank_total_amount2" value="0" class="form-control bank_total_amount2" > </div> </div> <div class="col-lg-8"> <div class=" disp2 form-inline" > <label>Interest% </label> <input type="number" class="form-control bank_percent2" name="bank_int_percent2" step="any" style="margin-right: 10px; width: 75px;" > <label>=</label> <input type="text" class="form-control bank_interest2" name="bank_interest2" style="margin-right: 10px; width: 110px; margin-left: 10px;" readonly > <label>*</label> <input type="text" class="form-control bank_interest_month2" name="bank_interest_month2" style="margin-right: 10px; width: 75px;" > <p>Months =</p> <input type="text" name="bank_interest_amt2" class="form-control bank_interest_amt2" readonly style="width: 110px;"> </div> </div> </div> <div class="row last"> <div class="col-sm-12 disp3 form-inline"> <label>Per sqft Amount = </label> <input type="text" name="per_sqft_amount" class="form-control per_sqft_amount" value="0" style="width: 160px;"> <p>Total Expenditure Charges / Total Residential Area for Company = </p> <input type="text" name="residential_company_area" class="form-control residential_company_area" style="width: 160px;"> <p>sqft</p> </div> </div> <div class="row last"> <div class="col-sm-4"> <label class="">Upload Layout Details</label> <div class="yes_form"> <input type="file" class="form-control" name="layout_detail[]" multiple > </div> </div> <div class="col-sm-4"> <label class="">Upload Brochure</label> <div class="yes_form"> <input type="file" class="form-control" name="brochure" > </div> </div> <div class="col-sm-4"> <label class="">Location Map</label> <div class="yes_form"> <textarea class="form-control" rows ="2" name="location_map" ></textarea> </div> </div> </div> </div> </div> <div id="menu1" class="container tab-pane fade"><br> <h2>COMMING SOON</h2> </div> <div id="menu2" class="container tab-pane fade"><br> <h3>COMMING SOON</h3> </div> </div> <div class="row" style="background-color:#f8f8f8;padding-top: 10px;padding-bottom: 10px;"> <div class="col-sm-12 col-md-2"> </div> <div class="col-sm-7"></div> <div class="col-sm-3"> <button type="submit" class="btn btn-primary">Save</button> <button type="reset" class="btn btn-primary cancel">Cancel</button> </div> </div> </div> </div> </div> </div> </form> </div> <!-----------------import model-----------------------> <div class="modal fade" id="implayout" 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 Layout Details</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</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="layout_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"> $(document).ready(function(){ $('.residential_yield').hide(); var $radios = $('input:radio[name=layout_form]'); if($radios.is(':checked') === false) { $radios.filter('[value=layout]').prop('checked', true); } }); $('.land_type').change(function() { var type = $(this).val(); if(type == 'Land Developer') { $('.residential_yield').show(); } else if(type=="Site Purchase") { $('.residential_yield').hide(); } else if(type == "Old Layout") { $('.residential_yield').hide(); } }); function layoutlist() { $.ajax({ url:"<?php echo site_url('layouts-list')?>", type:"POST", success:function(response) { window.location.href="<?php echo site_url('layouts-list')?>"; } }); } $('.cancel').click(function(){ window.location = '<?php echo site_url("layouts-list")?>'; }); $('.go_back').click(function(){ window.location = '<?php echo site_url("layouts-list")?>'; }); function change_layout_owner() { var layout_name = $('#layout_name option:selected').val(); $.ajax({ type:'post', url:'<?php echo site_url('fetch-owner-id');?>', data:{"layout_name":layout_name}, success:function(response){ response=jQuery.parseJSON(response); console.log(response); if(response.result == 1) { var con = ''; con += '<option value="">select</option>'; $.each( response.message, function( key, value ) { con += '<option value="'+value.id+'">'+value.name+'</option>'; }); $('#land_owners').empty(); $('#land_owners').append(con); } else { toastr["error"](response.message); } } }); } $('#layout_submit').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-layout-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("layouts-list")?>'; }, 1000);*/ location.reload(); } else { toastr["error"](response.message); } } }); } else { $(".sweet-alert").hide(); $(".sweet-overlay").hide(); } }); }); $('.total_area').focusout(function(e){ e.preventDefault(); var total_area = $(".total_area").val(); var tot_area = total_area.replace(/[_\W]+/g, ""); total_area = parseFloat(tot_area); var landlord_share = $(".landlord_share").val(); var share = landlord_share.replace(/[_\W]+/g, ""); landlord_share = parseFloat(share); var balance_area = parseFloat(total_area-landlord_share); $('.balance_area').val(balance_area); }); $('.landlord_share').focusout(function(e){ e.preventDefault(); var total_area = $(".total_area").val(); var tot_area = total_area.replace(/[_\W]+/g, ""); total_area = parseFloat(tot_area); var landlord_share = $(".landlord_share").val(); var share = landlord_share.replace(/[_\W]+/g, ""); landlord_share = parseFloat(share); var balance_area = parseFloat(total_area-landlord_share); $('.balance_area').val(balance_area); }); $('.total_company_area').focusout(function(e){ e.preventDefault(); var total_company_area = $(".total_company_area").val(); $('.residential_company_area').val(total_company_area); }); $('.stamp_duty_percent').focusout(function(e){ e.preventDefault(); var register_value = $(".register_value").val(); var res_reg_val = register_value.replace(/[_\W]+/g, ""); register_value = parseFloat(res_reg_val); var stamp_duty_percent = $(".stamp_duty_percent").val(); var stamp_duty = parseFloat(register_value*stamp_duty_percent/100); stamp_duty = (stamp_duty).toFixed(2); var fees = $(".fees").val(); fees = parseFloat(fees); var stamp_cess = $(".stamp_cess").val(); stamp_cess = parseFloat(stamp_cess); var total_value = parseFloat(stamp_duty+fees+stamp_cess); total_value = (total_value).toFixed(2); $('.stamp_duty').val(stamp_duty); $('.total_value').val(total_value); }); $('.fees_percent').focusout(function(e){ e.preventDefault(); var register_value = $(".register_value").val(); var res_reg_val = register_value.replace(/[_\W]+/g, ""); register_value = parseFloat(res_reg_val); var fees_percent = $(".fees_percent").val(); var fees = parseFloat(register_value*fees_percent/100); var stamp_duty = $(".stamp_duty").val(); stamp_duty = parseFloat(stamp_duty); var stamp_cess = $(".stamp_cess").val(); stamp_cess = parseFloat(stamp_cess); var total_value = parseFloat(stamp_duty+fees+stamp_cess); total_value = (total_value).toFixed(2); $('.fees').val(fees); $('.total_value').val(total_value); }); $('.stamp_cess_percent').focusout(function(e){ e.preventDefault(); var register_value = $(".register_value").val(); var res_reg_val = register_value.replace(/[_\W]+/g, ""); register_value = parseFloat(res_reg_val); var stamp_cess_percent = $(".stamp_cess_percent").val(); var stamp_cess = parseFloat(register_value*stamp_cess_percent/100); var stamp_duty = $(".stamp_duty").val(); stamp_duty = parseFloat(stamp_duty); var fees = $(".fees").val(); fees = parseFloat(fees); var total_value = parseFloat(stamp_duty+fees+stamp_cess); total_value = (total_value).toFixed(2); $('.stamp_cess').val(stamp_cess); $('.total_value').val(total_value); }); $('.bank_percent1').focusout(function(e){ e.preventDefault(); var bank_total_amount = $(".bank_total_amount1").val(); var res_total = bank_total_amount.replace(/[_\W]+/g, ""); bank_total_amount = parseFloat(res_total); var bank_percent = $(".bank_percent1").val(); var bank_interest = parseFloat(bank_total_amount*bank_percent/100); bank_interest = (bank_interest).toFixed(2); $('.bank_interest1').val(bank_interest); }); $('.bank_interest_month1').focusout(function(e){ e.preventDefault(); var bank_interest = $(".bank_interest1").val(); bank_interest = parseFloat(bank_interest); var interest_month = $(".bank_interest_month1").val(); var bank_interest_amt = parseFloat(bank_interest*interest_month); $('.bank_interest_amt1').val(bank_interest_amt); }); $('.bank_percent2').focusout(function(e){ e.preventDefault(); var bank_total_amount = $(".bank_total_amount2").val(); var res_total = bank_total_amount.replace(/[_\W]+/g, ""); bank_total_amount = parseFloat(res_total); var bank_percent = $(".bank_percent2").val(); var bank_interest = parseFloat(bank_total_amount*bank_percent/100); bank_interest = (bank_interest).toFixed(2); $('.bank_interest2').val(bank_interest); }); $('.bank_interest_month2').focusout(function(e){ e.preventDefault(); var bank_interest = $(".bank_interest2").val(); bank_interest = parseFloat(bank_interest); var interest_month = $(".bank_interest_month2").val(); var bank_interest_amt = parseFloat(bank_interest*interest_month); $('.bank_interest_amt2').val(bank_interest_amt); }); $('.land_purchased_amount').focusout(function(e){ e.preventDefault(); total_expenditure(); }); $('.muda_fees').focusout(function(e){ e.preventDefault(); total_expenditure(); }); $('.cd_patti').focusout(function(e){ e.preventDefault(); total_expenditure(); }); $('.plan_expenditure').focusout(function(e){ e.preventDefault(); total_expenditure(); }); $('.individual_site_khata').focusout(function(e){ e.preventDefault(); total_expenditure(); }); $('.relinguish_expenditure').focusout(function(e){ e.preventDefault(); total_expenditure(); }); $('.layout_development').focusout(function(e){ e.preventDefault(); total_expenditure(); }); $('.work_order').focusout(function(e){ e.preventDefault(); total_expenditure(); }); $('.register_expenses').focusout(function(e){ e.preventDefault(); total_expenditure(); }); $('.work_order_expenditure').focusout(function(e){ e.preventDefault(); total_expenditure(); }); $('.keb_fees').focusout(function(e){ e.preventDefault(); total_expenditure(); }); $('.water_board').focusout(function(e){ e.preventDefault(); total_expenditure(); }); $('.water_board_expenditure').focusout(function(e){ e.preventDefault(); total_expenditure(); }); $('.stp').focusout(function(e){ e.preventDefault(); total_expenditure(); }); $('.pollution_control_board').focusout(function(e){ e.preventDefault(); total_expenditure(); }); $('.others').focusout(function(e){ e.preventDefault(); total_expenditure(); }); function total_expenditure() { var land_purchased_amount = $(".land_purchased_amount").val(); var land_amount = land_purchased_amount.replace(/[_\W]+/g, ""); land_purchased_amount = parseFloat(land_amount); var muda_fees = $(".muda_fees").val(); var res_muda_fees = muda_fees.replace(/[_\W]+/g, ""); muda_fees = parseFloat(res_muda_fees); var cd_patti = $(".cd_patti").val(); var res_cd_patti = cd_patti.replace(/[_\W]+/g, ""); cd_patti = parseFloat(res_cd_patti); var plan_expenditure = $(".plan_expenditure").val(); var res_plan_expenditure = plan_expenditure.replace(/[_\W]+/g, ""); plan_expenditure = parseFloat(res_plan_expenditure); var individual_site_khata = $(".individual_site_khata").val(); var res_individual_site_khata = individual_site_khata.replace(/[_\W]+/g, ""); individual_site_khata = parseFloat(res_individual_site_khata); var relinguish_expenditure = $(".relinguish_expenditure").val(); var res_relinguish_expenditure = relinguish_expenditure.replace(/[_\W]+/g, ""); relinguish_expenditure = parseFloat(res_relinguish_expenditure); var layout_development = $(".layout_development").val(); var res_layout_development = layout_development.replace(/[_\W]+/g, ""); layout_development = parseFloat(res_layout_development); var work_order = $(".work_order").val(); var res_work_order = work_order.replace(/[_\W]+/g, ""); work_order = parseFloat(res_work_order); var register_expenses = $(".register_expenses").val(); var res_register_expenses = register_expenses.replace(/[_\W]+/g, ""); register_expenses = parseFloat(res_register_expenses); var work_order_expenditure = $(".work_order_expenditure").val(); var res_work_order_expenditure = work_order_expenditure.replace(/[_\W]+/g, ""); work_order_expenditure = parseFloat(res_work_order_expenditure); var keb_fees = $(".keb_fees").val(); var res_keb_fees = keb_fees.replace(/[_\W]+/g, ""); keb_fees = parseFloat(res_keb_fees); var water_board = $(".water_board").val(); var res_water_board = water_board.replace(/[_\W]+/g, ""); water_board = parseFloat(res_water_board); var water_board_expenditure = $(".water_board_expenditure").val(); var res_water_board_expenditure = water_board_expenditure.replace(/[_\W]+/g, ""); water_board_expenditure = parseFloat(res_water_board_expenditure); var stp = $(".stp").val(); var res_stp = stp.replace(/[_\W]+/g, ""); stp = parseFloat(res_stp); var pollution_control_board = $(".pollution_control_board").val(); var res_pollution_control_board = pollution_control_board.replace(/[_\W]+/g, ""); pollution_control_board = parseFloat(res_pollution_control_board); var others = $(".others").val(); var res_others = others.replace(/[_\W]+/g, ""); others = parseFloat(res_others); var total_expenditure = parseFloat(land_purchased_amount+muda_fees+cd_patti+plan_expenditure+individual_site_khata+relinguish_expenditure+layout_development+work_order+register_expenses+ work_order_expenditure+keb_fees+water_board+water_board_expenditure+stp+pollution_control_board+others); var total_company_area = $(".total_company_area").val(); var res_company_area = total_company_area.replace(/[_\W]+/g, ""); total_company_area = parseFloat(res_company_area); var per_sqft_amount = parseFloat(total_expenditure/total_company_area); per_sqft_amount = (per_sqft_amount).toFixed(2); $('.total_expenditure_charges').val(total_expenditure); $('.per_sqft_amount').val(per_sqft_amount); } /*muda_fees cd_patti plan_expenditure individual_site_khata relinguish_expenditure layout_development work_order register_expenses work_order_expenditure keb_fees water_board water_board_expenditure stp pollution_control_board total_expenditure_charges*/ </script> <style type="text/css"> .midd{ background: gray; margin-bottom: 20px; } .midd p{ padding-top: 10px; padding-bottom: 10px; text-align: center !important; color: white; } .Area label,.Area input{ padding-left: 10px; padding-right: 10px; } .Area3{ padding-left: 0px !important; } .Area p{ padding-left: 10px; padding-right: 20px; } .Area2{ padding-top: 10px; padding-bottom: 40px; } /*.disp,.disp2,.disp3{ display: flex; }*/ .disp2 input{ height: 35px; margin-left: 15px; padding: 4px; margin-top: 5px; margin-bottom: 5px; } .disp3 input{ width: 100px; height: 35px; padding-left: 15px; padding-right: 15px; } .disp3 p{ padding-left: 15px; padding-right: 15px; } .disp3 label{ padding-right: 15px; } .last { margin-top: 30px; margin-bottom: 20px; } .layout{ padding-bottom: 20px; } .disp p{ padding-left: 10px; } .first{ padding-top: 2%; padding-bottom:3%; } .tab-content{ padding-bottom: 3%; } .Tab h3{ color: red; } @media only screen and (min-width: 320px) and (max-width: 640px) { .disp2 input { width: auto !important; } } @media only screen and (min-width: 641px) and (max-width: 991px) { } @media only screen and (min-width: 992px) and (max-width: 1258px) { /*.disp2 input { width: 41px !important; }*/ } </style> <?php $this->load->view('includes/footer.php')?>