File Explorer

<?php include("includes/css.php");
if (isset($_POST['submit'])) {
extract($_POST);
 date_default_timezone_set('Asia/Kolkata');
 $datetime = date('Y-m-d H:i:s');
$datetime = date('Y-m-d H:i:s');
$tmp_file = $_FILES['profile']['tmp_name'];
$ext = pathinfo($_FILES["profile"]["name"], PATHINFO_EXTENSION);
$rand = md5(uniqid().rand()); 
$image = $rand.".".$ext;
move_uploaded_file($tmp_file,"profile/staff/".$image);  
$ip_address=$_SERVER['REMOTE_ADDR'];
$sql="INSERT into staff(staff_id,adhaar_no,name,middle_name,last_name,dob,mobile_no,alt_mobile_no,email_id,gender,address,city,state,pincode,username,password,profile_img,joining_date,status,ip_address,created_date) values 
('$staffid','$adhaar_no','$name','$middle_name','$last_name','$dob','$mobile_no','$alt_mobile_no','$email_id','$gender','$address','$city','$state','$pincode','$username','$password','$image','$joining_date','$status','$ip_address','$datetime')";
if  (mysqli_query($conn, $sql)) {
$last_id= mysqli_insert_id($conn);
$sql_addr="INSERT into staff_address(staff_id) values ('$last_id')";
$resad=mysqli_query($conn, $sql_addr) or die(mysqli_error());
 echo "<script>alert('Staff have added successfully!!!'); 
                    location.replace('staff.php');
                </script>";
}
}
?>

<body class="hold-transition skin-blue sidebar-mini">
    <div class="wrapper">
        <?php include("includes/header.php");?>
        <?php include("includes/sidebar.php");?>
        
        <div class="content-wrapper">
            
            
            <section class="content">
                <div class="row">
                    <div class="col-md-12">
                        <div class="box box-primary">
                            <div class="box-header with-border">
                                <div class="col-md-9">
                                    <h3 class="box-title">Add Staff:</h3>
                                </div> 
                            </div>
                            
                            <div class="box-body">
								<div class="row">
                                <form class="form-horizontal" action="" enctype="multipart/form-data" method="post">
                                    <div class="col-md-4">
										<div class="form-group">
											<label class="control-label col-md-4"> First Name<span class="text-red">*</span></label>
											<div class="col-md-8">
												<input class="form-control" name="name" required="" id="" type="text"> </div>
										</div>
                                     </div>
                                     <div class="col-md-4">
										<div class="form-group">
											<label class="control-label col-md-4">Middle Name</label>
											<div class="col-md-8">
												<input class="form-control" name="middle_name" type="text"> </div>
											</div>
                                     </div>
                                     <div class="col-md-4">
										<div class="form-group">
											<label class="control-label col-md-4">Last Name</label>
											<div class="col-md-8">
												<input class="form-control" name="last_name" type="text"> </div>
											</div>
                                     </div>
            
                                    <div class="col-md-4">
										<div class="form-group">
                                        <label class="control-label col-md-4">Staff Id<span class="text-red">*</span></label>
                                        <div class="col-md-8">
                                            <input class="form-control" required="" name="staffid" type="text"> </div>
										</div>
                                     </div>
                                 <div class="col-md-4">
										<div class="form-group">
											<label class="control-label col-md-4">Joining Date</label>
											<div class="col-md-8">
												<div class="input-group">
													<input class="form-control" placeholder="DD-MM-YYYY" type="date" name="joining_date" required="">
													 <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span> </span>
												</div> 
											</div>
										</div>
                                     </div>
                                     <div class="col-md-4">
										<div class="form-group">
											<label class="control-label col-md-4">Gender<span class="text-red">*</span></label>
											<div class="col-md-8">
												 <select class="form-control" name="gender">
													<option value="" selected="selected">Select</option>
													<option value="Male">Male</option> 
													<option value="Female">Female</option> 
												</select>										 
											</div> 
										</div>
                                     </div>
                                     <div class="col-md-4">
										<div class="form-group">
											<label class="control-label col-md-4">Adhaar No.<span class="text-red">*</span></label>
											<div class="col-md-8">
												<input class="form-control" name="adhaar_no" type="text" required=""> </div>
										</div>
                                     </div>
									 <div class="col-md-4">
										<div class="form-group">
											<label class="control-label col-md-4">DOB<span class="text-red">*</span></label>
											<div class="col-md-8">
												<div class="input-group">
													<input class="form-control" placeholder="DD-MM-YYYY" name="dob" type="date" required="">
													 <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span> </span>
												</div> 
											</div>
										</div>
                                     </div>
                                    
                                     <div class="col-md-4">
										<div class="form-group">
											<label class="control-label col-md-4">Mobile No.<span class="text-red">*</span> </label>
											<div class="col-md-8">
												<input name="mobile_no" minlength="10" maxlength="10" class="form-control" placeholder="Mobile Number" type="tel" required="">
											</div>
										</div>
                                     </div>
                                     <div class="col-md-4">
										<div class="form-group">
											<label class="control-label col-md-4">Alt. Mobile No.<span class="text-red">*</span> </label>
											<div class="col-md-8">
												<input name="alt_mobile_no" minlength="10" maxlength="10" class="form-control" placeholder="Alt. Mobile Number" type="tel" required="">
											</div>
										</div>
                                     </div>
                                     <div class="col-md-4">
										<div class="form-group">
											<label class="control-label col-md-4">Email-Id <span class="text-red">*</span> </label>
											<div class="col-md-8">
												<input name="email_id" class="form-control" placeholder="Email-Id" type="email" required="">
											</div>
										</div>
                                     </div>
									 <div class="col-md-4">
										<div class="form-group">
											<label class="control-label col-md-4">User Name</label>
											<div class="col-md-8">
												<input class="form-control" name="username" placeholder="User Name" type="text">
											</div>
										</div>
                                     </div>
									 <div class="col-md-4">
										<div class="form-group">
											<label class="control-label col-md-4">Password</label>
											<div class="col-md-8">
												<input class="form-control" id="password" name="password" onkeyup="checkPass()" placeholder="Password" type="password">
											</div>
										</div>
                                     </div>
									 <div class="col-md-4">
										<div class="form-group">
											<label class="control-label col-md-4">Re-enter Password</label>
											<div class="col-md-8">
												<input class="form-control" id="repassword" name="repassword" onkeyup="checkPass()" placeholder="Re-enter Password" type="password">
												<span style="color: red" id="error-nwl"></span>
											</div>
										</div>
                                     </div>
									 <div class="col-md-4">
										<div class="form-group">
											<label class="control-label col-md-4">Address</label>
											<div class="col-md-8">
                                                <textarea class="form-control" rows="1" name="address" placeholder="Address" ></textarea>
											</div>
										</div>
                                     </div>
									 <div class="col-md-4">
										<div class="form-group">
											<label class="control-label col-md-4">City</label>
											<div class="col-md-8">
                                               <input class="form-control" id="city" name="city" placeholder="City Name" type="text">
											</div>
										</div>
                                     </div>
                                      <div class="col-md-4">
										<div class="form-group">
											<label class="control-label col-md-4">State</label>
											<div class="col-md-8">
												<select class="form-control" name="state">
													<option selected="selected">Select State</option>
													<option value="">Telangana</option>
													<option value="">Delhi</option>
 												</select>
											</div>
										</div>
                                     </div> 
									 <div class="col-md-4">
										<div class="form-group">
											<label class="control-label col-md-4">Pin Code</label>
											<div class="col-md-8">
                                               <input class="form-control" name="pincode" placeholder="Pin Code" type="text">
											</div>
										</div>
                                     </div>
                                      <div class="col-md-4">
										<div class="form-group">
											<label class="control-label col-md-4">Status</label>
											<div class="col-md-8">
												<select class="form-control" name="status">
													<option  selected="selected">Active</option>
													<option>Inactive</option>
													<option>Discontinued</option>
													<option>Relieved</option>
												</select>
											</div>
										</div>
                                     </div> 
									
                                     <div class="col-md-4">
										<div class="form-group">
											<label class="control-label col-md-4">Photo</label>
											<div class="col-md-8">
												<div class="fileinput">
													<div class="fileinput-new thumbnail mb-5" style="width: 100px; height: 120px;"> </div> 
													<div> <span class="btn btn-warning btn-file">
														<span class="fileinput-new">Select Images</span>
														<input name="profile" type="file"> </span> 
													</div>
												</div>
											</div>
										</div>
                                     </div> 
									<div class="col-md-offset-1 col-md-3">
										<button type="submit" name="submit" class="btn btn-success btn-lg mt-20" name="Submit"><i class="fa fa-check"></i> Submit</button> 
									</div>
								</form>
							</div> 
						</div>
					</div>
				</div> 
			</div>
		</section>
    </div>
	<?php include("includes/footer.php");?>
	</div>
	<?php include("includes/js.php");?> 
	<script type="text/javascript">
         function checkPass()
    {
        var pass1 = document.getElementById('password');
        var pass2 = document.getElementById('repassword');
        var message = document.getElementById('error-nwl');
        var goodColor = "#66cc66";
        var badColor = "#ff6666";
      
        if(pass1.value.length > 5)
        {
            pass1.style.backgroundColor = goodColor;
            message.style.color = goodColor;
            message.innerHTML = "character number ok!"
        }
        else
        {
            pass1.style.backgroundColor = badColor;
            message.style.color = badColor;
            message.innerHTML = " you have to enter at least 6 digit!"
            return;
        }
      
        if(pass1.value == pass2.value)
        {
            pass2.style.backgroundColor = goodColor;
            message.style.color = goodColor;
            message.innerHTML = "Password Match!"
        }
      else
        {
            pass2.style.backgroundColor = badColor;
            message.style.color = badColor;
            message.innerHTML = " These passwords don't match"
        }
    }  
</script>
</body>
</html>

Editing File: add-staff12.php