File: /var/www/html/taxicamera/application/views/admin/layouts/driver/add_new_driver.php
<style>
label.error {
color: red !important;
font-size: 9px;
font-weight: 500;
position: absolute;
bottom: -24px;
left: 0;
right: 0;
}
form .form-group {
position: relative;
}
.input-group {
position: inherit;
}
.custom_form_style label {
display: block;
}
</style>
<div class="main-content">
<div class="content-wrapper">
<div class="container-fluid">
<!-- Basic form layout section start -->
<section id="basic-form-layouts">
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<div class="page-title-wrap">
<h4 class="card-title">Add New Driver Master</h4>
<a class="title_btn t_btn_list" href="<?= base_url('admin/driver/') ?>"><span><i class="fa fa-list-ul" aria-hidden="true"></i></span> Driver List</a>
</div>
<!--<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" id="add_new_driver_frm" method="POST" enctype="multipart/form-data">
<div class="form-body">
<!--<h4 class="form-section">
<i class="icon-user"></i> Personal Details</h4>-->
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label>First name<sup>*</sup></label>
<input type="text" class="form-control" onkeypress="nospaces(this)" onkeyup="nospaces(this)" name="first_name" placeholder="First Name" value="<?php echo set_value('first_name'); ?>" required>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Middle name</label>
<input type="text" class="form-control" onkeypress="nospaces(this)" onkeyup="nospaces(this)" name="middle_name" placeholder="Middle Name" value="<?php echo set_value('middle_name'); ?>">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Last name<sup>*</sup></label>
<input type="text" class="form-control" onkeypress="nospaces(this)" onkeyup="nospaces(this)" name="last_name" placeholder="Last Name" value="<?php echo set_value('last_name'); ?>" required>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>DC No.<sup>*</sup></label>
<input type="number" class="form-control num_validation_cls" min="1" nonkeyup="nospaces(this)" name="dc_no" onkeypress="nospaces(this)" placeholder="DC" value="<?php echo set_value('dc_no'); ?>" required>
<?php echo form_error('dc_no', '<div class="error">', '</div>'); ?>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>DOB<sup>*</sup></label>
<div class="input-group">
<input type="text" class="form-control pickadate" placeholder="DOB" placeholder="" id="dob" name="dob" value="<?php echo set_value('dob'); ?>" required>
<div class="input-group-append">
<span class="input-group-text">
<span class="fa fa-calendar-o"></span>
</span>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>ABN<sup>*(Max length 11)</sup></label>
<input type="number" class="form-control" placeholder="ABN" data-length="11" name="abn" value="<?php echo set_value('abn'); ?>" required>
<span></span>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Landline No.</label>
<input type="text" onkeypress="nospaces(this)" onkeyup="nospaces(this)" class="form-control landlineNO" placeholder="Landline No." name="landline_no" value="<?php echo set_value('landline_no'); ?>">
<span></span>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Mobile Number<sup>*</sup></label>
<input type="text" onkeypress="nospaces(this)" onkeyup="nospaces(this)" class="form-control mobileNO" placeholder="Mobile Number" name="mobile" value="<?php echo set_value('mobile'); ?>" required>
<span></span>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Email<sup>*</sup></label>
<input type="email" onkeypress="nospaces(this)" onkeyup="nospaces(this)" class="form-control" name="email" placeholder="Email" value="<?php echo set_value('email'); ?>" required>
<?php echo form_error('email', '<div class="error">', '</div>'); ?>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Driver Type<sup>*</sup></label>
<select class="form-control" name="dr_driver_type" required>
<option value="">Select Driver Type</option>
<option value="1" <?=isset($_POST['dr_driver_type']) && $_POST['dr_driver_type'] == 1?'selected':'' ;?>>Sedan</option>
<option value="2" <?=isset($_POST['dr_driver_type']) && $_POST['dr_driver_type'] == 2?'selected':'' ;?>>Maxi</option>
</select>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Driver’s licence number<sup>*</sup></label>
<input type="text" onkeypress="nospaces(this)" onkeyup="nospaces(this)" class="form-control" name="dr_licence_no" placeholder="Driver’s licence number" value="<?php echo set_value('dr_licence_no'); ?>" required>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Driver’s licence Exp. Date<sup>*</sup></label>
<div class="input-group">
<input type="text" onkeypress="nospaces(this)" onkeyup="nospaces(this)" class="form-control pickadate" placeholder="DD/MM/YYYY" id="dr_licence_expiry" name="dr_licence_expiry" value="<?php echo set_value('dr_licence_expiry'); ?>" required>
<div class="input-group-append">
<span class="input-group-text">
<span class="fa fa-calendar-o"></span>
</span>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Driver DC Exp. Date<sup>*</sup></label>
<div class="input-group">
<input type="text" class="form-control pickadate" placeholder="DD/MM/YYYY" id="dr_dc_expiry" name="dr_dc_expiry" value="<?php echo set_value('dr_dc_expiry'); ?>" required>
<div class="input-group-append">
<span class="input-group-text">
<span class="fa fa-calendar-o"></span>
</span>
</div>
</div>
</div>
</div>
</div>
<h4 class="form-section">Address Details:</h4>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label>Unit No. / Flat No.</label>
<input type="text" onkeypress="nospaces(this)" onkeyup="nospaces(this)" class="form-control" name="flat_no" placeholder="Unit No. / Flat No." value="<?php echo set_value('flat_no'); ?>">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Street No.<sup>*</sup></label>
<input type="text" onkeypress="nospaces(this)" onkeyup="nospaces(this)" class="form-control" name="street_no" placeholder="Street No." value="<?php echo set_value('street_no'); ?>" required>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Street Name<sup>*</sup></label>
<input type="text" onkeypress="nospaces(this)" onkeyup="nospaces(this)" class="form-control" name="street_name" placeholder="Street Name" value="<?php echo set_value('street_name'); ?>" required>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Suburb<sup>*</sup></label>
<input type="text" class="form-control" onkeypress="nospaces(this)" onkeyup="nospaces(this)" name="suburb" placeholder="Suburb" value="<?php echo set_value('suburb'); ?>" required>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>State<sup>*</sup></label>
<input type="text" class="form-control" onkeypress="nospaces(this)" onkeyup="nospaces(this)" name="state" placeholder="State" value="<?php echo set_value('state'); ?>" required>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Post Code<sup>*(MAX LENGTH 4)</sup></label>
<input type="number" min="1" class="form-control" maxlength="4" name="pin" placeholder="Post Code" value="<?php echo set_value('pin'); ?>" required>
<span></span>
</div>
</div>
</div>
<h4 class="form-section">Driver Commission Details:</h4>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label>Commission Type<sup>*</sup></label>
<select class="form-control" name="dr_commission_id" required>
<option value="">Select Commission Type</option>
<?php foreach($commission_type as $commission){ ?>
<option value="<?=$commission['commission_id']?>" <?=isset($_POST['dr_commission_id']) && $commission['commission_id']==$_POST['dr_commission_id']?'selected':''?>><?=$commission['commission_name']?></option>
<?php } ?>
</select>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>RENTAL DAILY/WEEKLY</label>
<input type="text" min="0" class="form-control" name="dr_rental" placeholder="RENTAL DAILY/WEEKLY" value="<?php echo set_value('dr_rental'); ?>">
</div>
</div>
</div>
<h4 class="form-section">Driver Bank Details:</h4>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label>BANK NAME<sup>*</sup></label>
<input type="text" class="form-control" onkeyup="nospaces(this)" onkeypress="nospaces(this)" name="bank_name" placeholder="BANK NAME" value="<?php echo set_value('bank_name'); ?>" required>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>BSB<sup>*(MAX LENGTH 6)</sup></label>
<input type="text" class="form-control num_validation_cls" maxlength="6" data-length="6" name="bsb" placeholder="BSB Number" value="<?php echo set_value('bsb'); ?>" required>
<span></span>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Account No.<sup>*(MAX LENGTH 15)</sup></label>
<input type="text" class="form-control num_validation_cls" name="account_no" placeholder="Account No." value="<?php echo set_value('account_no'); ?>" required>
</div>
</div>
</div>
<h4 class="form-section">Driver Documents:</h4>
<sup>*Please Note : (accept file extention - .gif,.jpg,.png,.jpeg,.pdf,.doc,.docx)</sup>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label>Profile Photo<sup>*</sup></label>
<input type="file" class="" accept="image/gif,image/jpg,image/png,image/jpeg" name="profile_photo" required>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Driver Certificate<sup>*</sup></label>
<input type="file" class="" accept="image/gif,image/jpg,image/png,image/jpeg,application/pdf,application/doc,application/docx" placeholder="Driver Certificate" name="driver_certificate[]" multiple required>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Driving License<sup>*</sup></label>
<input type="file" class="" accept="image/gif,image/jpg,image/png,image/jpeg,application/pdf,application/doc,application/docx" placeholder="Driver License" name="driving_license[]" multiple required>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Login Card<sup>*</sup></label>
<input type="file" class="" accept="image/gif,image/jpg,image/png,image/jpeg,application/pdf,application/doc,application/docx" placeholder="Login Card" name="login_card[]" multiple required>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Paper DC<sup>*</sup></label>
<input type="file" class="" accept="image/gif,image/jpg,image/png,image/jpeg,application/pdf,application/doc,application/docx" placeholder="Paper DC" name="paper_dc[]" multiple required>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Signature<sup>*(accept file extention - .gif,.jpg,.png,.jpeg with height:50px & width:100px in white backgound)</sup></label>
<input type="file" class="" accept="image/gif,image/jpg,image/png,image/jpeg" placeholder="Signature" name="signature[]" required>
</div>
</div>
</div>
</div>
<div class="form-actions">
<a class="btn btn-danger mr-1" href="<?php echo base_url().'admin/driver'; ?>">
<i class="fa fa-times" aria-hidden="true"></i> Cancel
</a>
<button type="submit" class="btn btn-success">
<i class="fa fa-floppy-o" aria-hidden="true"></i> Save
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- // Basic form layout section end -->
</div>
</div>
</div>
<script>
$(document).ready(function(){
$("#add_new_driver_frm").validate({
rules: {
mobile: {
required: true,
number: true,
minlength: 10,
maxlength: 15
},
pin: {
required: true,
number: true,
minlength: 4,
maxlength: 4
},
abn: {
number: true,
minlength: 11,
maxlength: 11
},
account_no:{
number: true,
maxlength: 15
}
},
messages: {
mobile: {
minlength: "Min length is 10 digit",
maxlength: "Max length is 15 digit"
},
pin: {
minlength: "Min length is 4 digit",
maxlength: "Max length is 4 digit"
},
abn: {
minlength: "Min length is 11 digit",
maxlength: "Max length is 11 digit"
},
account_no: {
maxlength: "Max length is 15 digit"
},
}
});
var licence_exp_min_date = new Date();
licence_exp_min_date.setDate(licence_exp_min_date.getDate() + 1);
var dob_max_date = new Date();
dob_max_date.setFullYear(dob_max_date.getFullYear() - 18);
$('#dr_licence_expiry').pickadate({
format: 'dd/mm/yyyy',
min: licence_exp_min_date,
selectYears: true,
selectMonths: true
});
$('#dr_dc_expiry').pickadate({
format: 'dd/mm/yyyy',
min: licence_exp_min_date,
selectYears: true,
selectMonths: true
});
$('#dob').pickadate({
format: 'dd/mm/yyyy',
max: dob_max_date,
selectYears: true,
selectMonths: true,
selectYears: 80
});
})
// function validateNumber(mobnumber) {
// var filter = /^(\d{3})(\d{3})(\d{4})$/;
// if (filter.test(mobnumber)) {
// return true;
// } else {
// return false;
// }
// }
// function validatelandlineNumber(number) {
// var filter = /^(\d{5})(\d{4})(\d{4})$/;
// if (filter.test(number)) {
// return true;
// } else {
// return false;
// }
// }
// $(document).on('keyup','.landlineNO',function(){
// var landline_no = $(this).val();
// if(landline_no){
// if(!validatelandlineNumber(landline_no)) {
// $(this).next('span').html('Please enter valid landline no.');
// $(this).next('span').css({'color':'red','font-size':'12px'});
// }
// else{
// $(this).next('span').html('');
// }
// }
// });
// $(document).on('keyup','.mobileNO',function(){
// var mobile_no = $(this).val();
// if(mobile_no){
// if(!validateNumber(mobile_no)){
// $(this).next('span').html('Please enter a valid mobile no.');
// $(this).next('span').css({'color':'red','font-size':'12px'});
// }
// else{
// $(this).next('span').html('');
// }
// }
// });
function isNumber(evt) {
evt = (evt) ? evt : window.event;
var charCode = (evt.which) ? evt.which : evt.keyCode;
if (charCode > 31 && (charCode < 48 || charCode > 57)) {
return false;
}
return true;
}
function nospaces(t){
if(t.value.match(/\s/g) && t.value.length == 1){
alert('Sorry, you are not allowed to enter any spaces in the starting.');
t.value=t.value.replace(/\s/g,'');
}
}
</script>