<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Administrator | Vision Creators Pvt. Ltd.</title>
		<link href="css/bootstrap.css" rel="stylesheet" />
		<link href="css/style.css" rel="stylesheet" />
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
	</head>
	
	<body>
		<div id="wrapper">
			<?php
				include("top-header.php");
				include("right-sec.php");
			?>
			<div id="page-wrapper" >
				<div id="page-inner">
					<div class="row">
						<div class="col-md-12">
							<h3 class="page-header">
								Manage User<small></small>
							</h3>

							<div class="table-sec">
								<div class="btn_sec">
									<ul>
										<li class="btn_add"><a type="button" data-toggle="modal" data-target="#create-user"><i class="fa fa-plus"></i> Add</a></li>
									 	<li class="btn_dlt"><a href=""><i class="fa fa-trash"></i> Delete</a></li>
									</ul>
								</div>
								<table>
									<tr class="tbl_head"> 
										<th><input type="checkbox" name="" id=""></th>
										<th>Name</th>
										<th>Email ID</th>
										<th>Mobile no.</th>
										<th>User Type</th>
										<th>Status</a></th>
									</tr>
									<tr>
										<th><input type="checkbox" name="" id=""></th>
										<td>ALKA GUPTA</td>
										<td>officedgft@gmail.com</td>
										<td>8860052521</td>
										<td>Staff</td>
										<td>
											<ul class="table-ul">
												<li><a href="" alt="done"><i class="done fa fa-check"></i></a></li>
												<li><a type="button" data-toggle="modal" data-target="#create-user"><i class="edit fa fa-pencil"></i></a></li>
											</ul>
										</td>
									</tr>
								</table>
							</div>
						</div>
					</div> 
				</div>
			</div>
			<?php
				include("footer-sec.php");
			?>
						
			<div class="container">
				<div class="modal fade" id="create-user" role="dialog">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal">×</button>
								<h4 class="modal-title">Add User</h4>
							</div>
							<div class="modal-body">
								<div class="srch_box">
									<form action="">
										<div class="row">
											<div class="col-md-12 col-xs-12">
												<div class="enq_box">
													<div class="col-md-6 col-xs-6">	
														<div class="form-group form-select">
															<label>User Name</label>
															<input class="form-control" type="text" alt="" name="">
														</div>		
													</div>
													<div class="col-md-6 col-xs-6">	
														<div class="form-group form-select">
															<label>User Type</label>
															<select class="form-control">
																<option>Select User</option>
																<option>Staff</option>
															</select>
														</div>		
													</div>
													<div class="col-md-6 col-xs-6">	
														<div class="form-group form-select">
															<label>First Name</label>
															<input class="form-control" type="text" alt="" name="">
														</div>		
													</div>
													<div class="col-md-6 col-xs-6">	
														<div class="form-group form-select">
															<label>Last Name</label>
															<input class="form-control" type="text" alt="" name="">
														</div>		
													</div>
												</div>
												<div class="oth_box">	
													<div class="col-md-6 col-xs-6">	
														<div class="form-group form-select">
															<label>Password </label>
															<input class="form-control" type="text" alt="" name="">
														</div>		
													</div>
													<div class="col-md-6 col-xs-6">
														<div class="form-group form-select">
															<label>Confirm Password</label>
															<input class="form-control" type="text" alt="" name="">
														</div>		
													</div>
													<div class="col-md-6 col-xs-6">
														<div class="form-group form-select">
															<label>Is Active </label>
															<input class="form-control" type="text" alt="" name="">
														</div>		
													</div>
													<div class="col-md-6 col-xs-6">
														<div class="form-group form-select">
															<label>User Type </label>
															<input class="form-control" type="text" alt="" name="">
														</div>		
													</div>													
												</div>
											</div>	
										</div>
										<div class="row">
											<div class="col-md-4 col-xs-4">	
												<div class="btn_sec">
													<ul>
														<li class="btn_add"><a href="">Save</a></li>
														<li class="btn_dlt"><a href="">Cancle</a></li>
													</ul>
												</div>
											</div>
										</div>
									</form>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		
		<!-- jQuery Js -->
		<script src="js/jquery-1.10.2.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/jquery.metisMenu.js"></script>
		<script src="js/custom-scripts.js"></script>
	</body>
</html>
