McGansWebsite/admin/application/views/faculty/add_faculty.php

<link href="<?=base_url();?>/assets/datatables/plugins/bootstrap/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css" />
<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 Faculty</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();?>/faculty">Faculty</a>&nbsp;<i class="fa fa-angle-right"></i>
								</li>
								<li class="active">Add Faculty</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>Faculty</header>	
								</div>
								<div class="card-body" id="bar-parent">
									<form action="<?=base_url();?>add_faculty" method="post" enctype="multipart/form-data">
										<div class="form-body">
											<div class="form-group row">
												<label class="control-label col-md-3">Faculty 
													<span class="required"> * </span>
												</label>
												<div class="col-md-5">											
													<input type="text" name="facultyId" data-required="1" placeholder="Enter Your Id" class="form-control input-height" data-validation="required"/>
												</div>
											</div>
											<div class="form-group row">
												<label class="control-label col-md-3">Name
													<span class="required"> * </span>
												</label>
												<div class="col-md-5">
													<input name="name" type="text" placeholder="Enter Your Name" class="form-control input-height" data-validation="required" /> </div>
											</div>
											<div class="form-group row">
												<label class="control-label col-md-3">Email
												<span class="required"> * </span>
												</label>
												<div class="col-md-5">
													<div class="input-group">
														
														<input type="email" class="form-control input-height" name="email" placeholder="Enter Your Email"  data-validation="required"> 
													</div>	
												</div>
											</div>
											<div class="form-group row">
												<label class="control-label col-md-3">Mobile Number
													<span class="required"> * </span>
												</label>
												<div class="col-md-5">
													<input name="mobileNumber" type="text" placeholder="Enter Your Mobile Number" class="form-control input-height" data-validation="required"/> </div>
											</div>
											<div class="form-group row">
												<label class="control-label col-md-3">Date Of Birth
													<span class="required"> * </span>
												</label>
                                                  <div class="col-md-5">
												<div class="input-append date" id="dp3">
													<input type="date" name="date" data-required="1" data-validation="required" class="form-control input-height formDatePicker valid">
													<!--<span class="add-on"><i class="fa fa-calendar"></i></span>-->
												</div>
												</div>
											</div>
											<div class="form-group row">
												<label class="control-label col-md-3">Gender
													<span class="required"> * </span>
												</label>
												<div class="col-md-5">												
													<select class="form-control select2" name="gender" data-validation="required">
														<option value="">Select...</option>
														<option value="1">Male</option>
														<option value="2">Female</option>
													</select>													
												</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" placeholder="address" class="form-control" rows="5" data-validation="required"></textarea>
												</div>
											</div>
											<div class="form-group row">
												<label class="control-label col-md-3">Designation
													<span class="required"> * </span>
												</label>
												<div class="col-md-5">
													<input name="designation" type="text" placeholder="Enter Your Designation" data-validation="required" class="form-control input-height" /> </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="image" type="file" class="form-control default" data-validation="required" multiple>
												</div>
											</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">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>