File: //var/www/html/pmw24/driver_settlement/application/views/admin/setting/accidentcharge.php
</div>
<style type="text/css">
.main-panel {
display: none;
}
.main-panel.active {
display: block;
}
</style>
<div class="main-panel active">
<div class="main-content">
<div class="content-wrapper">
<div class="container-fluid">
<!-- Basic form layout section start -->
<section id="basic-form-layouts">
<?php echo $this->session->flashdata('msg') ?>
<!--<div class="row">
<div class="col-sm-12">
<h2 class="content-header">Driver Master</h2>
</div>
</div>-->
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<div class="page-title-wrap">
<h4 class="card-title">Accident Charge Setup</h4>
</div>
<?php
// echo "<pre>";
// print_r($acc_charges);
// echo "</pre>";
?>
<!--<p class="mb-0">This is the most basic and cost estimation form is the default position.</p>-->
</div>
<div class="card-body">
<div class="px-3">
<form class="form custom_form_style" method="post" action="<?= base_url(); ?>admin/settings/update_acc_charge">
<div class="form-body">
<p><?=(!empty($this->session->userdata('msg')))? $this->session->userdata('msg') : ''?></p>
<!----->
<div class="row">
<div class="col-md-12">
<div class="staff_tab_area">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#active_user">Accident Setup</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#inactive_user">Accident Settlement</a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div id="active_user" class="tab-pane active">
<div class="tab_btn_area">
<div class="row">
<div class="col-sm-4">
<div class="form-group">
<select id="user_id_search" class="js-select2 " data-show-subtext="true" data-live-search="true">
<option value="">Select Driver</option>
<?php if (!empty($drivers)) { ?>
<?php foreach ($drivers as $driver) { ?>
<option value="<?php echo $driver['user_id']; ?>">
<?php echo $driver['full_name'].' - '.$driver['dc_no']; ?></option>
<?php }
} else { ?>
<option value="" selected disabled>No Driver Found</option>
<?php } ?>
</select>
<?php //echo form_error('user_id','<span class="error">', '</span>');
?>
</div>
</div>
<div class="col-sm-4">
<button type="button" id="driver_search" class="btn btn-success">Search</button>
</div>
<div class="col-sm-4" style="text-align:right;">
<button type="button" id="driver_add" class="btn btn-success">Add Accident Charge</button>
</div>
</div>
</div>
<div class="accident_form_area">
<div class="table-responsive custom_table_area export_table_area">
<!--<table class="table table-striped table-bordered export_btn_dt c_table_style">-->
<table id="accident_charge_dt_table" class="table table-striped table-bordered c_table_style dom-jQuery-events">
<thead>
<tr>
<td>Sl No.</td>
<th>Accident Ref. No</th>
<th>Car No.</th>
<th>Driver Name</th>
<th>DC No.</th>
<th>Accident Date</th>
<th>Total Amount</th>
<th>Initial Amount Paid</th>
<th>Installment /Shift</th>
</tr>
</thead>
<tbody id="accident_charge_table">
<?php
if ($acc_charges) :
foreach ($acc_charges as $key=> $acc) :
?>
<tr>
<td><?=$key + 1?></td>
<td><?= $num_padded = sprintf("%06d", $acc['accident_id']); ?></td>
<td><?= $acc['registration_no']; ?></td>
<td><?= $acc['driver_name']; ?></td>
<td><?= $acc['dc_no']; ?></td>
<td><?= $acc['accident_datetime']; ?></td>
<td><?= $acc['total_amt']; ?></td>
<td><?= $acc['amt_pai']; ?></td>
<td><?= $acc['shift_amt']; ?></td>
</tr>
<?php
endforeach;
endif;
?>
</tbody>
</table>
</div>
</div>
</div>
<div id="inactive_user" class="tab-pane fade">
<div class="row clearfix">
<div class="col-sm-12">
<div class="table-responsive custom_table_area">
<table class="table table-striped table-bordered c_table_style">
<tbody>
<tr>
<td>Select Driver *</td>
<td>
<select id="ed_driver_id" name="ed_driver_id" class="js-select2 " data-show-subtext="true" data-live-search="true" required="required">
<option value="">Select Driver</option>
<?php if (!empty($drivers)) { ?>
<?php foreach ($drivers as $driver) { ?>
<option value="<?php echo $driver['user_id']; ?>">
<?php echo $driver['full_name']; ?></option>
<?php }
} else { ?>
<option value="" selected disabled>No Driver Found</option>
<?php } ?>
</select>
</td>
</tr>
<tr>
<td>Accident Ref. Number *</td>
<td>
<select class="form-control" id="ed_act_id" name="ed_act_id" required>
<option value="">Select Accident Ref. Number</option>
</select>
</td>
</tr>
<tr>
<td>Car No.</td>
<td id="ed_car_id">
------
</td>
</tr>
<tr>
<td>Accident Date</td>
<td id="ed_ac_date">
--/--/----
</td>
</tr>
<tr>
<td>Total Amount</td>
<td id="ed_tot_price">
---
</td>
</tr>
<tr>
<td>Amount Paid</td>
<td id="ed_amt_paid">
---
</td>
</tr>
<tr>
<td>Amount Due</td>
<td id="ed_amt_due">
---
</td>
</tr>
<tr>
<td>Settled Amount</td>
<td id="settled_amount">
---
</td>
</tr>
<tr>
<td>Settlement Amount *</td>
<td>
<input type="Number" step="0.1" class="form-control" name="settlement_amount" required id="settlement_amount">
<input type="hidden" name="charge_id" id="charge_id" value="">
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="col-sm-12">
<div class="form-actions">
<!--<button type="button" class="btn btn-danger mr-1">
<i class="fa fa-times" aria-hidden="true"></i> Cancel
</button>-->
<button type="Submit" class="btn btn-success">
<i class="fa fa-floppy-o" aria-hidden="true"></i> Submit
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- // Basic form layout section end -->
</div>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade text-left" id="default" tabindex="-1" role="dialog" aria-labelledby="myModalLabel1" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="myModalLabel1">Accident Charge Setup</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form method="post" action="<?= base_url(); ?>admin/settings/add_acc_charge">
<div class="table-responsive custom_table_area">
<table class="table table-striped table-bordered c_table_style">
<tbody>
<tr>
<td>Select Driver *</td>
<td>
<select id="user_id" class="js-select2 " data-show-subtext="true" data-live-search="true" required>
<option value="">Select Driver</option>
<?php if (!empty($drivers)) { ?>
<?php foreach ($drivers as $driver) { ?>
<option value="<?php echo $driver['user_id']; ?>">
<?php echo $driver['full_name'].' - '.$driver['dc_no']; ?></option>
<?php }
} else { ?>
<option value="" selected disabled>No Driver Found</option>
<?php } ?>
</select>
</td>
</tr>
<tr>
<td>Accident Ref. Number *</td>
<td>
<select class="form-control" id="accident_check" name="accident_check" required>
</select>
</td>
</tr>
<tr>
<td>Car No.</td>
<td id="acd_crno">------</td>
</tr>
<tr>
<td>Accident Date</td>
<td id="acd_date">--/--/----</td>
</tr>
<tr>
<td>Total Amount *</td>
<td><input type="Number" id="tot_amt" name="total_amt" required class="form-control"></td>
<input type="hidden" name="accident_id" id="accident_id" value="">
</tr>
<tr>
<td>Amount Paid *</td>
<td><input type="Number" id="amt_pai" name="amt_pai" required class="form-control"></td>
</tr>
<tr>
<td>Amount Due *</td>
<td><input type="Number" id="amt_due" readonly required name="amt_due" class="form-control"></td>
</tr>
<tr>
<td>Shift Amount *</td>
<td><input type="Number" required name="shift_amt" class="form-control"></td>
</tr>
</tbody>
</table>
</div>
<div class="modal_btn_area">
<button type="Submit" class="btn btn-success">Submit</button>
</div>
</form>
</div>
<!--<div class="modal-footer">
<button type="button" class="btn grey btn-outline-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-outline-primary">Save changes</button>
</div>-->
</div>
</div>
</div>
<script type="text/javascript">
$('#tot_amt, #amt_pai').keyup(function() {
var tot = parseFloat($('#tot_amt').val());
var pai = parseFloat($('#amt_pai').val());
var due = 0;
//alert(tot+pai);
if (!(pai > tot)) {
due = tot - pai;
$('#amt_due').val(due);
} else {
$.alert({
title: 'Alert!',
content: 'paid ammount can not more than total ammount.',
});
$('#amt_pai').val('');
}
});
</script>
<script type="text/javascript">
$('#accident_check').change(function() {
var accident_id = $(this).val();
if (accident_id != '') {
//alert(accident_id);
$.ajax({
//type: "POST",
url: '<?= base_url(); ?>admin/settings/fetch_accident_data/' + accident_id,
//data: {accident_id:accident_id},
success: function(response) {
var result = response.split('.');
$('#acd_crno').html(result[1]);
$('#acd_date').html(result[0]);
$('#accident_id').val(result[2]);
}
});
} else {
alert('please select a value.');
}
});
</script>
<script type="text/javascript">
$('#ed_act_id').change(function() {
var accident_id = $(this).val();
if (accident_id != '') {
$.ajax({
//type: "POST",
url: '<?= base_url(); ?>admin/settings/fetch_accident_data_edit/' + accident_id,
//data: {accident_id:accident_id},
success: function(response) {
var result = response.split('.');
$('#ed_car_id').html(result[0]);
$('#ed_ac_date').html(result[1]);
$('#ed_tot_price').html(result[2]);
$('#ed_amt_paid').html(result[3]);
$('#ed_amt_due').html(result[4]);
$('#settled_amount').html(result[7]);
$('#ed_sht_amt').val(result[5]);
$('#charge_id').val(result[6]);
}
});
} else {
alert('please select a value.');
}
});
</script>
<script>
$(document).on('click', '#driver_add', function(event) {
$('#default').modal('toggle');
});
$('#settlement_amount').on('keyup change', function() {
var due_amount = $("#ed_amt_due").text();
var settlement_amount = $(this).val();
if (parseFloat(settlement_amount) > parseFloat(due_amount)) {
$.alert({
title: 'Alert!',
content: 'Settlement amount should not greater than due amount',
});
$(this).val(due_amount);
}
})
$(document).on('change', '#ed_driver_id', function(event) {
var driver_id = $(this).val();
populateaccidentlist(driver_id, 'ed_act_id', 'settle');
})
$(document).on('change', '#user_id', function(event) {
var driver_id = $(this).val();
populateaccidentlist(driver_id, 'accident_check', 'add');
})
function pad(str, max) {
str = str.toString();
return str.length < max ? pad("0" + str, max) : str;
}
function populateaccidentlist(user_id, paste_div_id, add_or_settle_flag) {
$.ajax({
type: "POST",
url: '<?= base_url(); ?>admin/settings/get_accident_list_against_driver',
data: {
user_id: user_id,
add_or_settle_flag: add_or_settle_flag
},
dataType: 'json',
encode: true
})
.done(function(data) {
var resultHTML = '';
if (data.accident_list) {
resultHTML += '<option value="" selected disabled>Select Accident</option>';
$.each(data.accident_list, function(key, value) {
resultHTML += '<option value="' + value.accident_id + '">' + pad(value.accident_id, 6) + '</option>';
})
} else {
resultHTML += '<option value="">No Accident Found</option>';
}
$("#" + paste_div_id).html(resultHTML);
})
.fail(function(data) {
$.alert({
title: 'Alert!',
content: 'Oops!something went wrong',
});
})
}
$(document).on('click','#driver_search',function(){
var driver_id = $("#user_id_search").val();
$.ajax({
type: "POST",
url: '<?= base_url(); ?>admin/settings/get_accident_charge_list_against_driver',
data: {
driver_id: driver_id,
},
dataType: 'json',
encode: true
})
.done(function(data) {
var resultHTML = '';var i=0;
if (data.status) {
$.each(data.accident_charge, function(key, value) {i++;
resultHTML +='<tr>';
resultHTML +='<td>'+i+'</td>';
resultHTML +='<td>'+pad(value.accident_id, 6)+'</td>';
resultHTML +='<td>'+value.registration_no+'</td>';
resultHTML +='<td>'+value.driver_name+'</td>';
resultHTML +='<td>'+value.dc_no+'</td>';
resultHTML +='<td>'+value.accident_datetime+'</td>';
resultHTML +='<td>'+value.total_amt+'</td>';
resultHTML +='<td>'+value.amt_pai+'</td>';
resultHTML +='<td>'+value.shift_amt+'</td>';
resultHTML +='</tr>';
})
} else {
resultHTML += '<td colspan="6">No Accident Found</td>';
}
$("#accident_charge_dt_table").dataTable().fnDestroy();
$("#accident_charge_table").html(resultHTML);
$("#accident_charge_dt_table").DataTable();
})
.fail(function(data) {
$.alert({
title: 'Alert!',
content: 'Oops!something went wrong',
});
})
})
</script>