<?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" />

<!-----hrm-------------->

<!-- FORM -->
<link rel="stylesheet" href="css/form-slide.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="css/jquery-ui.css" />
<script src="js/jquery-ui.js"></script>



        <!-- 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">


<div class="content">
 

<div id="form-content">
            <div id="form-wrapper">
                <div id="steps">
				
                    <form id="createEmployees" >

<!-- Basic Profile ////////////////////////////////////////////////////////////////////// -->		
				
                        <fieldset class="step">
                            <legend>Create Person <span><a href="employee-lists.php">Back to lists</a></span></legend>
													
                            <p>
                                <label for="username">Name</label>
                                <input  name="name" id="name" minlength="3" type="text"  />
                            </p>
							
                            <p>
                                <label for="username">Employee ID in Device</label>
                                <input name="device_empid" minlength="1" type="text" />
                            </p>
							<p>
							<label for="country"><translate>Date of Join</translate></label>
							<input type="text" name="dt_join" id="dt_join" class="edit_form_date" AUTOCOMPLETE=OFF />
							</p>
                            <p>
                                <label for="username">Gender</label>
                                  <select name="gender" id="gender2" >
										  <option value="">Gender</option>
										  <option value="Male">Male</option>
										  <option value="Female">Female</option>
								  </select>
							</p>
                            
                            <p>
                                <label for="username">Email</label>
                                <input  name="email" id="email" type="email"  />
                            </p>
                             <p>
                                <label for="cardtype">Phone</label>
                               <input name="phone" id="phone" type="text"  />

                            </p>
                            <p>
                                <label for="cardtype">Password</label>
                                <input  name="password" id="password" type="password"  />
                            </p>
                            <p>
                                <label for="username">Confirm Password</label>
                                <input  name="confirm_password" type="password"  />
                            </p>
                            <p>
                                <label for="username">Branch</label>
                                <select name="branch" id="branch"></select>

                            </p>
							<p>
                                <label for="branch_admin">Branch admin</label>
                                <input type="checkbox" name="branch_admin" id="branch_admin">

                            </p>
                            <p>
                                <label for="username">Device</label>
                                <select name="device[]" id="device" multiple="multiple">
								<option value="">Device ID</option>
								</select>
                            </p>
                            <p>
                                <label for="username">Department</label>
                                <select name="department" id="department">
								<option value="">Select Department</option>
								</select>
                            <p>
                                <label for="cardtype">Designation</label>
                                <select name="designation" id="designation"></select>
                            </p>
							
                            <p>
                                <label for="username">Immediate Supervisor</label>
                                
								<select name="imdatesupervisor" id="imdatesupervisor"></select>
                            </p>
			
							
							<p> <input type="hidden" name="sel_id" id="sel_id" value="">
								<input type="button" class="create-click cancelCreatingPerson"  value="Cancel">
								<input type="button"  id="createEmployee"  class="create-click" value="Create">
																
							</p>
									
			
						</fieldset>
	         </div>  				
						
                    </form>
                </div>
              
            </div>

<div class="clear-float"></div>
</div><!-- /content -->
<div id="busy">Loading...</div>
<div class="footer">
<strong>© add-HRM</strong><br />
<span>Developed by <a href="http://www.aadhocc.com" target="_blank">Aadhocc</a></span></div><!-- /footer -->

</div>
					
					
                    </div><!-- /.row (main row) -->

                </section><!-- /.content -->
            </aside><!-- /.right-side -->
        </div><!-- ./wrapper -->

        <!-- add new calendar event modal -->


        <!-- jQuery 2.0.2 -->
                       <?php 
	include("footer-js.php");
?>
		<!--------------scripts for employee list-------------->
<!--<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.min.js"></script>-->
<script language="javascript" src="js/css3-mediaqueries.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.tools.min.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>

<script type="text/javascript" src="js/createUser.js"></script>
<script type="text/javascript" src="js/image-crop.js"></script>
<script type="text/javascript" src="js/fileuploader.js"></script>
	<!--------------scripts for employee list-------------->
	<script>
		$('#dt_join').datepicker({dateFormat:"dd-mm-yy"});
		</script>
    </body>
</html>