EVOLUTION-NINJA

Edit File: 1534234393add_new_employee.php

<?php $this->load->view('includes/admin_header');?>

<div class="modal fade" id="myModal" role="dialog">
						<div class="modal-dialog">

<div class="modal-content">
							<div class="modal-header" style="background-color:#1E7AD7;color:white;">
							  <button type="button" class="close" data-dismiss="modal">&times;</button>
							  <h4 class="modal-title">Department Details</h4>
							</div>

<div class="row">
									<div class=" col-sm-12 col-xs-12 col-md-12">
										<label class="col-sm-4">Department Name</label>
										<div class="col-sm-8 yes_form">
											<input type="text" class="form-control" minlength="3" pattern="^[a-zA-Z\s]*$" name="name" required="required">	
										</div>
									</div>
								</div>

<div class="row">
									<div class="col-sm-12 col-md-12 col-xs-12">
										<label class="col-sm-4">Department Lead</label>
										<div class="col-sm-8 yes_form">
											<select class="form-control">
												<option>Select</option>
												<option>test</option>
												<option>test1</option>
												<option>test2</option>
											</select>	
										</div>
									</div>
								</div>

<div class="row">
									<div class="col-xs-12 col-sm-12 col-md-12">
										<label class="col-sm-4">Parent Department</label>
										<div class="col-sm-8 yes_form">
											<input type="text" class="form-control" minlength="3" pattern="^[a-zA-Z\s]*$" name="name" required="required">	
										</div>
									</div>
								</div>

<button type="button" class="btn btn-default">Submit</button>

<button type="button" class="btn btn-default" >Submit & New</button>

<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>

</div>

</div>

<button type="button" class="close" data-dismiss="modal">&times;</button>

<h4 class="modal-title">Destignation Details</h4>

</div>

<div class="row">
									<div class="col-xs-12 col-sm-12 col-md-12">
										<label class="col-sm-4">Destignation Name</label>
										<div class="col-sm-8 yes_form">
											<input type="text" class="form-control" minlength="3" pattern="^[a-zA-Z\s]*$" name="name" required="required">	
										</div>
									</div>
								</div>

</div>

<button type="button" class="btn btn-default btn-sm">Submit</button>

<button type="button" class="btn btn-default btn-sm" >Submit & New</button>

<button type="button" class="btn btn-default btn-sm" data-dismiss="modal">Close</button>

</div>

</div>

<div class="row" style="background-color:#f8f8f8;padding-top: 10px;padding-bottom: 10px;">
									<div class="col-sm-12 col-md-3">
										<span style="font-size:25px;">New Employee</span>
									</div>
								</div>

<h4><b>Basic Info</b></h4>

<div class="row">
									<div class="col-xs-12 col-sm-12 col-md-6">
										<label class="col-sm-4">Employee ID</label>
										<div class="col-sm-8 yes_form">
											<?php if($e_id != ""){?>

<input type="text" class="form-control employee_id" minlength="3" value="<?php echo $e_id->employee_id+1;?>"   name="employee_id" required="required" readonly>

<?php } else { ?>

<?php }?>
										</div>
									</div> 
									<div class="col-xs-12 col-sm-12 col-md-6">
										<label class="col-sm-4">First Name</label>
										<div class="col-sm-8 yes_form">
											<input type="text"  class="form-control first_name" name="first_name"  pattern="[a-zA-Z][a-zA-Z0-9\s]*"  required="required">	
										</div>
									</div> 
								 </div>

<div class="col-xs-12 col-sm-12 col-md-6">
										<label class="col-sm-4">Designation</label>
										<div class="col-sm-8 yes_form">
											
											<select name="designation_id" class="form-control designation_id" required="required">
												<option value="">Select</option>
												<?php foreach($designation_list as $dl){?>
													<option value="<?php echo  $dl->designation_id; ?>"><?php echo $dl->designation_name; ?></option>
												<?php } ?>
											 </select>

</div>
									</div>
								</div>

<div class="row">
									<div class="col-xs-12 col-sm-12 col-md-6">
										<label class="col-sm-4">Department</label>
										<div class="col-sm-8 yes_form">
											<select name="department_id" class="form-control department_id" required="required">
												<option value="">Select</option>
												<?php foreach($dept_list as $dl){?>
													<option value="<?php echo  $dl->department_id; ?>"><?php echo $dl->department_name; ?></option>
												<?php } ?>
											 </select>	
										</div>
									</div>	
									<div class="col-xs-12 col-sm-12 col-md-6">
										<label class="col-sm-4">Location</label>
										<div class="col-sm-8 yes_form"> 
											<select name="location" class="location" required="required">
											<option value="">Select</option>
											<option value="Mysore">Mysore</option>
											<option value="Bangalore">Bangalore</option>
											<option value="Mangalore">Mangalore</option>
										 </select>
										</div>										
									</div>
								</div>

<div class="row">							
									<div class="col-xs-12 col-sm-12 col-md-6">
										<label class="col-sm-4 col-md-4">Reporting To</label>
										<div class="col-sm-8 yes_form">
											 <select name="reporting_to" class="form-control reporting_to" required="required">
												<option value="">Select</option>
												<option value="HR">HR</option>
												<option value="Project Manager">Project Manager</option>
												<option value="Team Lead">Team Lead</option>
											 </select>	
										</div>
									</div>	
									<div class="col-xs-12 col-sm-12 col-md-6">
										<label class="col-sm-4">Title : </label>
										<div class="col-sm-8 yes_form">
											<input type="text" class="form-control title" pattern="[a-zA-Z][a-zA-Z0-9\s]*" name="title" required="required">	
										</div>
									</div>
								</div>

<div class="row row-form">
									<div class="col-xs-12 col-sm-12 col-md-6">
										<label class="col-sm-4 col-md-4 ">Source of hire</label>
										<div class="col-sm-8 yes_form">
											<select name="source_of_hire" class="form-control source_of_hire" required="required">
												<option value="">Select</option>
												<option value="HR">HR</option>
												<option value="Project Manager">Project Manager</option>
												<option value="Team Lead">Team Lead</option>
											 </select>	
										</div>
									</div>	
									<div class="col-xs-12 col-sm-12 col-md-6">
										<label class="col-sm-4">Date of Joining</label>
										<div class="col-sm-8 yes_form">
											<input type="text" class="form-control date_of_joining" name="date_of_joining" id="datepick1" required="required">	
										</div>
									</div>
								</div>

<div class="row">							
									<div class="col-xs-12 col-sm-12 col-md-6">
										<label class="col-sm-4">Seating Location</label>
										<div class="col-sm-8 yes_form">
											<input type="text" class="form-control seating_location" name="seating_location" required="required">	
										</div>
									</div>	
									<div class="col-xs-12 col-sm-12 col-md-6">
										<label class="col-sm-4">Employee Status</label>
										<div class="col-sm-8 yes_form">
											<select name="employee_status" class="form-control employee_status" required="required">
												<option value="">Select</option>
												<option value="Active">Active</option>
												<option value="Terminated">Terminated</option>
												<option value="Deceased">Deceased</option>
												<option value="Resigned">Resigned</option>
											 </select>	
										</div>
									</div>
								</div>

<div class="col-xs-12 col-sm-12 col-md-6">
										<label class="col-sm-4">Work Phone</label>
										<div class="col-sm-8 yes_form">
											<input type="text" class="form-control work_phone" pattern="^[0-9\-\+\s]*$" name="work_phone" required="required">
										</div>
									</div>	
									<div class="col-xs-12 col-sm-12 col-md-6">
										<label class="col-sm-4">Employee Type</label>
										<div class="col-sm-8 yes_form">
											<select name="employee_type" class="form-control employee_type" required="required">
												<option value="">Select</option>
												<option value="Permanent">Permanent</option>
												<option value="On Contract">On Contract</option>
												<option value="Temporary">Temporary</option>
												<option value="Trainee">Trainee</option>
											 </select>	
										</div>
									</div>
								</div>

<div class="row">							
									<div class="col-xs-12 col-sm-12 col-md-6">
										<label class="col-sm-4">Extension</label>
										<div class="col-sm-8 yes_form">
											<input type="text" class="form-control extension" name="extension">	
										</div>
									</div>	
									<div class="col-xs-12 col-sm-12 col-md-6">
										<label class="col-sm-4">Role</label>
										<div class="col-sm-8 yes_form">
											<select name="role_id" class="role_id form-control" required="required">
												<option value="">Select</option>
												<?php foreach($roles_list_admin as $dl){?>
													<option value="<?php echo $dl->role_id; ?>"><?php echo $dl->role_name;?></option>
												<?php } ?>
											 </select>	
										</div>
									</div>
								</div>

<h4><b>Personal</b></h4>

<div class="row">
									<div class="col-xs-12 col-sm-12 col-md-6">
										<label class="col-sm-4">Pan Number</label>
										<div class="col-sm-8 yes_form">
											<input type="text" class="form-control pan_no" name="pan_no">	
										</div>
									</div>
									<div class="col-xs-12 col-sm-12 col-md-6">
										<label class="col-sm-4 ">Date of Birth</label>
										<div class="col-sm-8 yes_form">
											<input type="text" class="form-control dob date_of_birth"  name="date_of_birth" id="datepick2" required="required">	
										</div>
									</div>	
								</div>

<div class="row">
									<div class="col-xs-12 col-sm-12 col-md-6">
										<label class="col-sm-4"> Address</label>
										<div class="col-sm-8 yes_form">
											<textarea class="form-control address"  rows ="2" name="address"></textarea>	
										</div>
									</div>
									<div class="col-xs-12 col-sm-12 col-md-6">
										<label class="col-sm-4 ">Residential Address</label>
										<div class="col-sm-8 yes_form">
											<textarea class="form-control residential_address"  rows ="2" name="residential_address"></textarea>	
										</div>
									</div>	
								</div>

<div class="row row-form">
									  
									 <div class="col-xs-12 col-sm-12 col-md-6">
										<label class="col-sm-4"> Marital Status :</label>
										<div class="col-sm-3">
										  <label>Single</label>
										  <input type="radio" name="marital_status" value="Single" style="width:50% !important;">	
										</div>
										<div class="col-sm-3">
										  <label>Married</label>
										  <input type="radio" name="marital_status" value="Married" style="width:40% !important;">
										</div>
									</div>	
								</div>

<h4><b>Summary</b></h4>

<div class="row">
									<div class="col-xs-12 col-sm-12 col-md-6">
										<label class="col-sm-4">Job Description :</label>
										<div class="col-sm-8 yes_form">
											<textarea class="form-control job_description" pattern="[a-zA-Z][a-zA-Z0-9\s]*" rows ="2" name="job_description"></textarea>	
										</div>
									</div>
									<div class="col-xs-12 col-sm-12 col-md-6">
										<label class="col-sm-4 ">About Me :</label>
										<div class="col-sm-8 yes_form">
											<textarea class="form-control about_me"  pattern="[a-zA-Z][a-zA-Z0-9\s]*" style="width:60%"  rows ="3" name="about_me"></textarea>	
										</div>
									</div>	
								</div>

<div class="row">							
									<div class="col-xs-12 col-sm-12 col-md-6">
										<label class="col-sm-4 col-md-4">Date of Exit </label>
										<div class="col-sm-8 yes_form">
											<input type="text" class="form-control dob date_of_exit"  name="date_of_exit" id="datepick" >
										</div>
									</div>	
									<div class="col-xs-12 col-sm-12 col-md-6">
										<label class="col-sm-4">Gender</label>
										 <div class="col-sm-3">
										 	<label>Male</label>
											<input type="radio" name="gender" value="Male" style="width:50% !important;">
										</div>
										<div class="col-sm-3">
										  	<label>Female</label>
											  <input type="radio" name="gender" value="Female" style="width:40% !important;">
										</div>
									</div>
								</div>

<h4><b>Work experience</b></h4>

<div class="row">
									<div class="col-sm-12 table-responsive">
										<table  class="table" border="1">
											<thead>
												<th>Previous Company Name</th>
												<th>Job Title</th>
												<th>From Date</th>
												<th>To Date</th>
												<th>Job Description</th>
												<th>Remove</th>
											</thead>
											<tbody id="tbody">
												<tr>
												</tr>
											</tbody>
											<!-- <tbody id="tbody">

<td><button class="btn add_new_remove" type="button"  id="menu1">Remove Row</button></td>

</tr>

</tbody> -->

</table>
									</div>
								</div>

<h4><b>Education</b></h4>

<div class="row">
									<div class="col-sm-12 table-responsive">
										<table  class="table" border="1">
											<thead>
												<th>College Name</th>
												<th>Diploma/Degree</th>
												<th>Fields of study</th>
												<th>Date of completion</th>
												<th>Additional Notes</th>
												<th>Interests</th>
												<th>Aggregate</th>
												<th>Upload</th>
												<th>remove</th>
											</thead>
											<tbody id="tbody1">
												<tr>
												</tr>
											</tbody>
										</table>
									</div>
								</div>

<h4><b>Dependent</b></h4>

<div class="row">
									<div class="col-sm-12 table-responsive">
										<table class="table" border="1">
											<thead>
												<th>Name</th>
												<th>Relationship</th>
												<th>Date of birth</th>
												<th>remove</th>
											</thead>
											<tbody id="tbody2">
												<tr>
												</tr>
											</tbody>
										</table>
									</div>
								</div>

<div class="row" style="background-color:#f8f8f8;padding-top: 10px;padding-bottom: 10px;">			
									<div class="col-sm-12">
										<button type="submit" class="btn btn-sm pull-right">Submit</button>

</div>
								</div>
							</form>
						</div>

</div>

</section>

</div>

</div>

</div>

</div>

</div>

</div>

<!--[if IE]>

<![endif]-->

if('ontouchstart' in document.documentElement) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");

</script>

</body>

</html>
<style type="text/css">
	.yes_form input{
		width:100% !important;
		border:none !important;
		border-bottom:1px solid gray !important;
		margin-bottom:5%;	
	}
	.yes_form select{
		width:100% !important;
		border:none !important;
		border-bottom:1px solid gray !important;	
		margin-bottom:5%;	
		
	}
	.yes_form textarea{
		width:100% !important;
		border:none !important;
		border-bottom:1px solid gray !important;	
		margin-bottom:5%;
		
	}
</style>

<script src="<?php echo base_url('admin_assets/event/assets/js/bootstrap-datepicker.js');?>"></script>

$('#datepick').datepicker({

format: "dd-mm-yyyy",

}).on('changeDate', function(ev){

$('#datepick').datepicker('hide');

});

$('#datepick1').datepicker({

format: "dd-mm-yyyy",

}).on('changeDate', function(ev){

$('#datepick1').datepicker('hide');

});

$('#datepick2').datepicker({

format: "dd-mm-yyyy",

}).on('changeDate', function(ev){

$('#datepick2').datepicker('hide');

});

</script>

$(document).ready(function(){

$('.emp_submit').submit(function(e){

e.preventDefault();

formdata = new FormData($(this)[0]);

$.ajax({

type   : 'post',

url    : '<?php echo site_url("add-new-employee")?>',

data   : formdata,

contentType: false,

processData: false,

success:function(response){

response=jQuery.parseJSON(response);

//console.log(response);

window.location.href  = '<?php echo site_url('yaskawa/employees_list');?>';

//                   if(response.result == 1)

//                     {

// 	                    toastr["success"](response.message);

// 	                    $('.emp_submit')[0].reset();

// 	                    //$(".lead_submit").text("Submit");

// 	                    //$(".lead_submit").removeAttr('disabled');

//                     }

//                     else if(response.result == 2)

//                     {

// 	                    toastr["error"](response.message);

// 		                //$(".lead_submit").text("Submit");

// 		                //$(".lead_submit").removeAttr('disabled');

//                     }

//                     else

//                     {

// 	                    toastr["error"](response.message);

// 		                //$(".lead_submit").text("Submit");

// 		                //$(".lead_submit").removeAttr('disabled');

//                     }

}

});

$('.email_id').focusout(function(){

var email = $('.email_id').val();

$.ajax({

type   : 'post',

url    : '<?php echo site_url("verify-employee-email")?>',

data   : {'email':email},

// contentType: false,

// processData: false,

success:function(response){

resp=jQuery.parseJSON(response);

console.log(response);

if(resp.result == 1)

{

alert("Email-Id already exists..Try another..!");

$('.email_id').val('');

//location.reload();

}

else

{

//alert("Something went wrong..Try again");

}

});

</script>

// Insert new row

$(".add_new").click(function () {

var content = '';

content += '<tr>';

content += '<td ><input type="text" class="pre_com_name" name="pre_com_name[]"></td>';

content += '<td ><input type="text" class="job_title" name="job_title[]"></td>';

content += '<td ><input type="text" id="from_date" class="from_date" name="from_date[]"></td>';

content += '<td ><input type="text" id="to_date" class="to_date" name="to_date[]"></td>';

content += '<td ><input type="text" class="work_job_description" name="work_job_description[]"></td>';

content += '<td><a class="remove_amount" href="javascript:void(0);"><i class="fa fa-trash fa-2x" ></i></a></td>';

content += '</tr>';

$("#tbody").append(content);

$('.from_date').datepicker({

format: "dd-mm-yyyy",

}).on('changeDate', function(ev){

$('#datepick').datepicker('hide');

});

$('.to_date').datepicker({

format: "dd-mm-yyyy",

}).on('changeDate', function(ev){

$('#datepick').datepicker('hide');

});

//Remove row

$(document).on('click','.remove_amount',function(){

$(this).closest('tr').remove();

});

</script>

var i=0;
	$(document).on('click','.add_new1',function(){

var content = '';

content += '<tr>';

content += '<td ><input type="text" class="school_name" name="school_name[]"></td>';

content += '<td ><input type="text" class="diplamo_degree" name="diplamo_degree[]"></td>';

content += '<td ><input type="text" class="field_of_study" name="field_of_study[]"></td>';

content += '<td ><input type="text" class="date_of_completion" name="date_of_completion[]"></td>';

content += '<td ><input type="text" class="additional_notes" name="additional_notes[]"></td>';

content += '<td ><input type="text" class="interests" name="interests[]"></td>';
		
		content += '<td ><input type="text" class="aggregate" name="aggregate[]"></td>';
		
		content += '<td ><input type="file" multiple="" class="file_upload" name="file_upload'+i+'[]"></td>';

content += '<td><a class="remove_amount1" href="javascript:void(0);"><i class="fa fa-trash fa-2x" ></i></a></td>';

content += '</tr>';

$("#tbody1").append(content);

$('.date_of_completion').datepicker({

format: "dd-mm-yyyy",

}).on('changeDate', function(ev){

$('#datepick').datepicker('hide');

});
		
		i++;

});

//Remove row

$(document).on('click','.remove_amount1',function(){

$(this).closest('tr').remove();

});

</script>

$(".add_new2").click(function () {

var content = '';

content += '<tr>';

content += '<td ><input type="text" class="dependent_name" name="dependent_name[]"></td>';

content += '<td ><input type="text" class="dependent_relationship" name="dependent_relationship[]"></td>';

content += '<td ><input type="text" class="dependent_dob" name="dependent_dob[]"></td>';

content += '<td><a class="remove_amount2" href="javascript:void(0);"><i class="fa fa-trash fa-2x" ></i></a></td>';

content += '</tr>';

$("#tbody2").append(content);

$('.dependent_dob').datepicker({

format: "dd-mm-yyyy",

}).on('changeDate', function(ev){

$('#datepick').datepicker('hide');

});

//Remove row

$(document).on('click','.remove_amount2',function(){

$(this).closest('tr').remove();

});	
	
	
	$('#from_date').on('change', function(){
    var date = $(this).val();
    $('#to_date').datepicker({
    	dateFormat: 'dd-mm-yy',
    	minDate: date,
    });  
});

</script>

<?php $this->load->view('includes/admin_footer');?>