File: /var/www/html/taxicamera/old/applicationold/views/admin/layouts/footer.php
<footer class="footer footer-static footer-light">
<p class="clearfix text-muted text-center px-2"><span>Copyright © 2019 <a href="" target="_blank" class="text-bold-800 primary darken-2">Punjab Motors </a>, All rights reserved. </span></p>
</footer>
</div>
</div>
<div id="loderModal" class="modal" role="dialog">
<div class="modal-dialog" style="margin-top:10rem;">
<div class="modal-content">
<div class="modal-body">
<div class="row">
<div class="col-md-12 text-center">
<div style="font-size:18px">Driver verification is going on.Please wait for a moment....</div>
<div><img src="<?php echo base_url(); ?>public/admin_assets/images/orangespinner.gif"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="uploadimageModal" class="modal" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-8 text-center">
<div id="image_demo" style="width:350px; margin-top:30px"></div>
</div>
<div class="col-md-4" >
<button class="btn btn-success crop_image" style="font-size:12px">Crop & Upload Image</button>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<aside id="notification-sidebar" class="notification-sidebar d-none d-sm-none d-md-block"><a class="notification-sidebar-close"><i class="ft-x font-medium-3"></i></a>
<div class="side-nav notification-sidebar-content">
<div class="row">
<div class="col-12 mt-1">
<ul class="nav nav-tabs">
<li class="nav-item"><a id="base-tab1" data-toggle="tab" aria-controls="base-tab1" href="#activity-tab" aria-expanded="true" class="nav-link active"><strong>Activity</strong></a></li>
<!--<li class="nav-item"><a id="base-tab2" data-toggle="tab" aria-controls="base-tab2" href="#settings-tab" aria-expanded="false" class="nav-link"><strong>Settings</strong></a></li>-->
</ul>
<div class="tab-content">
<div id="activity-tab" role="tabpanel" aria-expanded="true" aria-labelledby="base-tab1" class="tab-pane active">
<div id="activity-timeline" class="col-12 timeline-left">
<h6 class="mt-1 mb-3 text-bold-400">RECENT ACTIVITY</h6>
<div class="timeline">
<ul class="list-unstyled base-timeline activity-timeline ml-0">
<?php if(!empty($this->Log_data)): ?>
<?php foreach($this->Log_data as $list): ?>
<li>
<div class="timeline-icon bg-danger"><?php echo $list['icon']; ?></div>
<div class="base-timeline-info"><a href="<?php echo base_url().$list['log_link']; ?>" class="text-uppercase text-danger"><?php echo $list['log_title'];?></a><span class="d-block"><?php echo $list['log_description'];?></span></div>
<small class="text-muted"><?php echo date('l jS F Y h:i:s A' ,strtotime($list['log_dt'])); ?></small>
</li>
<?php endforeach; ?>
<?php endif; ?>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<input type="hidden" id="add_flag" value="<?php if(!empty($ck_action_falg) && $ck_action_falg['add_flag'] !=''): echo $ck_action_falg['add_flag'];endif;?>" >
<input type="hidden" id="edit_flag" value="<?php if(!empty($ck_action_falg) && $ck_action_falg['edit_flag'] !=''): echo $ck_action_falg['edit_flag'];endif;?>" >
<input type="hidden" id="delete_flag" value="<?php if(!empty($ck_action_falg) && $ck_action_falg['delete_flag'] !=''): echo $ck_action_falg['delete_flag'];endif;?>" >
<input type="hidden" id="download_flag" value="<?php if(!empty($ck_action_falg) && $ck_action_falg['download_flag'] !=''): echo $ck_action_falg['download_flag'];endif;?>" >
</aside>
<!-- BEGIN VENDOR JS-->
<script src="<?=base_url('public/admin_assets/vendors/js/core/popper.min.js')?>"></script>
<script src="<?=base_url('public/admin_assets/vendors/js/perfect-scrollbar.jquery.min.js')?>"></script>
<script src="<?=base_url('public/admin_assets/vendors/js/prism.min.js')?>"></script>
<script src="<?=base_url('public/admin_assets/vendors/js/jquery.matchHeight-min.js')?>"></script>
<script src="<?=base_url('public/admin_assets/vendors/js/screenfull.min.js')?>"></script>
<script src="<?=base_url('public/admin_assets/vendors/js/pace/pace.min.js')?>"></script>
<!-- BEGIN VENDOR JS-->
<script src="<?=base_url('public/admin_assets/vendors/js/jquery.steps.min.js')?>"></script>
<script src="<?=base_url('public/admin_assets/vendors/js/pickadate/picker.js')?>"></script>
<script src="<?=base_url('public/admin_assets/vendors/js/pickadate/picker.date.js')?>"></script>
<script src="<?=base_url('public/admin_assets/vendors/js/pickadate/picker.time.js')?>"></script>
<script src="<?=base_url('public/admin_assets/vendors/js/pickadate/legacy.js')?>"></script>
<script src="<?=base_url('public/admin_assets/vendors/js/jquery.validate.min.js')?>"></script>
<!-- BEGIN PAGE VENDOR JS-->
<!-- DATA TABLE -->
<script src="<?=base_url('public/admin_assets/vendors/js/datatable/datatables.min.js')?>"></script>
<script src="<?=base_url('public/admin_assets/vendors/js/datatable/dataTables.buttons.min.js')?>"></script>
<script src="<?=base_url('public/admin_assets/vendors/js/datatable/buttons.flash.min.js')?>"></script>
<script src="<?=base_url('public/admin_assets/vendors/js/datatable/jszip.min.js')?>"></script>
<script src="<?=base_url('public/admin_assets/vendors/js/datatable/pdfmake.min.js')?>"></script>
<script src="<?=base_url('public/admin_assets/vendors/js/datatable/vfs_fonts.js')?>"></script>
<script src="<?=base_url('public/admin_assets/vendors/js/datatable/buttons.html5.min.js')?>"></script>
<script src="<?=base_url('public/admin_assets/vendors/js/datatable/buttons.print.min.js')?>"></script>
<script src="<?=base_url('public/admin_assets/js/data-tables/datatable-advanced.js')?>"></script>
<script src="<?=base_url('public/admin_assets/js/sweet-alerts.js')?>"></script>
<script src="<?=base_url('public/admin_assets/vendors/js/sweetalert2.min.js')?>"></script>
<script src="<?=base_url('public/admin_assets/js/select2.full.js')?>"></script>
<!-- END PAGE VENDOR JS-->
<!-- BEGIN CONVEX JS-->
<script src="<?=base_url('public/admin_assets/js/app-sidebar.js')?>"></script>
<script src="<?=base_url('public/admin_assets/js/notification-sidebar.js')?>"></script>
<script src="<?=base_url('public/admin_assets/js/jquery_validate.js')?>"></script>
<!-- END CONVEX JS-->
<!-- BEGIN PAGE LEVEL JS-->
<script src="<?=base_url('public/admin_assets/js/wizard-steps.js')?>"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>
<script type="text/javascript">
$(function(){
var url = window.location.pathname,
urlRegExp = new RegExp(url.replace(/\/$/,'') + "$"); // create regexp to match current url pathname and remove trailing slash if present as it could collide with the link in navigation in case trailing slash wasn't present there
// now grab every link from the navigation
$('.nav-container a').each(function(){
// and test its normalized href against the url pathname regexp
if(urlRegExp.test(this.href.replace(/\/$/,''))){
$(this).parent('li').addClass('active');
}
});
});
</script>
<script>
$(document).ready(function() {
$(".js-select2").select2();
$(".js-select2-multi").select2();
$(".large").select2({
dropdownCssClass: "big-drop",
});
$image_crop = $('#image_demo').croppie({
enableExif: true,
viewport: {
width:150,
height:100,
type:'square' //circle
},
boundary:{
width:300,
height:300
}
});
$('#upload_image').on('change', function(){
var reader = new FileReader();
reader.onload = function (event) {
$image_crop.croppie('bind', {
url: event.target.result
}).then(function(){
console.log('jQuery bind complete');
});
}
reader.readAsDataURL(this.files[0]);
$('#uploadimageModal').modal('show');
});
$('.crop_image').click(function(event){
$image_crop.croppie('result', {
type: 'canvas',
size: 'viewport'
}).then(function(response){
$.ajax({
url:"<?=base_url('admin/Company/UploadSignature')?>",
type: "POST",
data:{"image": response},
dataType:'JSON',
success:function(data)
{
$('#uploadimageModal').modal('hide');
$('#uploaded_image').html(data['html']);
$("#sign_img_name").val(data['file_name']);
}
});
})
});
$('#edit_upload_image').on('change', function(){
var reader = new FileReader();
reader.onload = function (event) {
$image_crop.croppie('bind', {
url: event.target.result
}).then(function(){
console.log('jQuery bind complete');
});
}
reader.readAsDataURL(this.files[0]);
$('#uploadimageModal').modal('show');
});
$('.crop_image').click(function(event){
$image_crop.croppie('result', {
type: 'canvas',
size: 'viewport'
}).then(function(response){
$.ajax({
url:"<?=base_url('admin/Company/UploadSignature')?>",
type: "POST",
data:{"image": response},
dataType:'JSON',
success:function(data)
{
$('#uploadimageModal').modal('hide');
$('#edit_uploaded_image').html(data['html']);
$("#edit_sign_img_name").val(data['file_name']);
}
});
})
});
});
</script>
<script type="text/javascript">
$('a.delete_icon').confirm({
title: "confirm Delete",
content: "Are you sure want to remove?",
buttons: {
Delete: {
btnClass: 'btn-red',
action: function(){
location.href = this.$target.attr('href');
}
},
Close: {
btnClass: 'btn-default',
action: function(){
}
},
}
});
</script>
<script type="text/javascript">
$('a.deactv_btn').confirm({
title: "confirm Deactive",
content: "Are you sure want to deactive?",
buttons: {
Deactive: {
btnClass: 'btn-red',
action: function(){
location.href = this.$target.attr('href');
}
},
Close: {
btnClass: 'btn-default',
action: function(){
}
},
}
});
</script>
<script type="text/javascript">
$('a.active_btn').confirm({
title: "confirm Activation",
content: "Are you sure want to active?",
buttons: {
Activate: {
btnClass: 'btn-green',
action: function(){
location.href = this.$target.attr('href');
}
},
Close: {
btnClass: 'btn-default',
action: function(){
}
},
}
});
</script>
<!-- author: soma
purpose: Generate Agreement button
date: 17-9-2019 -->
<script type="text/javascript">
$('a.generateA').confirm({
title: "confirm Generate Agreement",
content: "Are you sure want to Generate Agreement?",
buttons: {
Generate: {
btnClass: 'btn-red',
action: function(){
location.href = this.$target.attr('href');
}
},
Close: {
btnClass: 'btn-default',
action: function(){
}
},
}
});
</script>
<script type="text/javascript">
$(document).ready(function() {
$('#example').DataTable({
initComplete: function () {
var orderInit = this.api().order();
this.api().columns(1).every( function () {
var column = this;
var select = $('<select class="js-select2" data-show-subtext="true" data-live-search="true"><option value="">Accident Reference No:</option></select>')
.appendTo('#selectapnd')
.on( 'change', function () {
var val = $.fn.dataTable.util.escapeRegex(
$(this).val()
);
column
.search( val ? '^'+val+'$' : '', true, false )
.draw();
} );
column.order('DESC').draw(false).data().unique().each( function ( d, j ) {
select.append( '<option value="'+d+'">'+d+'</option>' )
} );
} );
this.api().order(orderInit).draw(false);
}
} );
} );
</script>
<!-- END PAGE LEVEL JS-->
<!-- Modal -->
<div class="modal fade text-left" id="default1" 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">Bond Refund Procedure</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<!-- Modal body-->
<div class="modal-body" id="driver_refund_modal">
<form id="refund_form" action="<?php echo base_url().'admin/DriverRefundSettlement/saveRefundSettlement';?>" method="post">
<div class="table-responsive custom_table_area">
<table class="table table-striped table-bordered c_table_style">
<tbody>
<tr>
<td>Driver</td>
<td>
<select id="driver_list" class="js-select2" data-show-subtext="true" data-live-search="true">
<option value="">Select Driver</option>
<?php if($driver_list): ?>
<?php foreach($driver_list as $list): ?>
<option value="<?php echo $list['user_id']; ?>"><?php echo $list['full_name'].'-'.$list['dc_no']; ?></option>
<?php endforeach; ?>
<?php endif; ?>
</select>
</td>
</tr>
<tr>
<td>Total Bond Amount</td>
<td>
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text">$</span>
</div>
<input type="text" class="form-control" id="bond_amt" style="height:38px" readonly>
</div>
</td>
</tr>
<tr>
<td>Driver Redund Amount</td>
<td>
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text">$</span>
</div>
<input type="text" class="form-control" name="bond_accumulated_amt" id="bond_accumulated_amt" style="height:38px" readonly>
</div>
</td>
</tr>
<tr>
<td>Refund Type</td>
<td>
<select id="refund_type" name="refund_type" class="form-control" required>
<option value="">Select refund type</option>
<option value="full">Full</option>
<option value="partial">Partial</option>
</select>
</td>
</tr>
<tr>
<td>Amount Want to Refund </td>
<td>
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text">$</span>
</div>
<input type="number" min="1" name="refund_amt" id="refund_amnt" class="form-control" style="height:38px" required>
</div>
</td>
</tr>
<tr>
<td>Notice Date</td>
<td>
<div class="form-group">
<div class="input-group">
<input type="text" name="notice_date" id="notice_date" class="form-control pickadate" required>
<div class="input-group-append">
<span class="input-group-text">
<span class="fa fa-calendar-o"></span>
</span>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>Bond Refund Due Date</td>
<td>
<div class="form-group">
<div class="input-group">
<input type="text" name="bond_refund_due_dt" id="bond_refund_due_dt" class="form-control pickadate" required>
<div class="input-group-prepend">
<span class="input-group-text">
<span class="fa fa-calendar-o"></span>
</span>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="modal_btn_area">
<input type="hidden" name="driver_id" id="driver_id" value="">
<input type="submit" class="btn btn-success" id="sub_refund" value="Save">
</div>
</form>
</div>
</div>
</div>
</div>
</body>
</html>
<script>
$(document).on('change','#refund_type',function(){
var refund_type = $(this).val();
if(refund_type =='full'){
var bond_accumulated_amt = $("#bond_accumulated_amt").val();
$('#refund_amnt').val(bond_accumulated_amt);
$('#refund_amnt').attr('readonly',true);
}
else{
$('#refund_amnt').val('');
$('#refund_amnt').attr('readonly',false);
}
});
$(document).on('focusout','#refund_amnt',function(){
var refund_amt = $(this).val();
var bond_accumulated_amt = $("#bond_accumulated_amt").val();
if(parseFloat(bond_accumulated_amt) < parseFloat(refund_amt)){
alert("Refund amount should not be grater than remaining bond refund.");
$(this).css("background-color", "yellow");
}
else{
$(this).css("background-color", "white");
}
});
$(document).on('click','#sub_refund',function(event){
event.preventDefault();
var refund_amt = $("#refund_amnt").val();
var bond_accumulated_amt = $("#bond_accumulated_amt").val();
if(parseFloat(bond_accumulated_amt) < parseFloat(refund_amt)){
alert("Refund amount should not be grater than remaining bond refund.");
$(this).css("background-color", "yellow");
}
else{
$('#refund_form').submit();
}
});
// Restricts input for each element in the set of matched elements to the given inputFilter.
(function($) {
$.fn.inputFilter = function(inputFilter) {
return this.on("input keydown keyup mousedown mouseup select contextmenu drop", function() {
if (inputFilter(this.value)) {
this.oldValue = this.value;
this.oldSelectionStart = this.selectionStart;
this.oldSelectionEnd = this.selectionEnd;
} else if (this.hasOwnProperty("oldValue")) {
this.value = this.oldValue;
this.setSelectionRange(this.oldSelectionStart, this.oldSelectionEnd);
} else {
this.value = "";
}
});
};
}(jQuery));
$(".num_validation_cls").inputFilter(function(value) {
return /^\d*$/.test(value);
});
$(".decimal_validation_cls").inputFilter(function(value) {
return /^-?\d*[.]?\d*$/.test(value);
});
</script>
<!-- Modal -->
<div class="modal fade text-left" id="default2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel1" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="myModalLabel1">Cash In</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" id="add_money_form" name="add_money_form">
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label>Customer Name</label>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<select class="js-select2" data-show-subtext="true" data-live-search="true" id="customer_id" name="customer_id" required>
<option value="">Select Customer</option>
<?php if(!empty($customer_list)){ ?>
<?php foreach($customer_list as $customer){ ?>
<option value="<?=$customer['customer_id']?>"><?=$customer['first_name'].' '.$customer['middle_name'].' '.$customer['last_name']?></option>
<?php } }?>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label>Total Amount</label>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label class="total_amount"></label>
</div>
</div>
</div>
<div class="table-responsive custom_table_area">
<table class="table table-striped table-bordered daily_stl_table">
<thead>
<tr>
<th width="33%">Notes</th>
<th width="33%">Qty</th>
<th width="34%">Amount</th>
</tr>
</thead>
<tbody>
<tr>
<td>5c Coins</td>
<td>
<input type="text" class="form-control calculate_amt" name="5c_coins_qty" id="5c_coins_qty" data-dollar_price=".05">
<input type="hidden" id="5c_coins_amt" name="5c_coins_amt">
</td>
<td class="dollar_amount"></td>
</tr>
<tr>
<td>10c Coins</td>
<td>
<input type="text" class="form-control calculate_amt" name="10c_coins_qty" id="10c_coins_qty" data-dollar_price=".10">
<input type="hidden" id="10c_coins_amt" name="10c_coins_amt">
</td>
<td class="dollar_amount"></td>
</tr>
<tr>
<td>20c Coins</td>
<td>
<input type="text" class="form-control calculate_amt" name="20c_coins_qty" id="20c_coins_qty" data-dollar_price=".20">
<input type="hidden" id="20c_coins_amt" name="20c_coins_amt">
</td>
<td class="dollar_amount"></td>
</tr>
<tr>
<td>50c Coins</td>
<td>
<input type="text" class="form-control calculate_amt" name="50c_coins_qty" id="50c_coins_qty" data-dollar_price=".50">
<input type="hidden" id="50c_coins_amt" name="50c_coins_amt">
</td>
<td class="dollar_amount"></td>
</tr>
<tr>
<td>1$ Coins</td>
<td>
<input type="text" class="form-control calculate_amt" name="1d_coins_qty" id="1d_coins_qty" data-dollar_price="1">
<input type="hidden" id="1d_coins_amt" name="1d_coins_amt">
</td>
<td class="dollar_amount"></td>
</tr>
<tr>
<td>2$ Coins</td>
<td>
<input type="text" class="form-control calculate_amt" name="2d_coins_qty" id="2d_coins_qty" data-dollar_price="2">
<input type="hidden" id="2d_coins_amt" name="2d_coins_amt">
</td>
<td class="dollar_amount"></td>
</tr>
<tr>
<td>5$ Notes</td>
<td>
<input type="text" class="form-control calculate_amt" name="5d_notes_qty" id="5d_notes_qty" data-dollar_price="5">
<input type="hidden" id="5d_notes_amt" name="5d_notes_amt">
</td>
<td class="dollar_amount"></td>
</tr>
<tr>
<td>10$ Notes</td>
<td>
<input type="text" class="form-control calculate_amt" name="10d_notes_qty" id="10d_notes_qty" data-dollar_price="10">
<input type="hidden" id="10d_notes_amt" name="10d_notes_amt">
</td>
<td class="dollar_amount"></td>
</tr>
<tr>
<td>20$ Notes</td>
<td>
<input type="text" class="form-control calculate_amt" name="20d_notes_qty" id="20d_notes_qty" data-dollar_price="20">
<input type="hidden" id="20d_notes_amt" name="20d_notes_amt">
</td>
<td class="dollar_amount"></td>
</tr>
<tr>
<td>50$ Notes</td>
<td>
<input type="text" class="form-control calculate_amt" name="50d_notes_qty" id="50d_notes_qty" data-dollar_price="50">
<input type="hidden" id="50d_notes_amt" name="50d_notes_amt">
</td>
<td class="dollar_amount"></td>
</tr>
<tr>
<td>100$ Notes</td>
<td>
<input type="text" class="form-control calculate_amt" name="100d_notes_qty" id="100d_notes_qty" data-dollar_price="100">
<input type="hidden" id="100d_notes_amt" name="100d_notes_amt">
</td>
<td class="dollar_amount"></td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2"><strong>TOTAL</strong></td>
<td><strong class="total_amount"></strong></td>
<input type="hidden" id="total_amount" name="total_amount">
</tr>
</tfoot>
</table>
</div>
<div class="modal_btn_area" style="text-align:center;">
<button type="submit" id="add_money_btn" class="btn btn-success">Submit</button>
</div>
</form>
</div>
</div>
</div>
</div>
<!------------------------------------------------------------------ADD CASH OUT------------------------------------------------------------------------------>
<!-- Modal -->
<div class="modal fade text-left" id="cash_out_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel1" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="myModalLabel1">Cash Out</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" id="add_cash_out_money_form" name="add_cash_out_money_form">
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label>Customer Name</label>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<select class="js-select2" data-show-subtext="true" data-live-search="true" id="customer_id_out" name="customer_id_out" required>
<option value="">Select Customer</option>
<?php foreach($customer_list as $customer){ ?>
<option value="<?=$customer['customer_id']?>"><?=$customer['first_name'].' '.$customer['middle_name'].' '.$customer['last_name']?></option>
<?php } ?>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label>Total Amount</label>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label class="total_amount"></label>
</div>
</div>
</div>
<div class="table-responsive custom_table_area">
<table class="table table-striped table-bordered daily_stl_table">
<thead>
<tr>
<th width="33%">Notes</th>
<th width="33%">Qty</th>
<th width="34%">Amount</th>
</tr>
</thead>
<tbody>
<tr>
<td>5c Coins</td>
<td>
<input type="text" class="form-control calculate_amt" name="5c_coins_qty" id="5c_coins_qty" data-dollar_price=".05">
<input type="hidden" id="5c_coins_amt" name="5c_coins_amt">
</td>
<td class="dollar_amount"></td>
</tr>
<tr>
<td>10c Coins</td>
<td>
<input type="text" class="form-control calculate_amt" name="10c_coins_qty" id="10c_coins_qty" data-dollar_price=".10">
<input type="hidden" id="10c_coins_amt" name="10c_coins_amt">
</td>
<td class="dollar_amount"></td>
</tr>
<tr>
<td>20c Coins</td>
<td>
<input type="text" class="form-control calculate_amt" name="20c_coins_qty" id="20c_coins_qty" data-dollar_price=".20">
<input type="hidden" id="20c_coins_amt" name="20c_coins_amt">
</td>
<td class="dollar_amount"></td>
</tr>
<tr>
<td>50c Coins</td>
<td>
<input type="text" class="form-control calculate_amt" name="50c_coins_qty" id="50c_coins_qty" data-dollar_price=".50">
<input type="hidden" id="50c_coins_amt" name="50c_coins_amt">
</td>
<td class="dollar_amount"></td>
</tr>
<tr>
<td>1$ Coins</td>
<td>
<input type="text" class="form-control calculate_amt" name="1d_coins_qty" id="1d_coins_qty" data-dollar_price="1">
<input type="hidden" id="1d_coins_amt" name="1d_coins_amt">
</td>
<td class="dollar_amount"></td>
</tr>
<tr>
<td>2$ Coins</td>
<td>
<input type="text" class="form-control calculate_amt" name="2d_coins_qty" id="2d_coins_qty" data-dollar_price="2">
<input type="hidden" id="2d_coins_amt" name="2d_coins_amt">
</td>
<td class="dollar_amount"></td>
</tr>
<tr>
<td>5$ Notes</td>
<td>
<input type="text" class="form-control calculate_amt" name="5d_notes_qty" id="5d_notes_qty" data-dollar_price="5">
<input type="hidden" id="5d_notes_amt" name="5d_notes_amt">
</td>
<td class="dollar_amount"></td>
</tr>
<tr>
<td>10$ Notes</td>
<td>
<input type="text" class="form-control calculate_amt" name="10d_notes_qty" id="10d_notes_qty" data-dollar_price="10">
<input type="hidden" id="10d_notes_amt" name="10d_notes_amt">
</td>
<td class="dollar_amount"></td>
</tr>
<tr>
<td>20$ Notes</td>
<td>
<input type="text" class="form-control calculate_amt" name="20d_notes_qty" id="20d_notes_qty" data-dollar_price="20">
<input type="hidden" id="20d_notes_amt" name="20d_notes_amt">
</td>
<td class="dollar_amount"></td>
</tr>
<tr>
<td>50$ Notes</td>
<td>
<input type="text" class="form-control calculate_amt" name="50d_notes_qty" id="50d_notes_qty" data-dollar_price="50">
<input type="hidden" id="50d_notes_amt" name="50d_notes_amt">
</td>
<td class="dollar_amount"></td>
</tr>
<tr>
<td>100$ Notes</td>
<td>
<input type="text" class="form-control calculate_amt" name="100d_notes_qty" id="100d_notes_qty" data-dollar_price="100">
<input type="hidden" id="100d_notes_amt" name="100d_notes_amt">
</td>
<td class="dollar_amount"></td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2"><strong>TOTAL</strong></td>
<td><strong class="total_amount"></strong></td>
<input type="hidden" id="total_amount_out" name="total_amount_out">
</tr>
</tfoot>
</table>
</div>
<div class="modal_btn_area" style="text-align:center;">
<button type="submit" id="add_cash_out_money_btn" class="btn btn-success">Submit</button>
</div>
</form>
</div>
</div>
</div>
</div>
<script>
$('a.go_for_edit').confirm({
title: "Go To Roster Edit",
content: "Do you want to go to roster edit page?",
buttons: {
Roster: {
btnClass: 'btn-green',
action: function(){
location.href = "<?=base_url()?>admin/roster?view_roster_week="+$('#get_week_no_view').val();
}
},
Close: {
btnClass: 'btn-default',
action: function(){
}
},
}
});
$(document).on('keyup change','.cklength',function(){
var value = $(this).val();
var maxlength = $(this).data('length');
if(!checkLength(value,maxlength)) {
$(this).next('span').html('Length must be exactly '+ maxlength +' number');
$(this).next('span').css({'color':'red','font-size':'12px'});
}
else{
$(this).next('span').html('');
}
});
function checkLength(el,maxlength) {
//alert(el);
if (el.length != maxlength) {
return false;
} else {
return true;
}
}
</script>