<?php
session_start();
?>
<!DOCTYPE html>
<html>
    <head>
        <?php include("header-js.php");?>	
<!-----hrm-------------->		
<link rel="stylesheet" href="css/style.css" />
<!-- Responsive -->
<link rel="stylesheet" href="css/responsive.css" />
<script src="js/jquery.form.js"></script>
<!-- Responsive -->
<script language="javascript" src="js/css3-mediaqueries.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/jquery-ui.css" />
<!-- /Responsive -->
<!-- FORM -->
<link rel="stylesheet" href="css/form-slide.css" type="text/css" media="screen"/>
<script type="text/javascript" src="js/sliding.form.js"></script>
<script type="text/javascript" src="js/insert.js"></script>
<script type="text/javascript">
function chkidprof(i)
{
   if(i==1 && document.getElementById("passp").checked==true)
   {
   document.getElementById("passfile").style.visibility='visible';
   document.getElementById("drfile").style.visibility='hidden';
   document.getElementById("gvtfile").style.visibility='hidden';
   document.getElementById("othfile").style.visibility='hidden';
   

   document.getElementById("passfile").disabled='';
   document.getElementById("drfile").disabled='true';
   document.getElementById("gvtfile").disabled='true';
   document.getElementById("othfile").disabled='true';
   
   document.getElementById("drive").checked=false;
   document.getElementById("govtrs").checked=false;
   document.getElementById("othr").checked=false;
   	document.getElementById("othtxt").style.visibility='hidden';
   }
   else
   {
   document.getElementById("passfile").style.visibility='hidden';
   }
   
   if(i==2 && document.getElementById("drive").checked==true)
   {
   
   
   document.getElementById("passfile").style.visibility='hidden';
   document.getElementById("drfile").style.visibility='visible';
   document.getElementById("gvtfile").style.visibility='hidden';
   document.getElementById("othfile").style.visibility='hidden';
   
   document.getElementById("passfile").disabled='true';
   document.getElementById("drfile").disabled='';
   document.getElementById("gvtfile").disabled='true';
   document.getElementById("othfile").disabled='true';
   
   document.getElementById("passp").checked=false;
   document.getElementById("govtrs").checked=false;
   document.getElementById("othr").checked=false;
   document.getElementById("othtxt").style.visibility='hidden';
   }
   else
   {
   document.getElementById("drfile").style.visibility='hidden';
   }
   
    
   if(i==3 && document.getElementById("govtrs").checked==true)
   {
   document.getElementById("passfile").style.visibility='hidden';
   document.getElementById("drfile").style.visibility='hidden';
   document.getElementById("gvtfile").style.visibility='visible';
   document.getElementById("othfile").style.visibility='hidden';
   
   document.getElementById("passfile").disabled='true';
   document.getElementById("drfile").disabled='true';
   document.getElementById("gvtfile").disabled='';
   document.getElementById("othfile").disabled='true';
   
   document.getElementById("passp").checked=false;
   document.getElementById("drive").checked=false;
   document.getElementById("othr").checked=false;
   	document.getElementById("othtxt").style.visibility='hidden';
   }
   else
   {
    document.getElementById("gvtfile").style.visibility='hidden';
   }
    
   if(i==4 && document.getElementById("othr").checked==true)
   {
   document.getElementById("passfile").style.visibility='hidden';
   document.getElementById("drfile").style.visibility='hidden';
   document.getElementById("gvtfile").style.visibility='hidden';
   document.getElementById("othfile").style.visibility='visible';
   document.getElementById("othtxt").style.visibility='visible';
  
   document.getElementById("passfile").disabled='true';
   document.getElementById("drfile").disabled='true';
   document.getElementById("gvtfile").disabled='true';
   document.getElementById("othfile").disabled='';
   
   document.getElementById("passp").checked=false;
   document.getElementById("drive").checked=false;
   document.getElementById("govtrs").checked=false;
   } 
   else
   {
    document.getElementById("othfile").style.visibility='hidden';
	document.getElementById("othtxt").style.visibility='hidden';
   }
       
   
   
      
}
</script>

<!-----hrm-------------->
        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
    </head>



    <body class="skin-blue">
    <?php include("header.php");?>
    <!-- Small boxes (Stat box) -->
    <!-- Main row -->
    <div class="row">
	  <div id="wrapper">
		
		<!-- /menu-nav -->
		<div class="content">
 		  <div id="navigation" style="display:none;">
			<ul>
				<li class="selected">
					<a href="#"><translate>Basic Profile</translate></a>
				</li>
				<li>
					<a href="#"><translate>Reference</translate></a>
				</li>
				<li>
					<a href="#"><translate>Education/Work Experience</translate></a>
				</li>
				
				<li>
					<a href="#"><translate>Details</translate></a>
				</li>
				
				<li>
					<a href="#"><translate>Bank Details</translate></a>
				</li>
				<li>
					<a href="#"><translate>Passport</translate> </a>
				</li>
			</ul>
          </div>
		  
		  <div id="form-content">
            <div id="form-wrapper">
                <div id="steps">
				  <form action="" method="post" enctype="multipart/form-data" id="frm1" onSubmit="return false;" name="frm1" >
					<!-- Basic Profile ////////////////////////////////////////////////////////////////////// -->		
				  <fieldset class="step">
                  <legend><translate>Basic Profile</translate></legend>
					<p>
						<label for="username"><translate>First Name</translate></label>
						<input type="text" name="fname" id="fname" />
						<span id="fname_error"></span>
					</p>
					<p>
						<label for="username"><translate>Last Name</translate></label>
						<input type="text" name="lname" id="lname" />
					</p>
					
					<p>
						<label for="username"><translate>Father's /Husband's Name</translate></label>
						 <input type="text" name="mname" id="mname"  />
					</p>
					
					<p>
						<label for="username"><translate>Address</translate></label>
						<textarea name="address" id="address" /></textarea>
						<span id="address_error"></span>
					 </p>
					 <p>
						<label for="cardtype"><translate>Country</translate></label>
						<select name="country" id="country1" onChange="loadXMLDoc(this.value)" >
							  <option selected="selected" >--select--</option>
					   </select>
					</p>
					<p>
						<label for="cardtype"><translate>State</translate></label>
						<select name="state" id="state">
							  <option selected="selected">---select---</option>
							  
					  </select>
					</p>
					<p>
						<label for="username"><translate>Zip Code</translate></label>
						 <input type="text" name="zip" id="zip" />
					</p>
					<p>
						<label for="username"><translate>Dob</translate></label>
						<input type="text" name="dob" id="dob" class="edit_form_date" readonly/>
						<span id="dob_error"></span>
					</p>
					<p>
						<label for="username"><translate>Phone</translate></label>
						<input type="text" name="phone" id="phone" />
					</p>
					<p>
						<label for="username"><translate>Mobile</translate></label>
						<input type="text" name="mobile" id="mobile" />
					</p>
					<p>
						<label for="cardtype"><translate>Gender</translate></label>
						<select name="gender" id="gender1">
							  <option value="">---select---</option>
							  <option>Male</option>
							  <option>Female</option>
					  </select>
					  <span id="gender_error"></span>
					</p>
					<p>
						<label for="username"><translate>Email</translate></label>
						 <input type="text" name="email" id="email"/>
						 <span id="email_error"></span>
					</p>
					<p>
                       <label for="username"><translate>View Photo</translate></label>
                        <a id="image"></a><!-- <a href="#" id="changes">Change Picture</a>-->
	           		</p>
					<div id="poto">
					<p><label for="country"><translate>Upload Photo</label> <input type="file" name="photo" id="photo"/></p>
	         		</div>  
	            
					<p class="file-resume">
                        <label for="username"><translate>Upload Resume</translate></label>
                        <input type="file" id="resumes" name="resume"  value="" placeholder="Input Value" /><a id="resumelist"></a>
					</p>  
					<div id="resum"> </div><?php /*?><div id="paste"></div><?php */?>
                            
					<div class="page-p">
                    <div class="page-label-1"><translate>ID Prooftype</translate></div>
					<div class="page-label-right">
					<input type="checkbox" name="passp" id="passp" class="passp" value="Passport" style="width:20px;" onClick="chkidprof(1);"><translate>Passport</translate>
					<br/>
					<input type="file" name="passfile[]" id="passfile" style="visibility:hidden" multiple disabled="disabled" ><br />
					<input type="checkbox" name="drive" id="drive" value="Drive"  style="width:20px;" onClick="chkidprof(2);"><translate>Driving License</translate><br />
                    <input type="file" name="drfile[]" id="drfile" style="visibility:hidden" multiple disabled="disabled"><br />
					<input type="checkbox" name="govtrs" id="govtrs" value="Govt" style="width:20px;" onClick="chkidprof(3);"><translate>Govt residence ID</translate><br />
					<input type="file" name="gvtfile[]" id="gvtfile" style="visibility:hidden" multiple disabled="disabled"><br />
					<input type="checkbox" name="othr" id="othr" value="Othr" style="width:20px;" onClick="chkidprof(4);">Other<br />                               
					<input type="text" name="othtxt" id="othtxt" style="visibility:hidden" placeholder="Document Details"><br/>
					<input type="file" name="othfile[]" id="othfile" style="visibility:hidden" multiple disabled="disabled">
					</div>
					</div>
					<div class="page-p" >
						<div id="progressbox" class="progressbox" style="display:none;"><div id="progressbar" class="progressbar"></div >
						<div id="statustxt" class="statustxt">0%</div></div>
						<div id="output"></div>
					</div>
					<p class="submit"><button id="registerButton" class="basic" type="button" ><translate>Save & Continue</translate></button></p>
					<!--<p class="submit"><button id="registerButton" class="basic" type="button" ><translate>Continue</translate></button></p>-->
				  </fieldset>
				  </form>
				  <!-- /Basic Profile ////////////////////////////////////////////////////////////////////// -->						
				

				  <!-- Reference/Job Details ////////////////////////////////////////////////////////////////////// -->	
				  <form action="" method="post" enctype="multipart/form-data" id="frm2" name="frm2" onSubmit="return false;">					
				  <fieldset class="step">
					<legend><translate>Reference</translate> </legend>
					<p class="heading01">Reference</p>
					<p>
					   <label for="name"><translate>Name</translate></label>
					   <input type="text" name="rname" id="rname"  AUTOCOMPLETE=OFF />
					   <span id="rname_error"></span>
					</p>
					<p>
						<label for="country"><translate>Relation</translate></label>
						<input type="text" name="relation" id="relation" AUTOCOMPLETE=OFF />
						<span id="relation_error"></span>
					</p>
					<p>
						<label for="phone"><translate>Contact No</translate></label>
						<input name="contact" id="contact" placeholder="e.g. +351215555555" type="tel" AUTOCOMPLETE=OFF />
						<span id="contact_error"></span>
					</p>
					<p>
						<label for="website"><translate>Location</translate></label>
						<input name="loc" id="loc" type="tel" AUTOCOMPLETE=OFF />
					</p>
					<p>
						<label for="phone"><translate>Reference date</translate></label>
						<input type="text" name="dstart" id="date"  class="edit_form_date" readonly AUTOCOMPLETE=OFF />
					</p>
					<div class="page-p" >
						<div id="progressbox" class="progressbox" style="display:none;"><div id="progressbar" class="progressbar"></div >
						<div id="statustxt" class="statustxt">0%</div></div>
					</div>
					<p class="submit">
						<button id="registerButton2" type="button" ><translate>Save & Continue</translate></button>
					</p>
				  </fieldset>
				  </form>
				  <!-- /Reference/Job Details ////////////////////////////////////////////////////////////////////// -->						
					
						
				   <!-- Education / Work Experience ////////////////////////////////////////////////////////////////////// -->	
				   <form action="" method="post" enctype="multipart/form-data" id="frm3" onSubmit="return false;" name="frm3" >					
                   <fieldset class="step">
					   <legend><translate>Education / Work Experience</translate></legend>
						<p class="heading01"><translate>Education</translate></p>
						<div class="form-display-01" id="edu">
						<table width="100%" border="0" cellspacing="0" cellpadding="0">
						  <tr>
						
							<td width="164" valign="top" class="form-padd-01" align="left"><label for="label"><translate>Course</translate></label></td>
							<td><input name="course[]" type="text"  /><br /></td>
						  </tr>
						  
						  <tr>
							<td colspan="2" height="8"></td>
						  </tr>
						  
						  <tr>	
							<td width="164" valign="top" class="form-padd-01" align="left"><label for="label"><translate>Specialization</translate></label></td>
							<td><input name="spl[]" type="text"   /></td>
						  </tr>
						  
						  <tr>
							<td colspan="2" height="8"></td>
						  </tr>
						  
						  <tr>	
							<td width="164" valign="top" class="form-padd-01" align="left"><label for="label"><translate>University/Institute</translate></label></td>
							<td><input name="unv[]" type="text"   /></td>
						  </tr>
						  
						  <tr>
							<td colspan="2" height="8"></td>
						  </tr>
						  
						  <tr>
							<td width="164" valign="top" class="form-padd-01" align="left"><label for="label"><translate>Year</translate></label></td>
							<td><input name="yr[]" type="text"  /></td>
						  </tr>
						  
						  <tr>
							<td colspan="2" height="8"></td>
						  </tr>
						  
						  <tr>	
							<td width="164" valign="top" class="form-padd-01" align="left"><label for="label"><translate>Percentage</translate></label></td>
							<td><input name="pcntg[]" type="text"  /></td>
						  </tr>
						</table>
						</div>
	
						<div class="form-display-01">
						<table width="100%" border="0" cellspacing="0" cellpadding="0">
						  <tr>
							<td  align="center"><a href="#" class="addNewEdu"><translate>Add More</translate></a></td>
						  </tr>
						</table>
						</div>
					
						<p class="heading01"><translate>Languages Known</translate></p>
						<div class="form-display-01">
						<div class="speak-cell">
						<table width="100%" border="0" cellpadding="5" cellspacing="0" class="list_lang" id="myTable">
						  <tr>
							<td align="left" valign="top">&nbsp;</td>
							
							<td width="17%" align="left" valign="top"><translate>Language</translate></td>
							<td width="12%" align="left" valign="top"><translate>Read</translate></td>
							<td width="12%" align="left" valign="top"><translate>Write</translate></td>
							<td width="12%" align="left" valign="top"><translate>Speak</translate></td>
							<td width="12%" align="left" valign="top"></td>
						  </tr>
						</table>	  
						<table width="100%" border="0" cellspacing="0" cellpadding="0">
						  <tr>
							<td width="25%"  align="center"><a href="#" id="addNewLang" class="addNewLang"><div class="sub-category-bt3"><translate>ADD</translate><!--<img class="editBasicProfile" src="images/add_small.png">--></div></a>
							</td>
							<td width="75%">&nbsp;</td>
						  </tr>
						</table> 	 
						</div>
						</div>                            
	
						<p class="heading01"><translate>Work Experience</translate></p>
						<div class="form-display-01" id="addinput2">
							<table width="100%" border="0" cellspacing="0" cellpadding="0">
							  <tr>
								<td width="164"  valign="top" class="form-padd-01" align="left"><label for="label"><translate>Company Name</translate></label></td>
								<td><input type="text" name="refer[]" id="refer"  AUTOCOMPLETE=OFF /><br /></td>
							  </tr>
							  
								<tr>
								<td colspan="2" height="8"></td>
								</tr>
							
							  
							  <tr>	
								<td width="164"  valign="top" class="form-padd-01" align="left"><label for="label"><translate>Address</translate></label></td>
								<td><textarea name="emp[]" id="emp" /></textarea></td>
							  </tr>
							  
								<tr>
								<td colspan="2" height="8"></td>
								</tr>
							  
							  <tr>	
								<td width="164"  valign="top" class="form-padd-01" align="left"><label for="label"><translate>Contact No</translate></label></td>
								<td><input type="text" name="phno[]" id="phno"  AUTOCOMPLETE=OFF /></td>
							  </tr>
							  
								<tr>
								<td colspan="2" height="8"></td>
								</tr>
							  
							  <tr>
								<td width="164" valign="top" class="form-padd-01" align="left"><label for="label"><translate>Email</translate></label></td>
								<td><input type="text" name="email1[]" id="email1" AUTOCOMPLETE=OFF /></td>
							  </tr>
							  
								<tr>
								<td colspan="2" height="8"></td>
								</tr>
							  
							  <tr>	
								<td width="164"  valign="top" class="form-padd-01" align="left"><label for="label"><translate>Position</translate></label></td>
								<td><input type="text" name="posi[]" id="posi" AUTOCOMPLETE=OFF /></td>
							  </tr>
							  
							  <tr>
								<td colspan="2" height="8"></td>
								</tr>
							  
							  <tr>	
								<td width="164" valign="top" class="form-padd-01" align="left"><label for="label"><translate>Salary</translate></label></td>
								<td><input type="text" name="sal[]" id="sal" AUTOCOMPLETE=OFF /></td>
							  </tr>
							  
							  <tr>
								<td colspan="2" height="8"></td>
								</tr>
								
							  <tr>	
								<td width="164" valign="top" class="form-padd-01" align="left"><label for="label"><translate>Reason for leaving</translate></label></td>
								<td><input type="text" name="rfl[]" id="rfl" AUTOCOMPLETE=OFF /></td>
							  </tr>
							  
							  <tr>
								<td colspan="2" height="8"></td>
								</tr>
							  
							  <tr>	
								<td width="164" valign="top" class="form-padd-01" align="left"><label for="label"><translate>From</translate></label></td>
								<td><input type="text" id="from" name="from[]"  class="edit_form_date" readonly AUTOCOMPLETE=OFF  /></td>
							  </tr>
							  
							  <tr>
								<td colspan="2" height="8"></td>
								</tr>
							  
							  <tr>	
								<td width="164"  valign="top" class="form-padd-01" align="left"><label for="label"><translate>To</translate></label></td>
								<td><input type="text" id="to" name="to[]" class="edit_form_date" readonly AUTOCOMPLETE=OFF  /></td>
							  </tr>
							</table>
						</div>
														
						<p><a href="#" id="addNew2"><translate>Add More Job information</translate></a></p>
						<div class="page-p" >
						<div id="progressbox" class="progressbox" style="display:none;"><div id="progressbar" class="progressbar"></div >
						<div id="statustxt" class="statustxt">0%</div></div>
					    </div>
						<p class="submit">
						<button id="registerButton3" type="submit"><translate>Save & Continue</translate></button>
						</p>
				   </fieldset>
				   </form>
				   <!-- /Education / Work Experience ////////////////////////////////////////////////////////////////////// -->	


					<?php $branchs=$db->fetchQuery("SELECT * FROM branches   order by branch_name asc");
					$departss=$db->fetchQuery("SELECT * FROM department   order by depart_name asc");
					?>
					<!-- Details subha////////////////////////////////////////////////////////////////////// -->
					<form action="" method="post" enctype="multipart/form-data" id="frm4" onSubmit="return false;" name="frm4" >						
					<fieldset class="step">
					  <p class="heading01"><translate>Details</translate></p>
						<!--<p>
							<label for="country"><translate>Employee Id</translate></label>
							<input type="text" name="emp_id" id="emp_id"  AUTOCOMPLETE=OFF />
							<span id="emp_id_error"></span>
						</p>-->
														
						<p>
							<label for="country"><translate>Employee Status</translate></label>
							<select name="empstat" id="empstat2" onChange="check_terminate(this.value)" >
								<option value="0"><translate>Not Applicable</translate></option>
							</select>
							<span id="empstat2_error" class="view_resign_terminated heading01" style="font-size:12px;font-weight:bold;">View</span>
						</p>
						
						<p>
							<label for="country"><translate>Resign Date</translate></label>
							<input type="text" name="resign_dt" id="resign_join" class="edit_form_date" readonly AUTOCOMPLETE=OFF />
							<span id="dt_join_error"></span>
						</p>						
						
						<p>
							<label for="country"><translate>Date of Join</translate></label>
							<input type="text" name="dt_join" id="dt_join" class="edit_form_date" readonly AUTOCOMPLETE=OFF />
							<span id="dt_join_error"></span>
						</p>
						<p>
							<label for="country"><translate>Blood Group</translate></label>
							<input type="text" name="blood_grp" id="blood_grp"  AUTOCOMPLETE=OFF />
							
						</p>
						<p>
							<label for="country"><translate>ESI details</translate></label>
							<input type="text" name="esi_details" id="esi_details" AUTOCOMPLETE=OFF />
						</p>
						<p>
							<label for="country"><translate>Type of contract</translate></label>
							<select name="emp_contract" id="emp_contract">
							<option value="">---select---</option>
							<option value="L">Limited</option>
							<option value="U">Unlimited</option>
							</select>
							<span id="emp_contract_error"></span>
						</p>
						<p class="contractPeriod">
							<label for="country"><translate>Contract till Date</translate></label>
							<input type="text" name="contractPeriod" class="contractPeriod edit_form_date"/>
							
						</p>
						
						<p>
							<label for="country"><translate>Payment Type</translate></label>
							<select name="pay_salary_type" id="pay_salary_type">
								<option value="">---select---</option>
								<option value="cash">Cash</option>
								<option value="bank">Bank</option>
							</select>
						</p>
						
						<p>
							<label for="country"><translate>Probationary period</translate></label>
							<select name="emp_prob_period" id="emp_prob_period">
							<option value="">---select---</option>
							<option value="No probation">No probation</option>
							<option value="6 Month">6 Month</option>
							<option value="1 Year">1 Year</option>
							</select>
							<span id="emp_prob_period_error"></span>
						</p>
						<p>
							<label for="bmchs"><translate>Branch</translate></label>
							<select name="sel_branch" id="sel_branch">
							<option value="">---select---</option>
							<?php foreach($branchs as $branchss){?>
							<option value="<?php echo $branchss['branch_id'];?>"><?php echo $branchss['branch_name'];?></option>
							<?php }?>
							</select>
						</p>	
				
						<p>
							<label for="deprt"><translate>Department</translate></label>
							<select name="sel_depart" id="sel_depart" onChange="get_designation(this);">
							<option value="">---select---</option>
							<?php	foreach($departss as $departsss){?>
							<option value="<?php echo $departsss['depart_id'];?>"><?php echo $departsss['depart_name'];?></option>
							<?php }?>
							</select>
						 </p>
						 <p>
							<label for="deprt"><translate>Designation</translate></label>
							<select name="sel_desigs" id="sel_desigs">
							<option value="">---select---</option>
							</select>
						 </p>	
						 <p>
							<label for="supervis"><translate>Imm.Supervisor Name</translate></label>
							<select name="imdatesupervisor" id="imdatesupervisor">
							<option value="">---select---</option>
							</select>
						</p>
						<div class="page-p" >
						<div id="progressbox" class="progressbox" style="display:none;"><div id="progressbar" class="progressbar"></div >
						<div id="statustxt" class="statustxt">0%</div></div>
						</div>
						
						
						<p class="heading01"><translate>PF Details</translate></p>
						<div class="form-display-01" id="addinput2">
							<table width="100%" border="0" cellspacing="0" cellpadding="0">
							  <tr>
								<td width="164"  valign="top" class="form-padd-01" align="left"><label for="label"><translate>PF Account No</translate></label></td>
								<td><input type="text" name="pf_acc_no" id="pf_acc_no"  AUTOCOMPLETE=OFF /><br /></td>
							  </tr>
							  
								<tr>
								<td colspan="2" height="8"></td>
								</tr>
														  
							  <tr>	
								<td width="164"  valign="top" class="form-padd-01" align="left"><label for="label"><translate>Date Join The Fund</translate></label></td>
								<td><input type="text" name="date_join_fund" id="date_join_fund" class="edit_form_date" /></td>
							  </tr>
							  
								<tr>
								<td colspan="2" height="8"></td>
								</tr>
							 						 			  
							  <tr>	
								<td width="164" valign="top" class="form-padd-01" align="left"><label for="label"><translate>Total Period of Previous Service PF(YY,MM,DD)</translate></label>			                                  </td>
								<td>
									<select name="pf_year" id="pf_year" style="width:75px;"><option value="">Year</option><option value="1">1</option>
							<option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option></select>
									<select name="pf_month" id="pf_month" style="width:85px;"><option value="">Month</option><option value="1">1</option>
							<option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option></select>
									<select name="pf_days" id="pf_days" style="width:75px;"><option value="">Days</option><option value="1">1</option>
							<option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option></select>
								</td>
							  </tr>
							  
							  <tr>
								<td colspan="2" height="8"></td>
							  </tr>							
							  
							  <tr>	
								<td width="164" valign="top" class="form-padd-01" align="left"><label for="label"><translate>Current PF Acc Balance Previous Company</translate></label></td>
								<td><input type="text" id="current_pf_acc_balance" name="current_pf_acc_balance"  AUTOCOMPLETE=OFF  /></td>
							  </tr>
							  
							  <tr>
								<td colspan="2" height="8"></td>
							  </tr>
								
								<tr>	
								<td width="164"  valign="top" class="form-padd-01" align="left"><label for="label"><translate>Volentry PF Percentage(%)</translate></label></td>
								<td><input type="text" name="vpf_percentage" id="vpf_percentage" /></td>
							  </tr>
							  
							  <tr>	
								<td width="164"  valign="top" class="form-padd-01" align="left"><label for="label"><translate>Whether employee have left PF service</translate></label></td>
								<td><input type="checkbox" name="pf_servicecheck" id="pf_servicecheck" onClick="check_pf_service(this.value);">
								<span id="empstat2_error" class="view_emp_left_pf_service heading01" style="font-size:12px;">View</span></td>
							  </tr>
							 						 
							</table>
						</div>
						
						
						<p class="heading01"><translate>ESI Details</translate></p>
						<div class="form-display-01" id="addinput2">
							<table width="100%" border="0" cellspacing="0" cellpadding="0">
							  <tr>
								<td width="164"  valign="top" class="form-padd-01" align="left"><label for="label"><translate>Insurance no allotted by the corporation</translate></label></td>
								<td><input type="text" name="insur_alloted_corp" id="insur_alloted_corp"  AUTOCOMPLETE=OFF /><br /></td>
							  </tr>
							  
								<tr>
								<td colspan="2" height="8"></td>
								</tr>
															  	 						 
							</table>
						</div>
						
						
						<p class="submit">
							<button id="registerButton4" type="submit"><translate>Save & Continue</translate></button>
						</p>
					</fieldset>
					</form>
					<!-- /Details ////////////////////////////////////////////////////////////////////// -->	

					
					<!-- Bank Details ////////////////////////////////////////////////////////////////////// -->
					<form action="" method="post" enctype="multipart/form-data" id="frm5" onSubmit="return false;" name="frm5" >												
					<fieldset class="step">
						<legend><translate>Bank Details</translate></legend>
						<p>
							<label for="tagname"><translate>Account Name</translate></label>
							<input id="accountname" name="accountname" type="text" AUTOCOMPLETE=OFF />
							<span id="accountname_error"></span>
						</p>
						<p>
							<label for="tagname"><translate>Bank Name</translate></label>
							<input id="bank" name="bank" type="text" AUTOCOMPLETE=OFF />
							<span id="bank_error"></span>
						</p>
						<p>
							<label for="tagname"><translate>Account Number</translate></label>
							<input id="accountno" name="accountno" type="text" AUTOCOMPLETE=OFF />
							<span id="accountno_error"></span>
						</p>
						<p>
							<label for="tagname"><translate>Bank Address</translate></label>
							<textarea name="bankadd" cols="" rows="" id="bankadd"></textarea>
							<span id="bankadd_error"></span>
						</p>
						<p>
							<label for="tagname"><translate>IFSC Code</translate></label>
							<input id="bankcode" name="bankcode" type="text" AUTOCOMPLETE=OFF />
							<span id="bankcode_error"></span>
						</p>
						<div class="page-p" >
						<div id="progressbox" class="progressbox" style="display:none;"><div id="progressbar" class="progressbar"></div >
						<div id="statustxt" class="statustxt">0%</div></div>
						</div>
						<p class="submit">
						<button id="registerButton5" type="submit" ><translate>Save & Continue</translate></button>
						</p>
					</fieldset>
					</form>
					<!-- /Bak Details ////////////////////////////////////////////////////////////////////// -->						
				
				
					<!------------Passport-------------------->
					<?php $cntry=$db->fetchQuery("SELECT * FROM country   order by country_name asc");?>
					<form action="" method="post" enctype="multipart/form-data" id="frm6" onSubmit="return false;" name="frm6" >
					<fieldset class="step">
					   <legend><translate>Passport Details</translate></legend>

						<p>
							<label for="tagname"><translate>Passport Number</translate></label>
							<input id="passnum" name="passnum" type="text" AUTOCOMPLETE=OFF />
							<span id="passnum_error"></span>
						</p>
						<p>
							<label for="tagname"><translate>Passport Issuing country</translate></label>
							<select id="isucountry" name="isucountry">
							<option value="">Select Country</option>
							<?php	foreach($cntry as $cntrys){?>
							<option value="<?php echo $cntrys['country_id']; ?>"><?php echo $cntrys['country_name']; ?></option>
							<?php } ?>
							</select>
							<span id="isucountry_error"></span>
						</p>
						<p>
							<label for="tagname"><translate>Passport Issue Date</translate></label>
							<input id="isudate" name="isudate" type="text" class="edit_form_date" readonly AUTOCOMPLETE=OFF /><span id="isudate_error"></span>
						</p>
						<p>
							<label for="tagname"><translate>Passport Expiry date</translate></label>						   
							<input id="pexpdate" name="pexpdate" class="edit_form_date" readonly type="text" AUTOCOMPLETE=OFF /><span id="pexpdate_error"></span>
						</p>
						<p>
							<label for="tagname"><translate>Nationality</translate></label>
							<input id="natn" name="natn" type="text" AUTOCOMPLETE=OFF /><span id="natn_error"></span>
						</p>
						<p>
							<label for="country"><translate>Passport Doc</translate></label>
							<input type="file" name="passport_doc[]" id="passport_doc" AUTOCOMPLETE=OFF multiple /><br /><br />
						</p>
						<p class="heading01"><translate>Visa Details</translate></p>
							
						<p>
                                <label for="tagname"><translate>Visa Type</translate></label>                                
								<select id="vstype" name="vstype">
									<option value="Residential">Residential</option>
									<option value="Temporary">Temporary</option>
								</select>
						</p>
						<p>
							<label for="tagname"><translate>Place of issue</translate></label>
							<input id="plcisue" name="plcisue" type="text" AUTOCOMPLETE=OFF /><span id="plcisue_error"></span>
						</p>
						<p>
							<label for="tagname"><translate>UID No</translate></label>
							<textarea name="uidno" cols="" rows="" id="uidno"></textarea><span id="uidno_error"></span>
						</p>
						<p>
							<label for="tagname"><translate>File Number</translate></label>
							<input id="filen" name="filen" type="text" AUTOCOMPLETE=OFF /><span id="filen_error"></span>
						</p>
						
						<p>
							<label for="tagname"><translate>Passport Number</translate></label>
							<textarea name="vpasno" cols="" rows="" id="vpasno"></textarea><span id="vpasno_error"></span>
						</p>
						
						<p>
							<label for="tagname"><translate>Profession</translate></label>
							<input id="profsn" name="profsn" type="text" AUTOCOMPLETE=OFF /><span id="profsn_error"></span>
						</p>	
							<p>
							<label for="tagname"><translate>Sponsor</translate></label>
							<input id="spons" name="spons" type="text" AUTOCOMPLETE=OFF /><span id="spons_error"></span>
						</p>
						
						<p>
							<label for="tagname"><translate>Visa Issue date</translate></label>
							<input id="visuedate" name="visuedate" class="edit_form_date" readonly type="text" AUTOCOMPLETE=OFF /><span id="visuedate_error"></span>
						</p>	
						<p>
							<label for="tagname"><translate>Visa Expiry Date</translate></label>
							<input id="viexpdat" name="viexpdat" class="edit_form_date" readonly type="text" AUTOCOMPLETE=OFF /><span id="viexpdat_error"></span>
						</p>
						<p>
							<label for="country"><translate>Visa</translate></label>
							<input type="file" name="visa_doc[]" id="visa_doc" AUTOCOMPLETE=OFF multiple /><br /><br />
						</p>	
		
						<!--Start of Emirates Id Details	-->		
						<p class="heading01"><translate>Emirates Id Details</translate></p>
							<p>
								<label for="tagname"><translate> ID Number</translate></label>
								<input id="emirates_id_number" name="emirates_id_number" type="text" AUTOCOMPLETE=OFF />
							</p>
							<p>
								<label for="tagname"><translate>Card number</translate></label>
								<input id="emirates_card_number" name="emirates_card_number" type="text" AUTOCOMPLETE=OFF />
							</p>
							<p>
								<label for="tagname"><translate>Expiry Date</translate></label>
								<input id="emirates_expiry_date" name="emirates_expiry_date" class="edit_form_date" readonly type="text" AUTOCOMPLETE=OFF />
							</p>
						<!--End of Emirates Id Details-->
		
						<!--Start of Labour Card Details	-->		
						<p class="heading01"><translate>Labour Card Details</translate></p>
							<p>
								<label for="tagname"><translate> ID Number</translate></label>
								<input id="labour_card_number" name="labour_card_number" type="text" AUTOCOMPLETE=OFF />
							</p>
							<p>
								<label for="tagname"><translate>Issuing Authority</translate></label>
								<input id="labour_card_authority" name="labour_card_authority" type="text" AUTOCOMPLETE=OFF />
							</p>
							<p>
								<label for="tagname"><translate>Zone</translate></label>
								<input id="labour_card_zone" name="labour_card_zone" type="text" AUTOCOMPLETE=OFF />
							</p>
							<p>
								<label for="tagname"><translate>Expiry Date</translate></label>
								<input id="labour_expiry_date" name="labour_expiry_date" class="edit_form_date" readonly type="text" AUTOCOMPLETE=OFF />
						</p>
						<div class="page-p" >
						<div id="progressbox" class="progressbox" style="display:none;"><div id="progressbar" class="progressbar"></div >
						<div id="statustxt" class="statustxt">0%</div></div>
						</div>
			 			<p class="submit"><button id="push" type="button"><translate>Save & Finish</button></p>
					</fieldset>
					</form>
					<!---------------------passport--------------------->		
				
                 </div>
            </div>
    	  </div>

		  <div class="clear-float"></div>
		</div><!-- /content -->
		
		<div id="busy">Loading...</div>
		

		<?php include("footer.php");?>

	   </div>
	</div><!-- /.row (main row) -->
   </section><!-- /.content -->
  </aside><!-- /.right-side -->
</div><!-- ./wrapper -->

<!-- add new calendar event modal -->
<!-- jQuery UI 1.10.3 -->

<?php include("footer-js.php"); ?>
		<!--------------scripts for profile view-------------->
<script src="js/print.js"></script>
<link href='fullcalendar/fullcalendar.css' rel='stylesheet' />
<link href='fullcalendar/fullcalendar.print.css' rel='stylesheet' media='print' />
<script src='fullcalendar/fullcalendar.min.js'></script>

	<!--------------scripts for employee list-------------->
    </body>
</html>