EVOLUTION-NINJA

Edit File: add_employee_old.php

<?php $this->load->view('includes/header.php')?>

<form id="emp_submit" enctype="multipart/form-data">
				<div class="col-xs-12">
				    
				    <input type="hidden" class="form-control" name="password" >	
				    
				    
					
					<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;">Add Employee</span>
						</div>
						<div class="col-sm-6"></div>	
					</div>
						
					<br>
					<h4><b>Basic Info</b></h4>

<div class="row">
						<div class="col-sm-12 col-xs-12 col-md-6">
							<label class="col-sm-4">Employee ID<span style="color:red"	></span></label>
							<div class="col-sm-8 yes_form">
								<?php if($e_id != "")
								{
									$value2 = $e_id->emp_id;
									$value3 = 01+$value2;
							 
								?>
									<input type="text" class="form-control" minlength="3" value="<?php echo "MMG-".$value3;?>" name="employee_id" readonly>

<?php } else { ?>
									
									<input type="text" class="form-control" minlength="3" value="MMG-01"   name="employee_id"  readonly>

<?php }?>
							</div>
						</div>
						<div class="col-sm-12 col-xs-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" name="first_name" >	
							</div>
						</div>	
					</div>

<br>

<div class="row">
						<div class="col-sm-12 col-xs-12 col-md-6">
							<label class="col-sm-4">Last Name</label>
							<div class="col-sm-8 yes_form">
								<input type="text" class="form-control" name="last_name" >	
							</div>
						</div>
						<div class="col-sm-12 col-xs-12 col-md-6">
							<label class="col-sm-4">Gender</label>
							<div class="col-sm-8 yes_form">
							 	<label>Male</label>
								<input type="radio" name="gender" value="Male"  >
							  	<label>Female</label>
								<input type="radio" name="gender" value="Female" >
							</div>
						</div>
						
					</div>

<div class="row">
						<div class="col-sm-12 col-xs-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" >
									<option value="">Select</option>
									<?php foreach($dept_list as $dl){?>
										<option value="<?php echo  $dl->id; ?>"><?php echo $dl->dept_name; ?></option>
									<?php } ?>
								</select>	
							</div>
						</div>
						<div class="col-sm-12 col-xs-12 col-md-6">
							<label class="col-sm-4">Country</label>
							<div class="col-sm-8 yes_form">
								<input type="text" class="form-control" name="country">	
							</div>
						</div>
					</div>

<br>

<div class="row">
						<div class="col-sm-12 col-xs-12 col-md-6">
							<label class="col-sm-4">State</label>
							<div class="col-sm-8 yes_form">
								<select name="state" class="form-control" id="state" onchange="change_state();" >
									<option value="">Select</option>
									<?php foreach($states as $state){?>
										<option value="<?php echo  $state->id; ?>"><?php echo $state->name; ?></option>
									<?php } ?>
								</select>
									
							</div>
						</div>
						<div class="col-sm-12 col-xs-12 col-md-6">
							<label class="col-sm-4">District</label>
							<div class="col-sm-8 yes_form">
								<select class="form-control" name="district" id="district" >
                           
                          		</select>
									
							</div>
						</div>	
					</div>

<br>

<div class="row">							
						<div class="col-sm-12 col-xs-12 col-md-6">
							<label class="col-sm-4">Layout</label>
							<div class="col-sm-8 yes_form">
								<select name="project" class="form-control project" >
								<option value="">Select</option>
								<?php foreach($layout_name as $layouts){?>
									<option value="<?php echo $layouts->id; ?>"><?php echo $layouts->layout_name; ?></option>
								<?php } ?>
								</select>
							</div>
						</div>
						<div class="col-sm-12 col-xs-12 col-md-6">
							<label class="col-sm-4">Reporting To</label>
							<div class="col-sm-8 yes_form">
								<input type="text" class="form-control" name="reporting_to">
									
							</div>
						</div>	
					</div>

<br>

<div class="row">							
						<div class="col-sm-12 col-xs-12 col-md-6">
							<label class="col-sm-4">E-Mail ID</label>
							<div class="col-sm-8 yes_form">
								<input type="text" class="form-control" name="email_id" >	
							</div>
						</div>
						<div class="col-sm-12 col-xs-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" name="date_of_joining" id="datepick1" >	
							</div>
						</div>
					</div>

<br>

<div class="row">							
						<div class="col-sm-12 col-xs-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" >
									<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 class="col-sm-12 col-xs-12 col-md-6">
							<label class="col-sm-4">Phone</label>
							<div class="col-sm-8 yes_form">
								<input type="text" class="form-control" name="phone" >	
							</div>
						</div>	
					</div>

<br>
					
					<div class="row">							
						<div class="col-sm-12 col-xs-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" id="employee_type" >
									<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 class="col-sm-12 col-xs-12 col-md-6" id="leaves">
												  	
						</div>	
					</div>

<br>
					
					<div class="row">							
						<div class="col-sm-12 col-xs-12 col-md-6">
							<label class="col-sm-4">Designation</label>
							<div class="col-sm-8 yes_form">
								<input type="text" class="form-control" name="role_id" >
								
							</div>
						</div>
						<div class="col-sm-12 col-xs-12 col-md-6">
							
						</div>	
					</div>

<br>
					<h4><b>Bank Details</b></h4>

<br>

<div class="row">							
						<div class="col-sm-12 col-xs-12 col-md-6">
							<label class="col-sm-4">Account Number</label>
							<div class="col-sm-8 yes_form">
								<input type="text" class="form-control" name="account_no" >	
							</div>
						</div>
						<div class="col-sm-12 col-xs-12 col-md-6">
							<label class="col-sm-4">Upload Bank Details</label>
							<div class="col-sm-8 yes_form">
								<input type="file" class="form-control" name="bank_detail" >	
							</div>
						</div>	
					</div>

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

<div class="row">							
						<div class="col-sm-12 col-xs-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" name="pan_no" >
							</div>
						</div>
						<div class="col-sm-12 col-xs-12 col-md-6">
							<label class="col-sm-4">Upload Pan Card</label>
							<div class="col-sm-8 yes_form">
								<input type="file" class="form-control" name="pan_upload" >	
							</div>
						</div>
					</div>

<br>

<div class="row">							
						<div class="col-sm-12 col-xs-12 col-md-6">
							<label class="col-sm-4">Aadhar Number</label>
							<div class="col-sm-8 yes_form">
								<input type="text" class="form-control" name="aadhar_no" >
							</div>
						</div>
						<div class="col-sm-12 col-xs-12 col-md-6">
							<label class="col-sm-4">Upload Aadhar Card</label>
							<div class="col-sm-8 yes_form">
								<input type="file" class="form-control" name="aadhar_upload" >	
							</div>
						</div>	
					</div>

<br>

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

<br>

<div class="row">							
						<div class="col-sm-12 col-xs-12 col-md-6">
							<label class="col-sm-4">Personal E-Mail ID</label>
							<div class="col-sm-8 yes_form">
								<input type="text" class="form-control" name="personal_email_id" >	
							</div>
						</div>
						<div class="col-sm-12 col-xs-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" name="date_of_birth" id="datepick2" >	
							</div>
						</div>	
					</div>

<br>

<div class="row">							
						<div class="col-sm-12 col-xs-12 col-md-6">
							<label class="col-sm-4">Marital Status :</label>
							<div class="col-sm-8 yes_form">
							  	<label>Single</label>
							  	<input type="radio" name="marital_status" value="Single" >	
							  	<label>Married</label>
							  	<input type="radio" name="marital_status" value="Married" >
							</div>
						</div>
						<div class="col-xs-12 col-sm-12 col-md-6 status">
							
						</div>	
					</div>

<br>

<div class="row">							
						<div class="col-sm-12 col-xs-12 col-md-6">
							<label class="col-sm-4">Upload Profile Picture</label>
							<div class="col-sm-8 yes_form">
								<input type="file" class="form-control" name="profile" >	
							</div>
						</div>
						<div class="col-xs-12 col-sm-12 col-md-6">
							
						</div>	
					</div>

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

<div class="row">							
						<div class="col-sm-12 col-xs-12 col-md-6">
							<label class="col-sm-4">Job Description :</label>
							<div class="col-sm-8 yes_form">
								<textarea class="form-control" rows ="2" name="job_description"></textarea>	
							</div>
						</div>
						<div class="col-sm-12 col-xs-12 col-md-6">
							<label class="col-sm-4">About Me :</label>
							<div class="col-sm-8 yes_form">
								<textarea class="form-control" rows ="2" name="about_me"></textarea>	
							</div>
						</div>	
					</div>

<br>

<br>

<div class="row" style="background-color:#f8f8f8;padding-top: 10px;padding-bottom: 10px;">
						<div class="col-sm-12 col-md-2">
							
						</div>
						<div class="col-sm-7"></div>
						<div class="col-sm-3">
							<button type="submit" class="btn">Save</button>
							<button type="reset" class="btn">Cancel</button>
						</div>
					</div>
				</div>
			</form>

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

</div>

.content-wrapper {
    max-width: 1260px !important;
}
.row-form {
	width:100%;
}
#emp_submit label{
	padding-top: 20px;
}
</style>

$('#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');
    });

$('#datepick3').datepicker({
		format: "dd-mm-yyyy",
	}).on('changeDate', function(ev){
		 $('#datepick3').datepicker('hide');
    });

$('input:radio[name="marital_status"]').change(function() {
		var con='';
	    if ($(this).val() == 'Single') 
	    {
			con += '<label class="col-sm-4">Father\'s Name</label>';
			con += '<div class="col-sm-8 yes_form">';
				con += '<input type="text" class="form-control" name="father_name">';	
			con += '</div>';	
	    } 
	    else 
	    {
			con += '<label class="col-sm-4">Husband\'s Name</label>';
			con += '<div class="col-sm-8 yes_form">';
				con += '<input type="text" class="form-control" name="husband_name">';	
			con += '</div>';	
	    }

$('.status').empty();
	    $('.status').append(con);

});

$("#employee_type").change(function(){

var select = $('#employee_type option:selected').val();
	  //alert(select);
	  var con = '';
	  if(select == "Permanent" || select == "On_Contract")
	  {
	   	con += '<div class="row">';
		  con += '<div class="col-sm-4">';
			con += '<label>CL</label>';
			con += '<div class="yes_form">';
			  con += '<input type="text" class="form-control" name="cl" >';
			con += '</div>';
		  con += '</div>';
		  con += '<div class="col-sm-4">';
			con += '<label>ML</label>';
			con += '<div class="yes_form">';
			  con += '<input type="text" class="form-control" name="ml" >';
			con += '</div>';
		  con += '</div>';
		con += '</div>';
	  }
	  else
	  {
	  	$("#employee_type").val();
	  }
	  $('#leaves').empty();
	  $('#leaves').append(con);

});

});
	}

$('#emp_submit').submit(function(e){
      e.preventDefault();
      formdata = new FormData($(this)[0]);
      swal({

title: "Are you sure?",
        text: "You want to Save this?",
        type: "warning",   showCancelButton: true,
        confirmButtonColor: "#DD6B55",
        confirmButtonText: "Yes!",
        cancelButtonText: "No, cancel plz!",
        closeOnConfirm: false,
        closeOnCancel: false 
        },
      function(isConfirm){

if (isConfirm) {

$(".sweet-alert").hide();
        $(".sweet-overlay").hide();
      
            $.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);
                  if(response.result==1)
                  {
                    toastr["success"](response.message);
                    setTimeout(function wait(){
                     window.location = '<?php echo site_url("employee-list")?>';
                      }, 1000);
                  } 
                  else
                  {
                    toastr["error"](response.message);
                  }

}
            });
        } 
        else 
        {
          $(".sweet-alert").hide();
          $(".sweet-overlay").hide();
        }
      });

});

</script>

<?php $this->load->view('includes/footer.php')?>