McGansWebsite/admin/application/views/employee/add.php

<link href="<?=base_url();?>/assets/datatables/plugins/bootstrap/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css" />
<!--select2-->
<link href="<?=base_url();?>assets/select2/css/select2.css" rel="stylesheet" type="text/css" />
<link href="<?=base_url();?>assets/select2/css/select2-bootstrap.min.css" rel="stylesheet" type="text/css" />
<?php $this->load->view('includes/header');?>
<div class="page-container">
	<!-- start sidebar menu -->
	<?php $this->load->view('includes/sidebar');?>
	<!-- start page content -->
	<div class="page-content-wrapper">
		<div class="page-content">
			<div class="page-bar">
				<div class="page-title-breadcrumb">
					<div class=" pull-left">
						<div class="page-title">Add Employee</div>
					</div>
					<ol class="breadcrumb page-breadcrumb pull-right">
						<li><i class="fa fa-home"></i>&nbsp;<a class="parent-item" href="<?=base_url();?>/dashboard">Home</a>&nbsp;<i class="fa fa-angle-right"></i>
						</li>
						<li>&nbsp;<a class="parent-item" href="<?=base_url();?>/employee">Employee</a>&nbsp;<i class="fa fa-angle-right"></i>
						</li>
						<li class="active">Add Employee</li>
					</ol>
				</div>
			</div>
			<!-- Midium Model -->
			<div class="row">
				<div class="col-md-12 col-sm-12">
					<div class="card card-box">
						<div class="card-head">
							<header>Employee</header>	
						</div>
						<div class="card-body" id="bar-parent">
							<form action="<?=base_url();?>add-employee" method="post" enctype="multipart/form-data">
								<div class="form-body">
									<div class="form-group row">
										<label class="control-label col-md-3">Name
											<span class="required"> * </span>
										</label>
										<div class="col-md-5">											
											<input type="text" name="employeename" data-validation="required" placeholder="Enter name" class="form-control input-height">
										</div>
									</div>
									<div class="form-group row">
										<label class="control-label col-md-3">Role
											<span class="required"> * </span>
										</label>
										<div class="col-md-5">											
											<select class="form-control select2" name="roleId" data-validation="required">
											<option value="" selected="selected" id="departentId" >Select</option>
											<?php
												   if(isset($role) && $role->num_rows()>0)
												   {
													   foreach($role->result() as $roles)
													   {
														   ?> <option value="<?=$roles->id;?>"><?=$roles->name;?></option><?php
													   }
												   }
											?>     
												
											</select>
										</div>
									</div>
									<div class="form-group row">
										<label class="control-label col-md-3">Mobile No.
											<span class="required"> * </span>
										</label>
										<div class="col-md-5">
											<input name="mobileNumber" type="text" data-validation="required"  placeholder="Enter Mobile Number" class="form-control input-height" />
											</div>
									</div>
									<div class="form-group row">
										<label class="control-label col-md-3">Address
											<span class="required"> * </span>
										</label>
										<div class="col-md-5">
											<textarea name="address" data-validation="required" placeholder="Enter address" class="form-control" rows="5"></textarea>
										</div>
									</div>
									
									
									<div class="form-group row">
										<label class="control-label col-md-3">Email
										</label>
										<div class="col-md-5">
											<div class="input-group">
												
												<input type="email" data-validation="required" class="form-control input-height" name="email" placeholder="Email Address"> 
											</div>	
										</div>
									</div>
									
									<div class="form-group row">
										<label class="control-label col-md-3">Pincode.
											<span class="required"> * </span>
										</label>
										<div class="col-md-5">
											<input name="code" type="text" data-validation="required" placeholder="Enter code" class="form-control input-height" /> 
											</div>
									</div>
								
									
									<div class="form-group row">
										<label class="control-label col-md-3">UserName.
											<span class="required"> * </span>
										</label>
										<div class="col-md-5">
											<input name="User" type="text" data-validation="required" placeholder="Enter username" class="form-control" /> </div>
									</div>
									<div class="form-group row">
										<label class="control-label col-md-3">Password.
											<span class="required"> * </span>
										</label>
										<div class="col-md-5">
											<input name="Password" type="text" data-validation="required" placeholder="Enter Password" class="form-control" /> </div>
										</div>
								
								
									<div class="form-group row">
										<label class="control-label col-md-3">Profile Image
										</label>
										<div class="col-md-5 compose-editor">
											<input name="employeeImg" type="file" data-validation="required" placeholder="Enter Your Image"class="form-control default">
										</div>
									</div>
									</div>
								<div class="form-actions">
									<div class="row">
										<div class="offset-md-3 col-md-9">
											<input type="submit" name="submit" class="btn btn-info m-r-20" value="Submit">
											<button type="button" class="btn btn-default" data-dismiss="">Cancel</button>
										</div>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Modal -->
		</div>
	</div>
</div>

<?php $this->load->view('includes/footer');?>
<script src="<?=base_url();?>assets/select2/js/select2.js"></script>
<script src="<?=base_url();?>assets/select2/js/select2-init.js"></script>
<script src="<?=base_url();?>assets/jquery.form-validator.min.js"></script>