BBnepal-Accounts/hr/application/views/bustracking-admin/add-edit-driver.php
Sampanna Rimal 9cd05ef3cb commitall
2024-07-10 18:28:19 +05:45

367 lines
18 KiB
PHP

<style type="text/css">
.error{
color: red;
}
</style>
<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>assets-bustracking/css/style-drivers.css">
<main class="common_margin" id="main">
<div class="row dash-main-row">
<div class="col-md-10 col-lg-10 p-0">
<a href="<?php echo base_url()?>drivers">
<button type="button" class="btn btn-dark deleted-btn btn-sm" >Back</button>
</a>
<div class="block-head">
<h3 class="dash-tab-head"><?php echo $title; ?></h3>
</div>
<?php $firstname=$lastname=$name= $contact_number= $licence= $dob= $address= $image= $doc= $doc2= $doc3 = '';
if ($driver_id > 0) {
if (isset($detailsHere) && !empty($detailsHere)) {
foreach ($detailsHere as $key => $value) {
$name =explode(' ', $value['name']) ;
$firstname = $name[0];
$lastname = $name[1];
$contact_number = $value['contact_number'];
$licence = $value['licence'];
$dob = $value['dob'];
$address = $value['address'];
$image = str_replace('assets-bustracking/images/driver_images/', '', $value['image']);
$doc = str_replace('assets-bustracking/images/driver_images/', '', $value['document1']);
$doc2 = str_replace('assets-bustracking/images/driver_images/', '', $value['document2']);
$doc3 = str_replace('assets-bustracking/images/driver_images/', '', $value['document3']);
}
}
} ?>
<form action="<?php echo base_url() ?>add-edit-driver/<?php echo $driver_id ?>" method="post" id="adddriver" enctype="multipart/form-data">
<div class="input-row">
<div class="input-wrap">
<label for="">First name <span class="text-danger font-weight-bold">*</span></label>
<input type="text" placeholder="First name" class="form-control add-drivers-input" name="first_name" value="<?php echo $firstname ?>">
</div>
<div class="input-wrap">
<label for="">Last Name<span class="text-danger font-weight-bold">*</span></label>
<input type="text" placeholder="Last Name" class="form-control add-drivers-input" name="last_name" value="<?php echo $lastname ?>">
</div>
<div class="input-wrap">
<label for="">Driver's License Number<span class="text-danger font-weight-bold">*</span></label>
<input type="hidden" name="driver_id" value="<?php echo $driver_id; ?>">
<input type="text" placeholder="Driver's License No" class="form-control add-drivers-input" name="licence" value="<?php echo $licence ?>">
</div>
<div class="input-wrap">
<label for="">Contact <span class="text-danger font-weight-bold">*</span></label>
<input type="text" placeholder="Contact" class="form-control add-drivers-input" name="contact" value="<?php echo $contact_number ?>" maxlength="10">
</div>
<div class="input-wrap">
<label for="">Date of birth<span class="text-danger font-weight-bold">*</span></label>
<input type="text" placeholder ="dd-mm-yyyy" name="dob" class="form-control add-drivers-input add-dob" id="dob" value="<?php echo $dob ?>">
</div>
<div class="input-wrap">
<label for="">Address <span class="text-danger font-weight-bold">*</span></label>
<input type="text" placeholder="Address" class="form-control add-drivers-input" name="address" value="<?php echo $address ?>">
</div>
<?php if ($driver_id > 0) {?>
<div class="input-wrap" style="flex-basis: 90%;margin-right: 20px;">
<label for="" class="mt-2">Change Password</label>
<input type="checkbox" placeholder="Address" class="form-control add-drivers-input" name="address" value="<?php echo $address ?>" style="float: left;width: inherit;flex: auto;margin-right: 30px;" id="check-box">
</div>
<style type="text/css">
.pass-change-data{
display: none;
}
</style>
<?php } ?>
<div class="input-wrap pass-change-data">
<div class="form-group">
<label for="">Password<span class="text-danger font-weight-bold"> *</span></label>
<div class="password-wrp">
<input type="password" name="password" id="password" class="form-control paswd" >
<span class="passwrd-icon icon-y"><i class="far fa-eye"></i></span>
</div>
<label style="display:none" class="form_err" id='password_error'></label>
</div>
</div>
<div class="input-wrap pass-change-data">
<div class="form-group">
<label for="">Confirm Password<span class="text-danger font-weight-bold"> *</span></label>
<div class="password-wrp">
<input type="password" id="confirm-password" name="confirm_password" class=" form-control password_hide_c" >
<span class="con-pass icon-y"><i class="far fa-eye"></i></span>
</div>
<label style="display:none" class="form_err" id='confirm-password_error'></label>
</div>
</div>
<div class="input-wrap">
<label for="">Add Image <span class="text-danger font-weight-bold">*</span></label>
<div class="input-group add-drivers-input">
<div class="custom-file">
<input type="file" class="custom-file-input img-file" id="inputGroupFile00" name="image">
<label name="image" class="custom-file-label img-data" for="inputGroupFile00">
<?php echo $image ? $image: 'Add Image' ?> </label>
</div>
</div>
<label id="inputGroupFile00-error" class="error" for="inputGroupFile00"></label>
</div>
<div class="input-wrap">
<label for="">Add Document <span class="text-danger font-weight-bold">*</span></label>
<div class="input-group add-drivers-input">
<div class="custom-file add-drivers-input">
<input type="file" class="custom-file-input add-drivers-input doc2-file" id="inputGroupFile02" name="doc2">
<label class="custom-file-label doc2-data" for="inputGroupFile02"><?php echo $doc2 ? $doc2: 'Document 2' ?> </label>
</div>
</div>
<label id="inputGroupFile02-error" class="error" for="inputGroupFile02"></label>
</div>
<div class="input-wrap">
<label for="">Add Document <span class="text-danger font-weight-bold">*</span></label>
<div class="input-group add-drivers-input">
<div class="custom-file">
<input type="file" class="custom-file-input doc-file" id="inputGroupFile01" name="doc1">
<label class="custom-file-label doc-data" for="inputGroupFile01"><?php echo $doc ? $doc: 'Document 1' ?> </label>
</div>
</div>
<label id="inputGroupFile01-error" class="error" for="inputGroupFile01"></label>
</div>
<div class="input-wrap">
<label for="">Add Document <span class="text-danger font-weight-bold">*</span></label>
<div class="input-group add-drivers-input">
<div class="custom-file">
<input type="file" class="custom-file-input add-drivers-input doc3-file" id="inputGroupFile03" name="doc3">
<label class="custom-file-label doc3-data" for="inputGroupFile03"><?php echo $doc3 ? $doc3: 'Document 3' ?> </label>
</div>
</div>
<label id="inputGroupFile03-error" class="error" for="inputGroupFile03"></label>
</div>
<div class="input-wrap">
<button type="submit" name="submit" class="btn btn-primary student-update-btn assign-btn" ><?php echo $title; ?></button>
</div>
</div>
</div>
</form>
</div>
</div>
</main>
<!--End right-top side-->
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>
<script defer src="<?php echo base_url(); ?>assets-bustracking/js/main.js"></script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> -->
<link rel="stylesheet" href="https://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" />
<script src="https://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
<style type="text/css">
.error {
color: red;
font-size: 14px;
/* position: absolute; */
margin: 0;
}
.add-drivers-input {
margin-bottom: 0% !important;
height: 34px;
}
.mb-4 {
position: relative;
}
/*.custom-file{
position: relative;
margin-bottom: 10px;
}
label#inputGroupFile00-error {
position: absolute;
z-index: 99;
bottom: -20px;
}*/
.custom-file-label{
overflow: hidden;
background: #f2f0f0;
}
</style>
<script>
$(document).ready(function(){
jQuery.validator.addMethod("fullnameregex", function(value, element) {
return this.optional(element) || /^[a-zA-Z ]{1,30}$/.test(value);
}, 'Please enter alpha characters only ');
jQuery.validator.addMethod("phonenumberregex", function(value, element) {
return this.optional(element) || /^[0-9]{10}$/.test(value);
}, 'Please enter a 10 digits valid phone number.');
jQuery.validator.addMethod("inputregx", function(value, element) {
return this.optional(element) || /^[a-zA-Z0-9 ]{3,50}$/.test(value);
}, 'Please enter alpha and numeric characters only ');
jQuery.validator.addMethod("patternregx", function(value, element) {
return this.optional(element) || /^[A-Z]{2}[0-9]{11}$/.test(value);
}, 'Please enter Proper Licence Number');
jQuery.validator.addMethod("passwordregex", function(value, element) {
return this.optional(element) || /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$#!%*?&])[A-Za-z\d@$!%*#?&]{6,16}$/.test(value);
}, 'Your password must be atleast 6 characters long, which inculdes one upper case, one numerical value and one special character.');
$("#adddriver").validate({
rules: {
first_name: {
required: true,
fullnameregex: true
},
last_name:{
required: true,
fullnameregex: true
},
licence:{
required:true
},
contact:{
required:true,
phonenumberregex:true
},
dob:{
required:true
},
address:{
required:true,
inputregx:true
},
password:{
minlength: 6,
maxlength: 12,
passwordregex: true
},
confirm_password: {
required: true,
equalTo: '[name="password"]'
},
image:{
required: function(element){
var name = $('.student-update-btn').text();
if (name == 'Add Driver') {
return true;
}else{
return false;
}
}
},
doc2:{
required: function(element){
var name = $('.student-update-btn').text();
if (name == 'Add Driver') {
return true;
}else{
return false;
}
},
extension: "pdf"
},
doc1:{
required: function(element){
var name = $('.student-update-btn').text();
if (name == 'Add Driver') {
return true;
}else{
return false;
}
},
extension: "pdf"
},
doc3:{
required: function(element){
var name = $('.student-update-btn').text();
if (name == 'Add Driver') {
return true;
}else{
return false;
}
},
extension: "pdf"
}
},
messages: {
first_name: {
required: "Please Enter Name"
},
last_name:{
required: "Please Enter Last Name"
},
licence:{
required:"Enter a Valid licence"
},
contact:{
required:"Enter Valid Mobile Number"
},
dob:{
required:"Please Enter Date of Birth"
},
address:{
required:"Please Enter Address"
},
image:{
required:"Add your Photo"
},
doc1:{
required:"Enter Your Document",
extension:"Accept Only PDF"
},
doc2:{
required:"Enter Your Second Document",
extension:"Accept Only PDF"
},
doc3:{
required:"Enter Your Third Document",
extension:"Accept Only PDF"
}
},
submitHandler: function(form) {
form.submit();
}
});
});
$('.img-file').change(function (e) {
$('.img-data').text(e.target.files[0].name);
});
$('.doc-file').change(function (e) {
$('.doc-data').text(e.target.files[0].name);
});
$('.doc3-file').change(function (e) {
$('.doc3-data').text(e.target.files[0].name);
});
$('.doc2-file').change(function (e) {
$('.doc2-data').text(e.target.files[0].name);
});
//change password check box
$('input[type="checkbox"]').click(function(){
if($(this).prop("checked") == true){
$('.pass-change-data').show();
}
else if($(this).prop("checked") == false){
$('.pass-change-data').hide();
}
});
$("#dob").datepicker( { minDate: '-30Y',dateFormat: 'dd-mm-yy', maxDate: '-18Y' });
</script>