File: //var/www/html/qcr24/app/application/views/admin/driver/view.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 -->
<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">View Drivers / Customers</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/driver') ?>">
VIEW ALL Driver / Customer
</a>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="white-block">
<form method="POST" id="driver_validation_form" action="<?= base_url('admin/driver/edit_driver_submit') ?>" class="row" enctype="multipart/form-data">
<input type="hidden" id="driver_id" name="driver_id" value="<?= $driver_details['driver_id'] ?>">
<div class="col-lg-4 col-md-12 ">
<div class="form-group">
<label for="" class="">First Name <span class="asterisk"> *</span></label>
<input type="text" class="form-control" name="first_name" value="<?= $driver_details['first_name'] ?>" readonly>
</div>
</div>
<div class="col-lg-4 col-md-12 ">
<div class="form-group">
<label for="" class="">Middle Name <span class="asterisk"> </span></label>
<input type="text" class="form-control" name="middle_name" value="<?= $driver_details['middle_name'] ?>" readonly>
</div>
</div>
<div class="col-lg-4 col-md-12 ">
<div class="form-group">
<label for="" class="">Last Name <span class="asterisk"> *</span></label>
<input type="text" class="form-control" name="last_name" value="<?= $driver_details['last_name'] ?>" readonly>
</div>
</div>
<div class="col-md-12">
<hr>
<h3>Address</h3>
<hr>
</div>
<div class="col-lg-6 col-md-12 ">
<div class="form-group">
<label for="" class="">Unit/Flat No.</label>
<input type="text" class="form-control" name="flat_no" value="<?= $driver_details['flat_no'] ?>" readonly>
</div>
</div>
<div class="col-lg-6 col-md-12 ">
<div class="form-group">
<label for="" class="">Street No. <span class="asterisk"> *</span></label>
<input type="text" class="form-control" name="street_no" value="<?= $driver_details['street_no'] ?>" readonly>
</div>
</div>
<div class="col-lg-6 col-md-12 ">
<div class="form-group">
<label for="" class="">Street Name <span class="asterisk"> *</span></label>
<input type="text" class="form-control" name="street_name" value="<?= $driver_details['street_name'] ?>" readonly>
</div>
</div>
<div class="col-lg-6 col-md-12 ">
<div class="form-group">
<label for="" class="">Suburb <span class="asterisk"> *</span></label>
<input type="text" class="form-control" name="suburb" value="<?= $driver_details['suburb'] ?>" readonly>
</div>
</div>
<div class="col-lg-6 col-md-12 ">
<div class="form-group">
<label for="" class="">Post Code <span class="asterisk"> *</span></label>
<input type="text" class="form-control" name="pin" value="<?= $driver_details['pin'] ?>" readonly>
</div>
</div>
<div class="col-md-12">
<hr>
</div>
<div class="col-lg-6 col-md-12 ">
<div class="form-group">
<label for="" class="">Email ID <span class="asterisk"> *</span></label>
<input type="text" class="form-control" name="email" value="<?= $driver_details['email'] ?>" readonly>
</div>
</div>
<div class="col-lg-6 col-md-12">
<div class="form-group">
<label for="" class="">Mobile No. <span class="asterisk"> *</span></label>
<input type="text" class="form-control" name="mobile" value="<?= $driver_details['mobile'] ?>" readonly maxlength="10">
</div>
</div>
<div class="col-lg-6 col-md-12 ">
<div class="form-group">
<label for="" class="">Date of Birth <span class="asterisk"> *</span></label>
<div class="Datepicker_sec">
<input type="text" class="form-control" name="dob" value="<?= ($driver_details['dob']) ? date('d/m/Y', strtotime($driver_details['dob'])) : '' ?>" id="dob" disabled>
</div>
</div>
</div>
<div class="col-lg-1 col-md-12">
<div class="form-group">
<a href="<?= base_url() . 'public/admin_images/driver/profile_image/' . $driver_details['profile_photo'] ?>" data-lightbox="<?= $driver_details['profile_photo'] ?>"><img src="<?= base_url('public/admin_images/driver/profile_image/' . $driver_details['profile_photo']) ?>" alt=""></a>
</div>
</div>
<div class="col-lg-5 col-md-12 ">
<div class="form-group">
<label for="" class="">Profile Image</label>
<input type="file" class="form-control" name="profile_image" value="" placeholder="">
</div>
</div>
<div class="col-md-12">
<hr>
</div>
<div class="col-lg-6 col-md-12 ">
<div class="form-group">
<label for="" class="">Driver LIC No. <span class="asterisk"> *</span></label>
<input type="text" class="form-control" name="licence_no" value="<?= $driver_details['licence_no'] ?>" readonly>
</div>
</div>
<div class="col-lg-1 col-md-12">
<div class="form-group">
<a href="<?= base_url() . 'public/admin_images/driver/licence_image/' . $driver_details['licence_image'] ?>" data-lightbox="<?= $driver_details['licence_image'] ?>"><img src="<?= base_url('public/admin_images/driver/licence_image/' . $driver_details['licence_image']) ?>" alt=""></a>
</div>
</div>
<div class="col-lg-5 col-md-12 ">
<div class="form-group">
<label for="" class=""> </label>
<input type="file" class="form-control" name="licence_image" value="" placeholder="" <?= empty($driver_details['licence_image']) ? 'readonly' : '' ?>>
</div>
</div>
<div class="col-md-12">
<hr>
</div>
<div class="col-lg-6 col-md-12 ">
<div class="form-group">
<label for="" class="">Driver Expire</label>
<div class="Datepicker_sec">
<input type="text" class="form-control" name="licence_expiry" value="<?= ($driver_details['licence_expiry']) ? date('d/m/Y', strtotime($driver_details['licence_expiry'])) : '' ?>" id="licence_expiry" disabled>
</div>
</div>
</div>
<div class="col-lg-1 col-md-12">
<div class="form-group">
<a href="<?= base_url() . 'public/admin_images/driver/licence_expiry_image/' . $driver_details['licence_expiry_image'] ?>" data-lightbox="<?= $driver_details['licence_expiry_image'] ?>"><img src="<?= base_url('public/admin_images/driver/licence_expiry_image/' . $driver_details['licence_expiry_image']) ?>" alt=""></a>
</div>
</div>
<div class="col-lg-5 col-md-12 ">
<div class="form-group">
<label for="" class=""> </label>
<input type="file" class="form-control" name="licence_expiry_image" placeholder="" <?= empty($driver_details['licence_expiry_image']) ? 'readonly' : '' ?> readonly>
</div>
</div>
<div class="col-md-12">
<hr>
</div>
<div class="col-lg-12 col-md-12">
<div class="form-group">
<label for="" class="mrg20R">Australian Licence </label>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="is_australian_licence" id="is_australian_licence_Yes" value="Yes" <?= $driver_details['is_australian_licence'] == 'Yes' ? 'checked' : '' ?> disabled>
<label class="form-check-label" for="is_australian_licence_Yes">Yes</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="is_australian_licence" id="is_australian_licence_No" value="No" <?= $driver_details['is_australian_licence'] == 'No' ? 'checked' : '' ?> disabled>
<label class="form-check-label" for="is_australian_licence_No">No</label>
</div>
</div>
</div>
<div class="col-md-12 Australian_Sec" style="<?= $driver_details['is_australian_licence'] == 'No' ? 'display:block;' : 'display:none;' ?>">
<div class="row">
<div class="col-lg-6 col-md-12 ">
<div class="form-group">
<label for="" class="">Passport No. <span class="asterisk"> *</span><small>(Upload passport photo page )</small></label>
<input type="text" class="form-control" name="passport_no" value="<?= $driver_details['passport_no'] ?>" <?= ($driver_details['is_australian_licence'] == 'No') ? 'readonly' : '' ?> readonly>
</div>
</div>
<div class="col-lg-1 col-md-12">
<div class="form-group">
<a href="<?= base_url() . 'public/admin_images/driver/passport_no_image/' . $driver_details['passport_no_image'] ?>" data-lightbox="<?= $driver_details['passport_no_image'] ?>"><img src="<?= base_url('public/admin_images/driver/passport_no_image/' . $driver_details['passport_no_image']) ?>" alt=""></a>
</div>
</div>
<div class="col-lg-5 col-md-12 ">
<div class="form-group">
<label for="" class=""> </label>
<input type="file" class="form-control" name="passport_no_image" placeholder="" <?= ($driver_details['is_australian_licence'] == 'No' && empty($driver_details['passport_no_image'])) ? 'readonly' : '' ?>>
<input type="hidden" name="passport_no_image_hid" value="<?=$driver_details['passport_no_image']?>">
</div>
</div>
<div class="col-md-12">
<hr>
</div>
<div class="col-lg-6 col-md-12 ">
<div class="form-group">
<label for="" class="">Passport Expire <span class="asterisk"> *</span> <small>(Upload passport address page)</small></label>
<div class="Datepicker_sec">
<input type="text" class="form-control" name="passport_expiry" value="<?= ($driver_details['passport_expiry']) ? date('d/m/Y', strtotime($driver_details['passport_expiry'])) : '' ?>" <?= ($driver_details['is_australian_licence'] == 'No') ? 'disabled' : '' ?> id="passport_expiry">
</div>
</div>
</div>
<div class="col-lg-1 col-md-12">
<div class="form-group">
<a href="<?= base_url() . 'public/admin_images/driver/passport_expiry_image/' . $driver_details['passport_expiry_image'] ?>" data-lightbox="<?= $driver_details['passport_expiry_image'] ?>"><img src="<?= base_url('public/admin_images/driver/passport_expiry_image/' . $driver_details['passport_expiry_image']) ?>" alt=""></a>
</div>
</div>
<div class="col-lg-5 col-md-12 ">
<div class="form-group">
<label> </label>
<input type="file" class="form-control" name="passport_expiry_image" value="<?=$driver_details['passport_expiry_image']?>" <?= ($driver_details['is_australian_licence'] == 'No' && empty($driver_details['passport_expiry_image'])) ? 'readonly' : '' ?> placeholder="">
<input type="hidden" name="passport_expiry_image_hid" value="<?=$driver_details['passport_expiry_image']?>">
</div>
</div>
<div class="col-lg-6 col-md-12 ">
<div class="form-group">
<label for="" class="">PROOF OF ADDRESS <span class="asterisk"> *</span></label>
<select class="form-control select2" style="width: 100%;" id="utility_bill_id" name="utility_bill_id" <?= ($driver_details['is_australian_licence'] == 'No') ? 'readonly' : '' ?>>
<option value="" selected="selected" disabled>Select address proof </option>
<?php foreach ($utility_bills as $utility_bill) { ?>
<option value="<?= $utility_bill['utility_bill_id'] ?>" <?=($driver_details['utility_bill_id']==$utility_bill['utility_bill_id']) ? 'selected' : ''?>><?= $utility_bill['utility_bill_name'] ?></option>
<?php } ?>
</select>
</div>
</div>
<div class="col-lg-1 col-md-12">
<div class="form-group">
<a href="<?= base_url() . 'public/admin_images/driver/utility_bill_image/' . $driver_details['utility_bill_image'] ?>" data-lightbox="<?= $driver_details['utility_bill_image'] ?>"><img src="<?= base_url('public/admin_images/driver/utility_bill_image/' . $driver_details['utility_bill_image']) ?>" alt=""></a>
</div>
</div>
<div class="col-lg-5 col-md-12 ">
<div class="form-group">
<label> </label>
<input type="file" class="form-control" name="utility_bill_image" value="<?=$driver_details['utility_bill_image']?>" placeholder="" <?= ($driver_details['is_australian_licence'] == 'No' && empty($driver_details['utility_bill_image'])) ? 'readonly' : '' ?>>
<input type="hidden" name="utility_bill_image_hid" value="<?=$driver_details['utility_bill_image']?>">
</div>
</div>
</div>
</div>
<div class="col-md-12">
<hr>
<h3>Bank Account Details<small> : Don’t put saver account details </small></h3>
<hr>
</div>
<div class="col-lg-4 col-md-12 ">
<div class="form-group">
<label for="" class="">Account Name <span class="asterisk"> *</span></label>
<input type="text" class="form-control" name="bank_name" value="<?= $driver_details['bank_name'] ?>" readonly placeholder="Account Name">
</div>
</div>
<div class="col-lg-4 col-md-12 ">
<div class="form-group">
<label for="" class="">BSB <span class="asterisk"> *</span></label>
<input type="text" class="form-control" name="bsb" value="<?= $driver_details['bsb'] ?>" readonly placeholder="BSB">
</div>
</div>
<div class="col-lg-4 col-md-12 ">
<div class="form-group">
<label for="" class="">Account No. <span class="asterisk"> *</span></label>
<input type="text" class="form-control" name="account_no" value="<?= $driver_details['account_no'] ?>" readonly placeholder="Account No.">
</div>
</div>
<div class="col-md-12">
<hr>
<h3>Accident History Last 5 Years</h3>
<hr>
</div>
<div class="col-lg-6 col-md-12">
<div class="form-group">
<label for="no_of_at_fault_accidents" class="mrg20R">No of At Fault Accidents</label>
<select name="no_of_at_fault_accidents" id="no_of_at_fault_accidents" class="form-control" disabled>
<option value="" selected disabled>Select</option>
<?php for ($i = 0; $i <= 10; $i++) { ?>
<option value="<?= $i ?>" <?= $driver_details['no_of_at_fault_accidents'] == $i ? 'selected' : '' ?>><?= $i ?></option>
<?php } ?>
</select>
</div>
</div>
<div class="col-lg-6 col-md-12">
<div class="form-group">
<label for="no_of_not_at_fault_accidents" class="mrg20R">No of Not At Fault Accidents</label>
<select name="no_of_not_at_fault_accidents" id="no_of_not_at_fault_accidents" class="form-control" disabled>
<option value="" selected disabled>Select</option>
<?php for ($i = 0; $i <= 10; $i++) { ?>
<option value="<?= $i ?>" <?= $driver_details['no_of_not_at_fault_accidents'] == $i ? 'selected' : '' ?>><?= $i ?></option>
<?php } ?>
</select>
</div>
</div>
<!-- <div class="col-md-12">
<hr>
<h3>Bond Details</h3>
<hr>
</div>
<div class="col-lg-6">
<div class="form-group">
<label for="" class="">Bond Amount <span class="asterisk"> *</span></label>
<div class="input-group ">
<div class="input-group-prepend">
<div class="input-group-text">$</div>
</div>
<input type="text" class="form-control" id="bond_amount" placeholder="0.00" maxlength="15" value="<?=$driver_bond_details['bond_amount']?>" disabled>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="form-group">
<label for="" class="">Date <span class="asterisk"> *</span></label>
<div class="Datepicker_sec">
<input type="text" class="form-control" placeholder="" value="<?=$driver_bond_details['bond_date']?>" disabled>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="form-group">
<label for="" class="">Payment Method <span class="asterisk"> *</span></label>
<input type="text" class="form-control" placeholder="" value="<?=$driver_bond_details['bond_payment_method']?>" disabled>
</div>
</div>
<div class="col-lg-6">
<div class="form-group">
<label for="" class="">Reference Number</label>
<input type="text" class="form-control" value="<?=$driver_bond_details['bond_reference_no']?>" placeholder="Reference Number" disabled>
</div>
</div> -->
<div class="col-md-12">
<hr>
<h3>Admin Notes</h3>
<hr>
</div>
<div class="col-md-12">
<div class="form-group">
<label for="" class="">Notes </label>
<textarea name="admin_notes" id="admin_notes" cols="" rows="5" class="form-control" placeholder="Enter Your Notes" disabled><?= $driver_details['admin_notes'] ?></textarea>
</div>
</div>
<?php if(($driver_details['status'] ==1) || ($driver_details['status'] ==2)){ ?>
<div class="col-md-12">
<div class="form-group">
<label for="" class="mrg20R">Status</label>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="status" id="inlineRadio1" value="1" <?= ($driver_details['status'] == '1') ? 'checked' : '' ?> disabled>
<label class="form-check-label" for="inlineRadio1">Active</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="status" id="inlineRadio2" value="2" <?= ($driver_details['status'] == '2') ? 'checked' : '' ?> disabled>
<label class="form-check-label" for="inlineRadio2">Inactive</label>
</div>
</div>
</div>
<?php }else{ ?>
<input type="hidden" class="form-control" name="status" value="<?= $driver_details['status'] ?>">
<?php } ?>
<!-- <div class="col-md-12">
<div class="form-group">
<button type="submit" class="btn btn-primary mrg15R">Update</button>
<a class="btn btn-danger" href="<?= base_url('admin/driver') ?>">CANCEL</a>
</div>
</div> -->
</form>
</div>
</div>
</div>
</div>
</main>
<script>
$(document).ready(function() {
$("#dob").datepicker({
dateFormat: 'dd/mm/yy',
changeMonth: true,
changeYear: true,
minDate: new Date()
});
$("#licence_expiry").datepicker({
dateFormat: 'dd/mm/yy',
changeMonth: true,
changeYear: true,
minDate: new Date()
});
$("#bond_date").datepicker({
dateFormat: 'dd/mm/yy',
changeMonth: true,
changeYear: true,
minDate: new Date()
});
$("#passport_expiry").datepicker({
dateFormat: 'dd/mm/yy',
changeMonth: true,
changeYear: true,
minDate: new Date()
});
$("input[name='is_australian_licence']").change(function() {
var is_australian_licence = $(this).val();
if (is_australian_licence == 'No') {
$(".Australian_Sec").show();
$(".Australian_Sec").find('input').prop('readonly', true);
//alert($("input[name=passport_no_image_hid]").val());
if($("input[name='passport_no_image_hid']").val()){
$("input[name='passport_no_image']").prop('readonly', false);
}
if($("input[name='passport_expiry_image_hid']").val()){
$("input[name='passport_expiry_image']").prop('readonly', false);
}
if($("input[name='utility_bill_image_hid']").val()){
$("input[name='utility_bill_image']").prop('readonly', false);
}
} else {
$(".Australian_Sec").hide();
$(".Australian_Sec").find('input').prop('readonly', false);
}
});
$('#driver_validation_form').validate({
errorPlacement: function(error, element) {
if (element.attr("type") == "checkbox") {
$(element).parents('.form-group').append(error);
} else {
$(element).parents('.form-group').append(error);
}
},
submitHandler: function(form) {
$("#approve_submit_btn").attr('disabled', true);
$("#reject_submit_btn").attr('disabled', true);
$.ajax({
url: "<?= base_url('admin/driver/edit_driver_submit') ?>",
type: form.method,
data: new FormData(form),
processData: false,
contentType: false,
async: false,
success: function(response) {
var response = JSON.parse(response);
if (response.status) {
$.confirm({
type: 'green',
title: 'Success!',
content: response.msg,
buttons: {
OK: {
btnClass: 'btn-default',
action: function() {
window.location.href = "<?= base_url('admin/driver') ?>";
}
}
}
})
} else {
$("#approve_submit_btn").prop('disabled', false);
$("#reject_submit_btn").prop('disabled', false);
$.alert({
title: 'Alert!',
content: response.msg,
type: 'red',
typeAnimated: true,
})
}
},
error: function(xhr, status, error) {
$("#approve_submit_btn").prop('disabled', false);
$("#reject_submit_btn").prop('disabled', false);
$.alert({
title: 'Alert!',
content: 'Something went wrong...',
type: 'red',
typeAnimated: true,
})
}
});
}
});
})
</script>