File: //var/www/html/qcr24/app/application/views/admin/bond_refund/add.php
<style>
.error {
color: red;
}
</style>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.4/jquery-confirm.min.css" integrity="sha512-0V10q+b1Iumz67sVDL8LPFZEEavo6H/nBSyghr7mm9JEQkOAm91HNoZQRvQdjennBb/oEuW+8oZHVpIKq+d25g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.4/jquery-confirm.min.js" integrity="sha512-zP5W8791v1A6FToy+viyoyUUyjCzx+4K8XZCKzW28AnCoepPNIXecxh9mvGuy3Rt78OzEsU+VCvcObwAMvBAww==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.5/jquery.validate.min.js" integrity="sha512-rstIgDs0xPgmG6RX1Aba4KV5cWJbAMcvRCVmglpam9SoHZiUCyQVDdH2LPlxoHtrv17XWblE/V/PP+Tr04hbtA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<main class="main users job-role-page" id="">
<div class="container">
<!-- <h2 class="main-title">Job Role</h2> -->
<div class="row mrg15B justify-content-between">
<div class="col-auto">
<h2 class="app-page-title mb-0">Add New Bond Refund</h2>
</div>
<div class="col-auto">
<div class="page-utilities">
<div class="row">
<div class="col-auto">
<a class="btn app-btn-primary" href="<?=base_url('admin/bondRefund')?>">
VIEW ALL Bond Refund
</a>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="white-block">
<form class="row" method="post" action="<?php echo base_url('admin/bondRefund/submitbondrefund'); ?>" enctype="multipart/form-data" autocomplete="off">
<input type="hidden" class="form-control" id="hid_bond_refund_id" name="hid_bond_refund_id" value="">
<div class="col-lg-4 col-md-12 ">
<div class="form-group">
<label for="" class="">Driver <span class="asterisk"> *</span></label>
<select class="form-control select2" id="driver_id" name="driver_id" style="width: 100%;" required>
<option selected="selected">Select Driver </option>
<?php foreach ($drivers as $driver) { ?>
<option value="<?= $driver['driver_id'] ?>"><?= $driver['first_name'] . ' ' . $driver['middle_name'] . ' ' . $driver['last_name'] . ' - ' . $driver['mobile'] ?></option>
<?php } ?>
</select>
</div>
</div>
<div class="col-lg-4 col-md-12 ">
<div class="form-group">
<label for="" class="">Total Bond Amount <span class="asterisk"> *</span></label>
<div class="input-group mb-2">
<div class="input-group-prepend">
<div class="input-group-text">$</div>
</div>
<input type="text" class="form-control allow_decimal" id="total_bond_amount" name="total_bond_amount" placeholder="0.00" readonly>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12">
<div class="form-group">
<label for="" class="mrg20R">Refund Type <span class="asterisk"> *</span></label>
<select name="refund_type" id="refund_type" class="form-control" required>
<option value="" selected disabled>Select Refund Type</option>
<option value="FULL">Full</option>
<option value="PARTIAL">Partial</option>
</select>
</div>
</div>
<div class="col-lg-4 col-md-12">
<div class="form-group">
<label for="" class="mrg20R">Amount Want to Refund<span class="asterisk"> *</span></label>
<div class="input-group mb-2">
<div class="input-group-prepend">
<div class="input-group-text">$</div>
</div>
<input type="text" class="form-control allow_decimal" id="amount_want_to_refund" name="amount_want_to_refund" placeholder="0.00" required>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12">
<div class="form-group">
<label for="" class="mrg20R">Payment Method <span class="asterisk"> *</span></label>
<select name="bond_payment_method" id="bond_payment_method" class="form-control" required>
<option value="" selected disabled>Select Payment Method</option>
<option value="Cash">Cash </option>
<option value="Bank Transfer">Bank Transfer </option>
<option value="EFT POS">EFT POS</option>
</select>
</div>
</div>
<div class="col-lg-4 col-md-12 ">
<div class="form-group">
<label for="" class="">Notice Date <span class="asterisk"> *</span></label>
<div class="Datepicker_sec">
<input type="text" class="form-control datepicker" id="notice_date" name="notice_date" value="" required="required" placeholder="DD/MM/YYYY">
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 ">
<div class="form-group">
<label for="" class="">Bond Refund Due Date <span class="asterisk"> *</span></label>
<div class="Datepicker_sec">
<input type="text" class="form-control datepicker" id="bond_refund_due_date" name="bond_refund_due_date" value="" required="required" placeholder="DD/MM/YYYY">
</div>
</div>
</div>
<div class="col-lg-4 col-md-12">
<div class="form-group">
<label for="" class="mrg20R">Reference Number</label>
<input type="text" class="form-control" id="bond_reference_no" name="bond_reference_no" value="" placeholder="Reference Number">
</div>
</div>
<div class="col-lg-12 col-md-12 ">
<div class="form-group">
<label for="" class="">Remarks <span class="asterisk">*</span></label>
<textarea name="remarks" id="remarks" cols="" rows="4" class="form-control" placeholder="Enter Your Remarks" required></textarea>
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<button type="submit" class="btn btn-primary mrg15R">SUBMIT</button>
<a class="btn btn-danger" href="<?=base_url('admin/bondRefund')?>">CANCEL</a>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</main>
<script>
$(function() {
$(".datepicker").datepicker({
dateFormat: 'dd/mm/yy',
changeMonth: true,
changeYear: true,
minDate: new Date()
});
//Initialize Select2 Elements
$('.select2').select2()
})
$(document).ready(function() {
$('#driver_id').change(function() {
var driver_id = $(this).val();
$.ajax({
url: '<?php echo base_url("admin/bondRefund/getdriverbondamount"); ?>',
method: 'post',
data: {
'driver_id': driver_id
},
dataType: 'json',
success: function(response) {
if (response.status) {
$("#total_bond_amount").val(response.actual_bond_amount);
} else {
alert("Insert Driver Rent Out First");
}
}
})
});
$('#refund_type').change(function() {
var refund_type = $(this).val();
var total_bond_amount = $("#total_bond_amount").val();
if(refund_type == 'FULL'){
$("#amount_want_to_refund").val(total_bond_amount);
$("#amount_want_to_refund").prop('readonly', true);
}else{
$("#amount_want_to_refund").val('');
$("#amount_want_to_refund").prop('readonly', false);
}
});
$('#amount_want_to_refund').keyup(function(){
var amount_want_to_refund = $(this).val();
var total_bond_amount = $("#total_bond_amount").val();
if(Number(amount_want_to_refund) <= 0){
$("#amount_want_to_refund").val('');
$.alert({
title: 'Alert!',
content: 'Refund amonut can not be zero.',
type: 'red',
typeAnimated: true,
})
}
if(Number(amount_want_to_refund) > Number(total_bond_amount)){
$("#amount_want_to_refund").val('');
$.alert({
title: 'Alert!',
content: 'Refund amonut not be greater that actual bond amount.',
type: 'red',
typeAnimated: true,
})
}
})
})
</script>