1433 lines
61 KiB
PHP
Executable File
1433 lines
61 KiB
PHP
Executable File
<style>
|
||
.content {
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.switch {
|
||
position: relative;
|
||
display: inline-block;
|
||
width: 60px;
|
||
height: 31px;
|
||
vertical-align: sub;
|
||
}
|
||
|
||
.switch input {
|
||
opacity: 0;
|
||
width: 0;
|
||
height: 0;
|
||
}
|
||
|
||
.slider {
|
||
position: absolute;
|
||
cursor: pointer;
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
background-color: #ccc;
|
||
transition: .4s;
|
||
border-radius: 34px;
|
||
}
|
||
|
||
.slider:before {
|
||
position: absolute;
|
||
content: "";
|
||
height: 23px;
|
||
width: 23px;
|
||
border-radius: 50%;
|
||
left: 4px;
|
||
bottom: 4px;
|
||
background-color: white;
|
||
transition: .4s;
|
||
}
|
||
|
||
input:checked+.slider {
|
||
background-color: #2196F3;
|
||
}
|
||
|
||
input:checked+.slider:before {
|
||
transform: translateX(26px);
|
||
}
|
||
|
||
.label-text {
|
||
margin-left: 70px;
|
||
vertical-align: middle;
|
||
}
|
||
</style>
|
||
<script>
|
||
$(document).ready(function() {
|
||
$("#gender").select2();
|
||
$("#bloodgroup").select2();
|
||
$("#MartialStatus").select2();
|
||
$("#desigination").select2();
|
||
$("#work_location").select2();
|
||
$("#departmentname").select2();
|
||
$("#eduqualifaction").select2();
|
||
|
||
document.getElementById('aadharno').addEventListener('input', function(e) {
|
||
e.target.value = e.target.value.replace(/[^\d]/g, '').replace(/(.{4})/g, '$1 ').trim();
|
||
});
|
||
});
|
||
|
||
function driver_designition() {
|
||
// alert('i am in driver_designition function');
|
||
//$('#desigination').on('change', function () {
|
||
var opt = $("#desigination").val();
|
||
if (opt == 'DRIVER') {
|
||
$("#Driverlicense").attr("required", "true");
|
||
$("#LicenseExpiryDate").attr("required", "true");
|
||
//alert(opt);
|
||
} else {
|
||
// alert('else statement');
|
||
}
|
||
}
|
||
|
||
function readURL(input) {
|
||
if (input.files && input.files[0]) {
|
||
var reader = new FileReader();
|
||
|
||
reader.onload = function(e) {
|
||
$('#profilepicture')
|
||
.attr('src', e.target.result)
|
||
.width(180)
|
||
.height(180);
|
||
};
|
||
|
||
reader.readAsDataURL(input.files[0]);
|
||
}
|
||
}
|
||
|
||
$(function() {
|
||
$('#checksame').click(function() {
|
||
if ($('#checksame').prop('checked'))
|
||
|
||
{
|
||
|
||
$('#permanentaddress').val($('#currentaddress').val());
|
||
|
||
} else {
|
||
$('#permanentaddress').val('');
|
||
}
|
||
|
||
});
|
||
});
|
||
|
||
|
||
|
||
function blockKeyPress(evt) {
|
||
var charCode = (evt.which) ? evt.which : evt.keyCode;
|
||
alert(charCode);
|
||
if (charCode == 8 || charCode == 46)
|
||
|
||
{
|
||
return false;
|
||
} else {
|
||
return false;
|
||
}
|
||
}
|
||
|
||
function isNumberKey(evt) {
|
||
var charCode = (evt.which) ? evt.which : evt.keyCode;
|
||
if (charCode != 46 && charCode != 32 && charCode >= 33 &&
|
||
(charCode < 48 || charCode > 57))
|
||
return false;
|
||
|
||
return true;
|
||
}
|
||
|
||
function alpha(evt) {
|
||
var k;
|
||
document.all ? k = evt.keyCode : k = evt.which;
|
||
return ((k > 64 && k < 91) || (k > 96 && k < 123) || k == 8 || k == 32 || k == 33 || (k >= 48 && k <= 57));
|
||
}
|
||
|
||
//PAN Validate
|
||
function validatePAN() {
|
||
//var reg = /(?=.*[A-Za-z]).{5,}(?=.*[0-9]).{4,}(?=.*[A-Za-z]).{1,}$/;
|
||
var regpan = /^([a-zA-Z]){5}([0-9]){4}([a-zA-Z]){1}?$/;
|
||
var PAN = $('#panno').val();
|
||
|
||
if (PAN != '') {
|
||
if (regpan.test(PAN) == false) {
|
||
alert('Please Enter Valid PAN Number');
|
||
return (false);
|
||
} else {
|
||
return true;
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
function ValidateAadhar() {
|
||
//alert('validation entered');
|
||
//var reg = /^\d{12}$/
|
||
var reg = /^\d{4}\s\d{4}\s\d{4}$/
|
||
var aadhar = $('#aadharno').val();
|
||
//var aadhar_count = $('#aadharno').val().length;
|
||
|
||
if (aadhar != '') // && aadhar_count != '')
|
||
{
|
||
//alert('this is aadhar :'+aadhar);
|
||
// if(aadhar_count < 12)
|
||
// {
|
||
// //alert(aadhar1);
|
||
// alert('Aadhar card should be in 12 digits');
|
||
// }
|
||
// else
|
||
if (reg.test(aadhar) == false) {
|
||
//alert('alskdjsakjf');
|
||
alert('Please Enter Valid Aadhar Number');
|
||
return (false);
|
||
} else {
|
||
//alert('value inserted into database');
|
||
return true;
|
||
}
|
||
}
|
||
// else
|
||
// {
|
||
// //alert('aadhar is blank');
|
||
// alert('please Enter Aadhar number');
|
||
|
||
// }
|
||
}
|
||
|
||
|
||
|
||
function getMobileValidation() {
|
||
var contactNumber = $('#ContactNumber').val().length;
|
||
if (contactNumber < 10) {
|
||
alert('Please Enter valid Contact Number');
|
||
return false;
|
||
} else {
|
||
return true;
|
||
}
|
||
}
|
||
|
||
function getValidEmergencyNumber() {
|
||
var contactNumber = $('#emergencycontactnumber').val().length;
|
||
if (contactNumber < 10) {
|
||
alert('Please Enter valid Emergency Contact Number');
|
||
return false;
|
||
} else {
|
||
return true;
|
||
}
|
||
}
|
||
|
||
function getValidReferNumber() {
|
||
var contactNumber = $('#referrercontno').val().length;
|
||
if (contactNumber > 0 && contactNumber < 10) {
|
||
alert('Please Enter valid Refernce Contact Number');
|
||
return false;
|
||
} else {
|
||
return true;
|
||
}
|
||
}
|
||
|
||
function validateEmail() {
|
||
var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
|
||
|
||
var email = $('#emailid').val();
|
||
|
||
if (email != '') {
|
||
if (reg.test(email) == false) {
|
||
alert('Please Enter Valid Personal Email Address');
|
||
return (false);
|
||
} else {
|
||
return true;
|
||
}
|
||
} else {
|
||
alert('Please Enter email id');
|
||
}
|
||
|
||
}
|
||
|
||
function validatecomEmail() {
|
||
var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
|
||
|
||
var email = $('#mail').val();
|
||
|
||
if (email != '') {
|
||
if (reg.test(email) == false) {
|
||
alert('Please Enter Valid Company Email Address');
|
||
return (false);
|
||
} else {
|
||
return true;
|
||
}
|
||
} else {
|
||
alert('Please Enter email id');
|
||
}
|
||
|
||
}
|
||
|
||
function validateDriverLicense() {
|
||
|
||
|
||
var reg = /^[a-zA-Z]{2}[0-9]{2}\s[0-9]{11}$/;
|
||
// alert();
|
||
var VehicleNo = $('#Driverlicense').val();
|
||
if (VehicleNo != "") {
|
||
if (reg.test(VehicleNo) == false) {
|
||
alert('Please Enter Valid Driver License Number');
|
||
return (false);
|
||
} else {
|
||
return true;
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
function getAge() {
|
||
|
||
var dateString = $("#DateofBirth").val();
|
||
|
||
var today = new Date();
|
||
|
||
var dd = today.getDate();
|
||
var mm = today.getMonth() + 1;
|
||
var yyyy = today.getFullYear();
|
||
|
||
if (dd < 10) {
|
||
dd = '0' + dd;
|
||
}
|
||
if (mm < 10) {
|
||
mm = '0' + mm;
|
||
}
|
||
|
||
var today = dd + '-' + mm + '-' + yyyy;
|
||
|
||
var ageyear = yyyy - dateString.split("-")[2];
|
||
var agemonth = mm - dateString.split("-")[1];
|
||
var agedate = dateString.split("-")[0];
|
||
|
||
if (agemonth < 0 || (agemonth == 0 && dd < agedate)) {
|
||
ageyear--;
|
||
|
||
}
|
||
|
||
$("#age").val(ageyear);
|
||
|
||
}
|
||
|
||
$(function() {
|
||
var d = new Date();
|
||
|
||
var month = d.getMonth();
|
||
var day = d.getDate();
|
||
var year = d.getFullYear();
|
||
var SIAStartYear = year - 2015;
|
||
var mindt = year - 70;
|
||
var maxdt = year - 15;
|
||
|
||
$("#DateofBirth").datepicker({
|
||
minDate: new Date(mindt, 1, 1),
|
||
maxDate: new Date(maxdt, 1, 1),
|
||
dateFormat: 'dd-mm-yy',
|
||
changeMonth: true,
|
||
changeYear: true,
|
||
yearRange: '-100:+0'
|
||
|
||
|
||
});
|
||
$("#dateofjoining").datepicker({
|
||
minDate: new Date(year - SIAStartYear, 1, 1),
|
||
maxDate: 'now',
|
||
dateFormat: 'dd-mm-yy',
|
||
changeMonth: true,
|
||
changeYear: true,
|
||
|
||
|
||
|
||
});
|
||
$("#ValidTill").datepicker({
|
||
dateFormat: 'dd-mm-yy',
|
||
minDate: 'now',
|
||
changeMonth: true,
|
||
changeYear: true,
|
||
yearRange: '-0:+100'
|
||
});
|
||
$("#LicenseExpiryDate").datepicker({
|
||
dateFormat: 'dd-mm-yy',
|
||
minDate: 'now',
|
||
changeMonth: true,
|
||
changeYear: true,
|
||
yearRange: '-0:+100'
|
||
|
||
});
|
||
// $( ".selector" ).datepicker({
|
||
// dateFormat: 'yy-mm-dd' });
|
||
|
||
});
|
||
|
||
function resetphoto() {
|
||
$("#photo").src("");
|
||
}
|
||
|
||
function ValidatePassport() {
|
||
var regsaid = /^[aA-prPR-wyWY][1-9]\d\s?\d{4}[1-9]$/ig;
|
||
var passport = $("#passportno").val();
|
||
//alert(passport);
|
||
if (regsaid.test(passport) == false) {
|
||
alert('You have entered invalid Passport.');
|
||
return (false);
|
||
} else {
|
||
return true;
|
||
}
|
||
|
||
}
|
||
|
||
function onlyAlphabets(evt) {
|
||
var charCode;
|
||
if (window.event)
|
||
charCode = window.event.keyCode; //for IE
|
||
else
|
||
charCode = evt.which; //for firefox
|
||
if (charCode == 32) //for <space> symbol
|
||
return true;
|
||
if (charCode > 31 && charCode < 65) //for characters before 'A' in ASCII Table
|
||
return false;
|
||
if (charCode > 90 && charCode < 97) //for characters between 'Z' and 'a' in ASCII Table
|
||
return false;
|
||
if (charCode > 122) //for characters beyond 'z' in ASCII Table
|
||
return false;
|
||
return true;
|
||
}
|
||
|
||
|
||
function validatePF() {
|
||
var regpf = /^\d{12}$/;
|
||
|
||
|
||
var PF = $('#pfno').val();
|
||
|
||
if (PF != '') {
|
||
if (regpf.test(PF) == false) {
|
||
alert('Please Enter Valid UAN');
|
||
return (false);
|
||
} else {
|
||
return true;
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
function validateESI() {
|
||
var reg = /(?=.*[0-9]).{10,}$/;
|
||
|
||
var ESI = $('#esino').val();
|
||
|
||
if (ESI != '') {
|
||
if (reg.test(ESI) == false) {
|
||
alert('Please Enter Valid ESI Number');
|
||
return (false);
|
||
} else {
|
||
return true;
|
||
}
|
||
}
|
||
|
||
}
|
||
</script>
|
||
<style>
|
||
/* legend{
|
||
color:#00c0ef ! important;
|
||
} */
|
||
.form-group {
|
||
padding-bottom: 4%;
|
||
}
|
||
|
||
.pad {
|
||
padding-bottom: 1%;
|
||
}
|
||
|
||
.badge {
|
||
color: red;
|
||
background-color: #fff;
|
||
}
|
||
|
||
legend {
|
||
border-bottom: 1px solid #ae9797 !important;
|
||
}
|
||
|
||
.box {
|
||
border-top: 0px solid #70b673 !important;
|
||
}
|
||
</style>
|
||
|
||
|
||
<div class="content-wrapper">
|
||
<!-- Content Header (Page header) -->
|
||
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div class="col-md-1"></div>
|
||
<div class="col-md-5">
|
||
<b>
|
||
<h3>Add Employee</h3>
|
||
</b>
|
||
</div>
|
||
<div class="col-md-5" style="margin-top: 20px;margin-bottom: 10px;text-align:right;">
|
||
<a href="<?php echo base_url() ?>employeeListing" class="btn btn-dark waves-effect waves-light" value="Back">Back</a>
|
||
</div>
|
||
<div class="col-md-1"></div>
|
||
</div>
|
||
</div>
|
||
<section class="content">
|
||
<br />
|
||
<div class="row">
|
||
<!-- left column -->
|
||
<div class="col-md-12">
|
||
<!-- general form elements -->
|
||
|
||
<div class="box box-success">
|
||
<!-- /.box-header -->
|
||
<!-- form start -->
|
||
|
||
|
||
<form role="form" id="addemployee" method="POST" action="<?php echo base_url() ?>addNewEmployee"
|
||
enctype="multipart/form-data" action="<?= base_url() . "addNewEmployee"; ?>">
|
||
|
||
<div class="row">
|
||
<div class="col-md-10 col-md-offset-1">
|
||
<form class="form-horizontal" role="form">
|
||
<fieldset>
|
||
|
||
|
||
<legend>Personal Information</legend>
|
||
|
||
<div class="col-md-12">
|
||
<div class="col-md-3">
|
||
|
||
<div class="box-header">
|
||
<img id="profilepicture"
|
||
src="<?php echo base_url(); ?>public/assets/dist/img/avatar.png"
|
||
alt="your image" style="width: 139px;" /><br />
|
||
<input type='file' onchange="readURL(this);" id="photo"
|
||
name="photo" />
|
||
<label for="photo">Select profile picture<br /><small>(only .jpg or
|
||
.png)</small></label>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
</div>
|
||
|
||
<div class="col-md-9">
|
||
|
||
<div class="col-md-12">
|
||
|
||
<div class="col-md-6 pad">
|
||
<span>Full Name</span><span class="badge">*</span>
|
||
<input type="text" name="FirstName"
|
||
onkeypress="return onlyAlphabets(event);" maxlength="100"
|
||
id="FirstName" class="form-control" required>
|
||
</div>
|
||
|
||
<div class="col-md-6 pad"><span>Father / Husband Name</span><span
|
||
class="badge">*</span>
|
||
<input type="text" name="FatherName"
|
||
onkeypress="return onlyAlphabets(event);" id="FatherName"
|
||
maxlength="200" class="form-control" required>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-12">
|
||
|
||
<div class="col-md-6 pad"><span>Contact Number</span><span
|
||
class="badge">*</span>
|
||
<input type="text" name="ContactNumber"
|
||
onchange="return getMobileValidation();" id="ContactNumber"
|
||
required pattern="(.){10,10}" maxlength="10"
|
||
class="form-control" onkeypress="return isNumberKey(event)">
|
||
</div>
|
||
|
||
<div class="col-md-6 pad"><span>Gender</span><span
|
||
class="badge">*</span>
|
||
<select id="gender" name="gender" type="text" required
|
||
class="form-control select2">
|
||
<option value="">Select Gender</option>
|
||
<?php
|
||
if(!empty($Gender))
|
||
{
|
||
foreach ($Gender as $rl)
|
||
{
|
||
?>
|
||
<option value="<?php echo $rl->ConfigValue ?>">
|
||
<?php echo $rl->ConfigValue ?></option>
|
||
<?php
|
||
}
|
||
}
|
||
?>
|
||
</select>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="col-md-12">
|
||
<div class="col-md-6 pad"><span>Date Of Birth</span><span
|
||
class="badge">*</span>
|
||
<input id="DateofBirth" required name="DateofBirth"
|
||
onkeypress="return false;" maxlength="10"
|
||
onchange="getAge();" class="form-control">
|
||
</div>
|
||
<div class="col-md-6 pad"><span>Age</span>
|
||
<input type="text" name="age" id="age" class="form-control"
|
||
readonly>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
<div class="col-md-12">
|
||
<div class="col-md-6 pad"><span>Personal Email ID</span>
|
||
<input type="email" name="emailid" id="emailid" maxlength="100"
|
||
class="form-control">
|
||
</div>
|
||
<div class="col-md-6 pad"> <span>Official Email ID</span>
|
||
<input type="email" name="comemailid" id="mail" maxlength="100"
|
||
class="form-control">
|
||
</div>
|
||
|
||
|
||
</div>
|
||
<div class="col-md-12">
|
||
|
||
|
||
|
||
|
||
<div class="col-md-6 pad">
|
||
|
||
<span>Blood group</span><span class="badge">*</span>
|
||
<select id="bloodgroup" name="bloodgroup" required
|
||
class="form-control select2">
|
||
<option value="">Select Blood group</option>
|
||
<?php
|
||
if(!empty($BloodGroup))
|
||
{
|
||
foreach ($BloodGroup as $rl)
|
||
{
|
||
?>
|
||
<option value="<?php echo $rl->ConfigValue ?>">
|
||
<?php echo $rl->ConfigValue ?></option>
|
||
<?php
|
||
}
|
||
}
|
||
?>
|
||
</select>
|
||
</div>
|
||
|
||
<div class="col-md-6 pad">
|
||
<span>Marital Status</span><span class="badge">*</span>
|
||
<select id="MartialStatus" name="MartialStatus" type="text"
|
||
required placeholder="Marital status"
|
||
class="form-control select2">
|
||
<option value="">Select Marital Status</option>
|
||
<?php
|
||
if(!empty($Martial))
|
||
{
|
||
foreach ($Martial as $rl)
|
||
{
|
||
?>
|
||
<option value="<?php echo $rl->ConfigValue ?>">
|
||
<?php echo $rl->ConfigValue ?></option>
|
||
<?php
|
||
}
|
||
}
|
||
?>
|
||
</select>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
<legend>Address Details</legend>
|
||
|
||
<div class="col-md-12 pad">
|
||
<div class="col-md-12"><span>Current Address</span><span
|
||
class="badge">*</span>
|
||
<input type="text" id="currentaddress" required name="currentaddress"
|
||
pattern=".{0,500}" maxlength="500" class="form-control">
|
||
</div>
|
||
</div>
|
||
<div class="col-md-12 pad">
|
||
<div class="col-md-10">
|
||
<input type="checkbox" id="checksame" name="sameaddress"
|
||
onclick="CheckClick"> Current address same as permanent address
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-md-12 pad">
|
||
<div class="col-md-12"><span>Permanent Address</span><span
|
||
class="badge">*</span>
|
||
<input type="text" id="permanentaddress" required
|
||
name="permanentaddress" pattern=".{0,500}" maxlength="500"
|
||
class="form-control">
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="col-md-12 pad">
|
||
<div class="col-md-6"><span>Emergency Contact Name</span>
|
||
<input type="text" id="emergencycontactname"
|
||
onkeypress="return onlyAlphabets(event);" maxlength="100"
|
||
name="emergencycontactname" class="form-control">
|
||
</div>
|
||
<div class="col-md-6"><span>Emergency Contact Number</span>
|
||
<input type="text" id="emergencycontactnumber"
|
||
name="emergencycontactnumber"
|
||
onchange="return getValidEmergencyNumber();" pattern="(.){10,10}"
|
||
maxlength="10" class="form-control"
|
||
onkeypress="return isNumberKey(event)">
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
<legend>Work Profile</legend>
|
||
|
||
|
||
<div class="col-md-12 pad">
|
||
<div class="col-md-3"><span>Designation</span><span class="badge">*</span>
|
||
<select type="text" id="desigination" name="desigination" required
|
||
class="form-control select2">
|
||
<option value="">Select Designation</option>
|
||
<?php
|
||
if(!empty($Designation))
|
||
{
|
||
foreach ($Designation as $rl)
|
||
{
|
||
?>
|
||
<option value="<?php echo $rl->ConfigValue ?>">
|
||
<?php echo $rl->ConfigValue ?></option>
|
||
<?php
|
||
}
|
||
}
|
||
?>
|
||
</select>
|
||
|
||
</div>
|
||
<div class="col-md-3"><span>Department</span><span class="badge">*</span>
|
||
<select type="text" id="departmentname" name="departmentname" required
|
||
class="form-control select2">
|
||
<option value="">Select Department</option>
|
||
<?php
|
||
if(!empty($Department))
|
||
{
|
||
foreach ($Department as $rl)
|
||
{
|
||
?>
|
||
<option value="<?php echo $rl->DEPCode ?>">
|
||
<?php echo $rl->DEPCode." - " .$rl->DepartmentName ?></option>
|
||
<?php
|
||
}
|
||
}
|
||
?>
|
||
</select>
|
||
|
||
</div>
|
||
<div class="col-md-3"><span>Date Of Joining</span><span
|
||
class="badge">*</span>
|
||
<input id="dateofjoining" name="dateofjoining"
|
||
onkeypress="return false;" maxlength="10" required
|
||
class="form-control">
|
||
</div>
|
||
<div class="col-md-3"><span>Previous Years of Experience</span>
|
||
<input type="text" id="Previousexperience" name="Previousexperience"
|
||
maxlength="4" onkeypress="return isNumberKey(event)"
|
||
class="form-control">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-md-12 pad">
|
||
<div class="col-md-3"><span>Qualification</span><span class="badge">*</span>
|
||
<select type="text" id="eduqualifaction" name="eduqualifaction" required
|
||
class="form-control select2">
|
||
<option value="">Select Qualification</option>
|
||
<?php
|
||
if(!empty($Qualification))
|
||
{
|
||
foreach ($Qualification as $rl)
|
||
{
|
||
?>
|
||
<option value="<?php echo $rl->ConfigValue ?>">
|
||
<?php echo $rl->ConfigValue ?></option>
|
||
<?php
|
||
}
|
||
}
|
||
?>
|
||
</select>
|
||
|
||
</div>
|
||
<div class="col-md-3" style="display:none"><span>Additional Qualification</span>
|
||
<input type="text" id="addqualification" name="addqualification"
|
||
maxlength="100" class="form-control">
|
||
</div>
|
||
<div class="col-md-3" style="display:none"><span>Referred By</span>
|
||
<input type="text" id="referredby"
|
||
onkeypress="return onlyAlphabets(event);" name="referredby"
|
||
maxlength="100" class="form-control">
|
||
</div>
|
||
<div class="col-md-3" style="display:none"><span>Referrer Contact Number</span>
|
||
<input type="text" id="referrercontno" name="referrercontno"
|
||
onchange=" return getValidReferNumber();" maxlength="10"
|
||
onkeypress="return isNumberKey(event)" class="form-control">
|
||
</div>
|
||
|
||
<!-- </div>
|
||
<div class="col-md-12 pad"> -->
|
||
|
||
|
||
<div class="col-md-3"><span>Work Location</span><span class="badge">*</span>
|
||
<select type="text" id="work_location" name="work_location" required
|
||
class="form-control select2">
|
||
<option value="">Select Work Location</option>
|
||
<?php
|
||
if(!empty($Location))
|
||
{
|
||
foreach ($Location as $rl)
|
||
{
|
||
?>
|
||
<option value="<?php echo $rl->ConfigValue ?>">
|
||
<?php echo $rl->ConfigValue ?></option>
|
||
<?php
|
||
}
|
||
}
|
||
?>
|
||
</select>
|
||
|
||
</div>
|
||
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<span
|
||
style="display: inline-block; vertical-align: bottom; margin-right: 10px; margin-bottom: 10px;">Management
|
||
Team</span>
|
||
<label class="switch">
|
||
<input type="checkbox" name="is_management_team" value="0"
|
||
onchange="updateSwitchValue(this)" />
|
||
<span class="slider"></span>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<legend>Bank Details</legend>
|
||
|
||
|
||
<div class="col-md-12 pad">
|
||
<div class="col-md-3"><span>Bank Name</span><span class="badge">*</span>
|
||
<input type="text" id="bankbranchname" name="bankbranchname"
|
||
class="form-control" required>
|
||
</div>
|
||
<div class="col-md-3"><span>Account Number</span><span
|
||
class="badge">*</span>
|
||
<input type="text" id="accountno" onkeypress="return isNumberKey(event)"
|
||
maxlength="20" name="accountno" class="form-control" required>
|
||
</div>
|
||
<div class="col-md-3"><span>IFSC Code</span></span><span
|
||
class="badge">*</span>
|
||
<input type="text" id="ifsccode" name="ifsccode" placeholder="IFSC Code"
|
||
class="form-control" onkeypress="return alpha(event);"
|
||
style="text-transform: uppercase" required>
|
||
</div>
|
||
<div class="col-md-3"><span>Bank Address</span>
|
||
<input type="text" id="bankaddress" name="bankaddress"
|
||
placeholder="Bank Address" maxlength="200" class="form-control">
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<legend>Employee benefits</legend>
|
||
|
||
|
||
<div class="col-md-12 pad">
|
||
|
||
<div class="col-md-12">
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<span for="Basic_Pay">Total Salary</span>
|
||
<font color="Red">*</font>
|
||
|
||
<input type="text" name="Total_salary" id="Total_salary"
|
||
value="<?php echo set_value('Total_salary'); ?>"
|
||
pattern="([0-9]{1,8}([.][0-9]{1,2})?)"
|
||
class="form-control num" style="text-transform:uppercase;"
|
||
title="Enter Valid Total salary Amount, Minimum Four Digit Positive Number"
|
||
onchange="calculalteHRA();" />
|
||
|
||
</div>
|
||
</div>
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<span for="Basic_Pay">Basic Pay</span>
|
||
<font color="Red">*</font>
|
||
<input type="text" name="Basic_Pay" id="Basic_Pay"
|
||
value="<?php echo set_value('Basic_Pay'); ?>"
|
||
pattern="[0-9]{4,6}" class="form-control num"
|
||
style="text-transform:uppercase;"
|
||
title="Enter Valid Basic Pay Amount, Minimum Four Digit Positive Number"
|
||
readonly />
|
||
|
||
</div>
|
||
</div>
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<span for="HRA_Rate">HRA Rate(%)</span>
|
||
<font color="Red">*</font>
|
||
|
||
<input type="text" name="HRA_Rate" id="HRA_Rate"
|
||
value="<?= $hra_rate; ?>" class="form-control num"
|
||
style="text-transform:uppercase;"
|
||
pattern="([0-9]{1,2}([.][0-9]{1,2})?)"
|
||
title="Enter the Valid HRA Rate, Minimum 1 digit, Maximum 2 digit"
|
||
readonly />
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<span for="HRA_Rate">HRA Amount</span>
|
||
<font color="Red">*</font>
|
||
<input type="text" name="HRA_Amount" id="HRA_Amount"
|
||
class="form-control num" style="text-transform:uppercase;"
|
||
readonly />
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
<div class="col-md-12">
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<span
|
||
style="display: inline-block; vertical-align: bottom; margin-right: 10px; margin-bottom: 10px;">ESI
|
||
Applicable</span>
|
||
<label class="switch">
|
||
<input type="checkbox" name="esi_applicable" value="0"
|
||
onchange="updateSwitchValue(this)" />
|
||
<span class="slider"></span>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-3">
|
||
<div class="form-group"><span>ESI Number</span>
|
||
<input type="text" id="esino" name="esino" maxlength="10"
|
||
onchange="validateESI();" class="form-control"
|
||
title=" 10 digit number"
|
||
onkeypress="return isNumberKey(event)">
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<span for="ESI_Rate">ESI Rate(%)</span>
|
||
<font color="Red">*</font>
|
||
<input type="text" name="ESI_Rate" value="<?= $esi_rate; ?>"
|
||
class="form-control num" style="text-transform:uppercase;"
|
||
pattern="([0-9]{1,2}([.][0-9]{1,2})?)"
|
||
title="Enter the Valid ESI Rate, Minimum 1 digit, Maximum 2 digits"
|
||
readonly />
|
||
|
||
</div>
|
||
</div>
|
||
<div class="col-md-3"></div>
|
||
</div>
|
||
|
||
<div class="col-md-12">
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<span
|
||
style="display: inline-block; vertical-align: bottom; margin-right: 10px; margin-bottom: 10px;">PF
|
||
Applicable</span>
|
||
<label class="switch">
|
||
<input type="checkbox" name="pf_applicable" value="0"
|
||
onchange="updateSwitchValue(this)" />
|
||
<span class="slider"></span>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="col-md-3">
|
||
<div class="form-group"><span>UAN</span>
|
||
<input type="text" id="pfno" name="pfno" maxlength="22"
|
||
onchange="validatePF();" class="form-control"
|
||
style="text-transform:uppercase"
|
||
pattern="\d{12}"
|
||
title="12 Digit number"
|
||
onkeypress="return alpha(event);">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<span for="PF_Rate">PF Rate(%)</span>
|
||
<font color="Red">*</font>
|
||
<input type="text" name="PF_Rate" value="<?= $pf_rate; ?>"
|
||
class="form-control num" style="text-transform:uppercase;"
|
||
pattern="([0-9]{1,2}([.][0-9]{1,2})?)"
|
||
title="Enter the valid PF Rate, Minimum 1 digit, Maximum 2 digits"
|
||
readonly />
|
||
|
||
</div>
|
||
</div>
|
||
<div class="col-md-3"></div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
<legend>ID Proof</legend>
|
||
|
||
|
||
<div class="col-md-12 pad">
|
||
<div class="col-md-3"><span>Aadhar Number</span> <span
|
||
class="badge">*</span>
|
||
<input type="text" id="aadharno" name="aadharno" maxlength="14"
|
||
onchange="ValidateAadhar();" class="form-control"
|
||
onkeypress="return isNumberKey(event)" required>
|
||
</div>
|
||
<div class="col-md-3"><span>PAN Number</span>
|
||
<input type="text" id="panno" maxlength="10"
|
||
style="text-transform:uppercase" name="panno"
|
||
onchange="validatePAN();" class="form-control"
|
||
pattern="([a-zA-Z]){5}([0-9]){4}([a-zA-Z]){1}"
|
||
title=" 5 character,4 Digit Numbers,1 character (ex:ABCDE1234A) "
|
||
onkeypress="return alpha(event);">
|
||
</div>
|
||
<div class="col-md-3"><span>Passport Number</span>
|
||
<input type="text" id="passportno" maxlength="9"
|
||
onchange="ValidatePassport();" name="passportno"
|
||
style="text-transform:uppercase" class="form-control"
|
||
pattern="[aA-prPR-wyWY]{1}[1-9]{1}\d{1}\s\d{4}[1-9]{1}" title="The first digit or the last digit will never be 0
|
||
The first character cannot be Q, X or Z. (eg:A12 34567)" onkeypress="return alpha(event);">
|
||
</div>
|
||
<div class="col-md-3"><span>Passport Expiry Date</span>
|
||
<input id="ValidTill" name="ValidTill" onkeypress="return false;"
|
||
maxlength="10" class="form-control">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-md-12 pad">
|
||
<div class="col-md-3"><span>Voter ID</span>
|
||
<input type="text" id="VoterID" name="voterID" maxlength="12"
|
||
class="form-control" style="text-transform: uppercase">
|
||
</div>
|
||
<div class="col-md-3"><span>Driving License</span>
|
||
<input type="text" id="Driverlicense"
|
||
onchange="validateDriverLicense();" style="text-transform:uppercase"
|
||
pattern="[a-zA-Z]{2}[0-9]{2}\s[0-9]{11}" title="EX:TN82 12345678900"
|
||
maxlength="16" name="driverlicense" class="form-control"
|
||
onkeypress="return alpha(event);">
|
||
</div>
|
||
|
||
<div class="col-md-3"><span>Driving License Expiry Date</span>
|
||
<input id="LicenseExpiryDate" name="licenseExpiryDate"
|
||
onkeypress="return false;" maxlength="10" class="form-control">
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<legend>Nominee Details</legend>
|
||
|
||
|
||
<div class="col-md-12 pad">
|
||
<div class="col-md-12"><span>Nominee reference</span>
|
||
<input type="text" id="nomineename" name="nomineename" maxlength="255"
|
||
class="form-control">
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<legend>Files</legend>
|
||
|
||
<div class="files">
|
||
<div class="col-md-12 pad ">
|
||
<div class="col-md-4">
|
||
<span>File Name</span>
|
||
<input type="text" id="file_name" name="file_name[]" maxlength="255"
|
||
class="form-control">
|
||
</div>
|
||
<div class="col-md-4">
|
||
<span>File</span>
|
||
<input type="file" name="emp_file[]" class="form-control">
|
||
</div>
|
||
<div class="col-md-4" style="margin-top: 23px;">
|
||
<button type="button" class="btn btn-primary btn-sm a1"
|
||
onclick="appendFilesFileds()" id="day">
|
||
Add
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<div id="filesContainer"></div>
|
||
</div>
|
||
|
||
<div style="padding: 70px;"></div>
|
||
|
||
|
||
|
||
<!-- Command -->
|
||
|
||
<div class="col-md-12 pad">
|
||
<div class="col-md-3 col-md-offset-9">
|
||
<div class="pull-right">
|
||
<input type="reset" id="reset" onclick="resetphoto();"
|
||
class="btn btn-reset" value="Reset" />
|
||
<input type="submit" id="submit" onclick="validate();"
|
||
class="btn btn-success" value="Submit" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</fieldset>
|
||
</form>
|
||
</div><!-- /.col-lg-12 -->
|
||
</div><!-- /.row -->
|
||
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<?php
|
||
helper('form');
|
||
$error = session()->getFlashdata('error');
|
||
if($error)
|
||
{
|
||
?>
|
||
<div class="alert alert-danger alert-dismissable">
|
||
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
|
||
<?php echo session()->getFlashdata('error'); ?>
|
||
</div>
|
||
<?php } ?>
|
||
<?php
|
||
$success = session()->getFlashdata('success');
|
||
if($success)
|
||
{
|
||
?>
|
||
<div class="alert alert-success alert-dismissable">
|
||
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
|
||
<?php echo session()->getFlashdata('success'); ?>
|
||
</div>
|
||
<?php } ?>
|
||
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<?php // \Config\Services::validation()->listErrors('<div class="alert alert-danger alert-dismissable">', ' <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button></div>'); ?>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
</div>
|
||
|
||
<script src="<?php echo base_url(); ?>public/assets/js/addUser.js" type="text/javascript"></script>
|
||
<script>
|
||
function updateSwitchValue(checkbox) {
|
||
checkbox.value = checkbox.checked ? "1" : "0";
|
||
}
|
||
|
||
function calculalteHRA() {
|
||
//var empid=document.getElementById('emp').value;
|
||
//alert(empid);
|
||
var Totalsalary = document.getElementById('Total_salary').value;
|
||
var HRA = document.getElementById('HRA_Rate').value;
|
||
//if(EmpID == -1){alert("Select Employee ID..!");}
|
||
if (HRA == '') {
|
||
alert("Please Enter HRA RATE..");
|
||
document.getElementById('HRA_Rate').focus();
|
||
} else if (Totalsalary == '') {
|
||
alert("Please Enter Total Salary..");
|
||
document.getElementById('total_salary').focus();
|
||
} else {
|
||
var temp = (Totalsalary * (HRA / 100));
|
||
var basic = Totalsalary - temp;
|
||
document.getElementById('Basic_Pay').value = basic;
|
||
document.getElementById('HRA_Amount').value = temp;
|
||
}
|
||
}
|
||
|
||
function appendFilesFileds(data) {
|
||
var newRowHtml = `
|
||
<div class="col-md-12 pad">
|
||
<div class="col-md-4">
|
||
<span for="file_name">File name</span>
|
||
<input type="text" id="file_name" name="file_name[]" maxlength="255" class="form-control" value="${data != null && data != '' ? data.file_name : ''}">
|
||
</div>
|
||
<div class="col-md-4">
|
||
<span for="emp_file">File</span>
|
||
<input type="file" name="emp_file[]" class="form-control">
|
||
</div>
|
||
<div class="col-md-4" style="margin-top: 23px;">
|
||
<button type="button" class="btn btn-danger btn-sm" onclick="removeContact(this)">Remove</button>
|
||
<button type="button" class="btn btn-primary btn-sm a1" onclick="appendFilesFileds()">Add</button>
|
||
</div>
|
||
</div>`;
|
||
|
||
$('#filesContainer').append(newRowHtml);
|
||
$('.a1').hide();
|
||
$('#filesContainer .pad:last .a1').show();
|
||
}
|
||
|
||
function removeContact(button) {
|
||
$(button).closest('.pad').remove();
|
||
$('#filesContainer .a1').hide();
|
||
$('#filesContainer .pad:last .a1').show();
|
||
var len = $('#filesContainer .pad:last .a1')
|
||
var length = len.length;
|
||
if (length == 0) {
|
||
$('#day').show()
|
||
} else {
|
||
$('#day').hide()
|
||
}
|
||
}
|
||
|
||
function Validate() {
|
||
if ($("#FirstName").val().length < 1) {
|
||
alert('Please Enter FirstName');
|
||
$("#FirstName").focus();
|
||
return false;
|
||
}
|
||
if ($("#LastName").val().length < 1) {
|
||
alert('Please Enter LastName');
|
||
return false;
|
||
}
|
||
if ($("#FatherName").val().length < 1) {
|
||
alert('Please Enter FatherName');
|
||
return false;
|
||
}
|
||
if ($("#DateofBirth").val().length < 1) {
|
||
alert('Please Enter Date of Birth');
|
||
return false;
|
||
}
|
||
if ($('#ContactNumber').val().length < 1) {
|
||
alert('Please Enter Contact Number');
|
||
return false;
|
||
} else if (!getMobileValidation()) {
|
||
return false;
|
||
}
|
||
|
||
|
||
|
||
|
||
if ($("#emailid").val().length < 1) {
|
||
alert('Please Enter Personal Email ID');
|
||
return false;
|
||
} else if (!validateEmail()) {
|
||
return;
|
||
}
|
||
|
||
if ($("#mail").val().length < 1) {
|
||
alert('Please Enter Company Email ID');
|
||
return false;
|
||
} else if (!validatecomEmail()) {
|
||
return;
|
||
}
|
||
|
||
if ($("option:selected", $("#gender")).val() == '-1') {
|
||
alert('Please Select Gender');
|
||
$('#gender').focus();
|
||
return false;
|
||
}
|
||
|
||
if ($("option:selected", $("#MartialStatus")).val() == "-1") {
|
||
alert('Please Select Martial Status');
|
||
$('#MartialStatus').focus();
|
||
return false;
|
||
}
|
||
|
||
if ($("option:selected", $("#bloodgroup")).val() == "-1") {
|
||
alert('Please Select Blood group ');
|
||
$("#bloodgroup").focus();
|
||
return false;
|
||
}
|
||
if ($("#currentaddress").val().length < 1) {
|
||
alert('Please Enter Current Address');
|
||
return false;
|
||
}
|
||
if ($("#permanentaddress").val().length < 1) {
|
||
alert('Please Enter Permanent Address');
|
||
return false;
|
||
}
|
||
if ($("#emergencycontactname").val().length < 1) {
|
||
alert('Please Enter Emergency Contact Name');
|
||
return false;
|
||
}
|
||
if ($("#emergencycontactnumber").val().length < 1) {
|
||
alert('Please Enter Emergency Contact Number');
|
||
return false;
|
||
} else if (!getValidEmergencyNumber()) {
|
||
return false;
|
||
}
|
||
|
||
|
||
if ($("option:selected", $("#desigination")).val() == "-1") {
|
||
alert('Please Select Desigination ');
|
||
$("#desigination").focus();
|
||
return false;
|
||
}
|
||
if ($("option:selected", $("#departmentname")).val() == "-1") {
|
||
alert('Please Select Department name');
|
||
$("#departmentname").focus();
|
||
return false;
|
||
}
|
||
if ($("option:selected", $("#eduqualifaction")).val() == "-1") {
|
||
alert('Please Select Qualification');
|
||
$("#eduqualifaction").focus();
|
||
return false;
|
||
}
|
||
|
||
if ($("#referrercontno").val().length > 0) {
|
||
getValidReferNumber();
|
||
}
|
||
|
||
if ($("#passportno").val().length > 1) {
|
||
ValidatePassport();
|
||
|
||
}
|
||
|
||
|
||
}
|
||
$("#emailid").change(function() {
|
||
|
||
var id = $('#emailid').val();
|
||
if (validateEmail()) {
|
||
$('#loader').show();
|
||
$.ajax({
|
||
data: {
|
||
id: id
|
||
},
|
||
|
||
type: "POST",
|
||
url: "<?php echo base_url();?>employeeEmailExist",
|
||
success: function(data) {
|
||
if (data) {
|
||
// alert(data+""+" Employee already exists in the database.Please Change the Email id")
|
||
// $('#emailid').val('');
|
||
// $('#emailid').focus();
|
||
|
||
var answer = confirm(data + "" +
|
||
" Employee already exists in the database.Do you want to change the Email id ?"
|
||
)
|
||
if (answer) {
|
||
$('#emailid').val('');
|
||
$('#emailid').focus();
|
||
} else {
|
||
alert('please edit the emailid in the edit employee screen');
|
||
window.location = 'employeedetails/employeeListing';
|
||
}
|
||
}
|
||
$('#loader').hide();
|
||
}
|
||
|
||
});
|
||
}
|
||
|
||
});
|
||
|
||
$('#panno').change(function() {
|
||
|
||
var id = $('#panno').val();
|
||
if (id != '') {
|
||
$.ajax({
|
||
data: {
|
||
id: id
|
||
},
|
||
|
||
type: "POST",
|
||
url: "<?php echo base_url();?>employeePANExist",
|
||
success: function(data) {
|
||
if (data) {
|
||
// alert( data+""+" Employee already exists in the database.Please Change the Pan Card Number");
|
||
// $('#panno').val('');
|
||
// $('#panno').focus();
|
||
|
||
var answer = confirm(data + " " +
|
||
" Employee details is already exists in the database.Do you want to change the Employee details?"
|
||
)
|
||
if (answer) {
|
||
$('#panno').val('');
|
||
$('#panno').focus();
|
||
return false;
|
||
} else {
|
||
alert('please edit the PAN number in the Edit employee screen');
|
||
window.location = 'employeeListing';
|
||
}
|
||
|
||
}
|
||
}
|
||
|
||
});
|
||
} else {
|
||
//alert();
|
||
alert('Please enter the PAN Number');
|
||
$('#panno').focus();
|
||
return false;
|
||
}
|
||
|
||
});
|
||
//
|
||
$('#aadharno').change(function() {
|
||
|
||
var id = $('#aadharno').val();
|
||
if (id != '') {
|
||
$.ajax({
|
||
data: {
|
||
id: id
|
||
},
|
||
|
||
type: "POST",
|
||
url: "<?php echo base_url();?>employeecheckAadharNoExist",
|
||
success: function(data) {
|
||
if (data) {
|
||
// alert( data+""+" Employee already exists in the database.Please Change the Aadhar card Number");
|
||
// $('#aadharno').val('');
|
||
// $('#aadharno').focus();
|
||
|
||
var answer = confirm(data + " " +
|
||
" employee details is already exists in the database.Do you want to change the Employee details?"
|
||
)
|
||
if (answer) {
|
||
$('#aadharno').val('');
|
||
$('#aadharno').focus();
|
||
return false;
|
||
} else {
|
||
alert('please edit the aadhar number in the edit employee screen');
|
||
window.location = 'employeeListing';
|
||
}
|
||
|
||
}
|
||
}
|
||
|
||
});
|
||
} else {
|
||
//alert();
|
||
alert('Please enter the Aadhar Number');
|
||
$('#aadharno').focus();
|
||
return false;
|
||
}
|
||
|
||
});
|
||
</script>
|