EVOLUTION-NINJA

Edit File: add_employee_details.php

<?php   //include("menu.php"); 
error_reporting(E_ALL); ?>
<script>
function displaycustomer(str)
{
$.ajax({
  type:"post",
  url:"<?php echo base_url(); ?>display_data/testingcustomer",
  data:"id="+str,
  success:function(data) {
  document.getElementById("dynamicdatamster").innerHTML=data;
  }
  });
}
</script> 
<script>
    $(function () {
        $("#orderDate").datepicker({
            dateFormat: "d-m-yy",
            changeMonth: true,
            changeYear: true
        });
    });
  
</script>
<?php  //include("menu.php");
?>
 
 <div class="page-content-wrapper">
		<div class="page-content">
			
			
			<h3 class="page-title"> Employee Master </h3>
			<div class="page-bar">
		<ul class="page-breadcrumb">
			<li><i class="fa fa-home"></i> <a href="<?php echo base_url();?>dashboard/dashboard_fun">Home</a> <i
			class="fa fa-angle-right"></i> <a href="<?php echo base_url('access/employee_details'); ?>" >Employee Matser </a></li>
		</ul>
	</div>
			 <?php  $this->load->view('import_module/masters_data_display'); ?>
			
			<div class="portlet box blue-madison">
				<form id="land_owner" class="form-inline" enctype="multipart/form-data" method="post">			
					<div class="row" style="padding-bottom:15px;">
					<div class="form-group col-sm-12 col-md-6">
							<label class="col-sm-4 col-xs-5">Full Name</label>
							<input type="text" class="col-sm-8 col-xs-7" name="name" id="name" required>
						</div>		
						<div class="clearfix visible-xs"></div>
						<div class="form-group col-sm-12 col-md-6">
							<label class="col-sm-4 col-xs-5">Phone</label>
							<input type="text" class="col-sm-8 col-xs-7" name="phone" id="phone" maxlength="10" required>
						</div>
					</div> 
					
					<div class="row" style="padding-bottom:15px;">
							<div class="form-group col-sm-12 col-md-6">
							<label class="col-sm-4 col-xs-5">Username</label>
							<input type="text" class="col-sm-8 col-xs-7" name="username" id="username"  required>
						</div>
						<div class="clearfix visible-xs"></div>
						<div class="form-group col-sm-12 col-md-6">
							<label class="col-sm-4 col-xs-5">Email</label>
							<input type="text" class="col-sm-8 col-xs-7" name="email" id="email" required>
						</div>
					</div> 
					
					<div class="row" style="padding-bottom:15px;">
						<div class="form-group col-sm-12 col-md-6">
							<label class="col-sm-4 col-xs-5">Date Of Birth</label>
							<input type="text" class="col-sm-8 col-xs-7" name="date_of_birth" id="date_of_birth" data-provide="datepicker">
						</div>
						<div class="clearfix visible-xs"></div>
						<div class="form-group col-sm-12 col-md-6">
							<label class="col-sm-4 col-xs-5">Blood Group</label>
							<input type="text" class="col-sm-8 col-xs-7" name="blood_group" id="blood_group">
						</div>
					</div> 
					
					<div class="row" style="padding-bottom:15px;">
						<div class="form-group col-sm-12 col-md-6">
							<label class="col-sm-4 col-xs-5">Gender</label>
							<select class="col-sm-8 col-xs-7" id="gender" name="gender" style="height:26px;">
								<option>Select Gender</option>
								<option>Male</option>
								<option>Female</option>								
							</select>
						</div>
						<div class="form-group col-sm-12 col-md-6">
							<label class="col-sm-4 col-xs-5">Designation</label>
							<input type="text" class="col-sm-8 col-xs-7" name="designation" id="designation" required>
						</div>
					</div> 
					
					<div class="row" style="padding-bottom:15px;">
						<div class="form-group col-sm-12 col-md-6">
							<label class="col-sm-4 col-xs-5">Password</label>
							<input type="password" class="col-sm-8 col-xs-7" name="pass" id="pass" required>							
						</div>
						<div class="clearfix visible-xs"></div>
						<div class="form-group col-sm-12 col-md-6">
							<label class="col-sm-4 col-xs-5">PAN / Aadhar</label>
							<input type="text" class="col-sm-8 col-xs-7" name="pan_aadhar_no" id="pan_aadhar_no">					
							
						</div>
						
					</div> 
					
					
					<div class="row" style="padding-bottom:15px;">
						<div class="form-group col-sm-12 col-md-6">
							<label class="col-sm-4 col-xs-5">Access Role</label>
							<select class="col-sm-8 col-xs-7" id="role" name="role" style="height:26px;" required>
							<?php
							foreach($departments as $val)
							{ ?>
								<option value="<?php echo $val->user_type_id;?>"><?php echo $val->user_type;?></option>							
							
							<?php } ?>	
							</select>						
						</div>

<div class="clearfix visible-xs"></div>
						
						<div class="form-group col-sm-6 col-md-6">
							<label class="col-sm-4 col-xs-5">Address</label>
							<div class="col-sm-8 col-xs-7" style="padding-left: 0 !important; padding-right:0 !important;">
								<textarea class="" rows="3" id="address" name="address"  style="width:100%;"></textarea>
							</div>
						</div>
					</div> 
					
					
											
					
					<div class="row" style="padding-bottom:15px;">
						<div class="col-sm-4 col-md-4"></div>
						<div class="col-sm-4 col-md-4">
							
							
							<button id="submit" name="submit" class="btn center-block submit">Submit</button>
					
						</div>
						<div class="col-sm-4 col-md-4"></div>													
					</div> 						
				</form>
			</div>
			
			
	</div>
</div>
</div>

<script>
$(document).ready(function(){	
	   $('#phone').on('change keyup', function() {
		  var sanitized = $(this).val().replace(/[^0-9]/g, '');
		  $(this).val(sanitized);
		});
	});

$(document).ready(function(){	
	   $('#name').on('change keyup', function() {
		  var sanitized = $(this).val().replace(/[^a-zA-Z -]+$/,'');
		  $(this).val(sanitized);
		});
	});
</script>				
<script src="<?php echo base_url(); ?>assets/js/sweetalert.min.js" type="text/javascript"></script>
<link href="<?php echo base_url(); ?>assets/css/sweetalert.min.css" rel="stylesheet" type="text/css" >
<script src="<?php echo base_url(); ?>assets/js/rowedex3.min.js" type="text/javascript"></script> 	
<script>
$("#land_owner").submit(function(e) {
	e.preventDefault();
	
	formdata = new FormData($(this)[0]);
	  
 	$.ajax({
		url:"<?php echo base_url('access/insert_access_control_data');?>",
		type:"POST",

data: formdata,      
			 contentType: false,
             processData: false,

success:function(data)
			 {
				
				  window.location.href  = '<?php echo base_url('access/employee_details');?>';
				}
		 });

});
	
	
	 $(function () {
        $("#date_of_birth").datepicker({
            dateFormat: "dd/mm/yy",
            changeMonth: true,
            changeYear: true
        });
    });
</script>

<style>

body{
overflow-y:hidden;}

.portlet > .portlet-body.blue-madison, .portlet.blue-madison {
    background-color:transparent !important;
}
.portlet.box.blue-madison{
 border:transparent !important;}

input:required {
    border-color: #ccc !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
</style>