{% extends 'hexabox/elements/layouts/admin.html' %}
        
{% block additional_css %}
<link rel="stylesheet" href="{{ url_for('static', filename='hexabox/vendor/bootstrap-datepicker/css/bootstrap-datepicker3.min.css')}}">
{% endblock %}		
{% block content %}
			<div class="container">
				<div class="row">
					<h4 class="mb-3">Account Setting</h4>
					<div class="col-xl-3">
						<div class="row">
						
							<!-- Start - Personal -->
							<div class="col-xl-12">
								<div class="card">
									<div class="card-header">
										<h4 class="card-title">Personal</h4>
									</div>
									<div class="card-body px-0 py-2">
										<div class="list-group">
											<a href="javascript:void(0);" class="list-group-item list-group-item-action border-0">
												<i class="fa-solid fa-user text-primary me-2"></i> Profile
											</a>
											<a href="javascript:void(0);" class="list-group-item list-group-item-action border-0">
												<i class="fa-solid fa-lock text-primary me-2"></i> Password
											</a>
											<a href="javascript:void(0);" class="list-group-item list-group-item-action border-0">
												<i class="fa-solid fa-calendar-days text-primary me-2"></i> Date
											</a>
										</div>
									</div>
								</div>
							</div>
							<!-- End - Personal -->
							
							<!-- Start - Company -->
							<div class="col-xl-12">
								<div class="card">
									<div class="card-header">
										<h4 class="card-title">Company</h4>
									</div>
									<div class="card-body px-0 py-2">
										<div class="list-group">
											<a href="javascript:void(0);" class="list-group-item list-group-item-action border-0">
												<i class="fa-solid fa-building text-primary me-2"></i> Commpany Details
											</a>
											<a href="javascript:void(0);" class="list-group-item list-group-item-action border-0">
												<i class="fa-solid fa-user-plus text-primary me-2"></i> Team Members
											</a>
											<a href="javascript:void(0);" class="list-group-item list-group-item-action border-0">
												<i class="far fa-clock text-primary me-2"></i> Format setting
											</a>
											<a href="javascript:void(0);" class="list-group-item list-group-item-action border-0">
												<i class="fa-solid fa-briefcase text-primary me-2"></i> Job boards
											</a>
											<a href="javascript:void(0);" class="list-group-item list-group-item-action border-0">
												<i class="far fa-user text-primary me-2"></i> Positions
											</a>
											<a href="javascript:void(0);" class="list-group-item list-group-item-action border-0">
												<i class="fas fa-times-circle text-danger me-2"></i>Rejections resions
											</a>
											<a href="javascript:void(0);" class="list-group-item list-group-item-action border-0">
												<i class="fas fa-envelope text-primary me-2"></i>Automated message
											</a>
										</div>
									</div>
								</div>
							</div>
							<!-- End - Company -->
							
						</div>
					</div>
					
					<div class="col-xl-9">
						<div class="row">
							
							<!-- Start - Team Members -->
							<div class="col-xl-12">
								<div class="card overflow-hidden">
									<div class="card-header d-block border-0">
										<h4 class="card-title">Team Members</h4>
										<p class="mb-0">Invitite or manage your origanisation's members.</p>
									</div>
									<div class="card-body bg-light py-2">
										<div class="d-flex justify-content-between">
											<h4 class="mb-0">All Users</h4>
											<h4 class="mb-0 text-primary">Users Role Manager</h4>
										</div>
									</div>
								</div>
							</div>
							<!-- End - Team Members -->
							
							<!-- Start - Job Management -->
							<div class="col-xl-12">
								<h5 class="mb-2"><i class="fa-solid fa-user-plus text-primary"></i> Job Management</h5>
							</div>
							<div class="col-xl-12 mb-2">
								<div class="card">
									<div class="card-body table-card-body p-0">
										<div class="table-responsive">
											<table class="table table-borderless my-1">
												<thead>
													<tr>
														<th class="mw-250">Actions</th>
														<th class="mw-100 text-end">Member</th>
														<th class="mw-100 text-end">Manager</th>
														<th class="mw-100 text-end">Admin</th>
													</tr>
												</thead>
												<tbody>
													<tr>
														<td>
															<h6 class="mb-0">Create new job and stage</h6>
														</td>
														<td>
															<div class="form-check custom-checkbox checkbox-warning float-end">
																<input type="checkbox" class="form-check-input" checked="" id="customCheckBox1" required="">
															</div>
														</td>
														<td>
															<div class="form-check custom-checkbox checkbox-primary float-end">
																<input type="checkbox" class="form-check-input" id="customCheckBox2" required="">
															</div>
														</td>
														<td>
															<div class="form-check custom-checkbox checkbox-success float-end">
																<input type="checkbox" class="form-check-input" checked="" id="customCheckBox3" required="">
															</div>
														</td>
													</tr>
													<tr>
														<td>
															<h6 class="mb-0">Edit job and stage</h6>
														</td>
														<td>
															<div class="form-check custom-checkbox checkbox-warning float-end">
																<input type="checkbox" class="form-check-input" id="customCheckBox4" required="">
															</div>
														</td>
														<td>
															<div class="form-check custom-checkbox checkbox-primary float-end">
																<input type="checkbox" class="form-check-input" checked="" id="customCheckBox5" required="">
															</div>
														</td>
														<td>
															<div class="form-check custom-checkbox checkbox-success float-end">
																<input type="checkbox" class="form-check-input" checked="" id="customCheckBox6" required="">
															</div>
														</td>
													</tr>
													<tr>
														<td>
															<h6 class="mb-0">Atchive jobs</h6>
														</td>
														<td>
															<div class="form-check custom-checkbox checkbox-warning float-end">
																<input type="checkbox" class="form-check-input" checked="" id="customCheckBox7" required="">
															</div>
														</td>
														<td>
															<div class="form-check custom-checkbox checkbox-primary float-end">
																<input type="checkbox" class="form-check-input" id="customCheckBox8" required="">
															</div>
														</td>
														<td>
															<div class="form-check custom-checkbox checkbox-success float-end">
																<input type="checkbox" class="form-check-input" checked="" id="customCheckBox9" required="">
															</div>
														</td>
													</tr>
													<tr>
														<td>
															<h6 class="mb-0">Change jobs status</h6>
														</td>
														<td>
															<div class="form-check custom-checkboxcheckbox-warning float-end">
																<input type="checkbox" class="form-check-input" checked="" id="customCheckBox10" required="">
															</div>
														</td>
														<td>
															<div class="form-check custom-checkbox checkbox-primary float-end">
																<input type="checkbox" class="form-check-input"  checked="" id="customCheckBox11" required="">
															</div>
														</td>
														<td>
															<div class="form-check custom-checkbox checkbox-success float-end">
																<input type="checkbox" class="form-check-input" id="customCheckBox12" required="">
															</div>
														</td>
													</tr>
												</tbody>
											</table>
										</div>
									</div>
								</div>
							</div>
							<!-- End - Job Management -->
							
							<!-- Start - Candidate Management -->
							<div class="col-xl-12">
								<h5 class="mb-2"><i class="fa-solid fa-user text-primary"></i> Candidate Management</h5>
							</div>
							<div class="col-xl-12 mb-2">
								<div class="card">
									<div class="card-body table-card-body p-0">
										<div class="table-responsive">
											<table class="table table-borderless my-1">
												<thead>
													<tr>
														<th class="mw-250">Actions</th>
														<th class="mw-100 text-end">Member</th>
														<th class="mw-100 text-end">Manager</th>
														<th class="mw-100 text-end">Admin</th>
													</tr>
												</thead>
												<tbody>
													<tr>
														<td>
															<h6 class="mb-0">Create new job and stage</h6>
														</td>
														<td>
															<div class="form-check custom-checkbox checkbox-warning float-end">
																<input type="checkbox" class="form-check-input" checked="" id="customCheckBox13" required="">
															</div>
														</td>
														<td>
															<div class="form-check custom-checkbox checkbox-primary float-end">
																<input type="checkbox" class="form-check-input" id="customCheckBox14" required="">
															</div>
														</td>
														<td>
															<div class="form-check custom-checkbox checkbox-success float-end">
																<input type="checkbox" class="form-check-input" checked="" id="customCheckBox15" required="">
															</div>
														</td>
													</tr>
													<tr>
														<td>
															<h6 class="mb-0">Edit job and stage</h6>
														</td>
														<td>
															<div class="form-check custom-checkbox checkbox-warning float-end">
																<input type="checkbox" class="form-check-input" id="customCheckBox16" required="">
															</div>
														</td>
														<td>
															<div class="form-check custom-checkbox checkbox-primary float-end">
																<input type="checkbox" class="form-check-input" checked="" id="customCheckBox17" required="">
															</div>
														</td>
														<td>
															<div class="form-check custom-checkbox checkbox-success float-end">
																<input type="checkbox" class="form-check-input" checked="" id="customCheckBox18" required="">
															</div>
														</td>
													</tr>
													<tr>
														<td>
															<h6 class="mb-0">Atchive jobs</h6>
														</td>
														<td>
															<div class="form-check custom-checkbox checkbox-warning float-end">
																<input type="checkbox" class="form-check-input" checked="" id="customCheckBox19" required="">
															</div>
														</td>
														<td>
															<div class="form-check custom-checkbox checkbox-primary float-end">
																<input type="checkbox" class="form-check-input" id="customCheckBox20" required="">
															</div>
														</td>
														<td>
															<div class="form-check custom-checkbox checkbox-success float-end">
																<input type="checkbox" class="form-check-input" checked="" id="customCheckBox21" required="">
															</div>
														</td>
													</tr>
													<tr>
														<td>
															<h6 class="mb-0">Change jobs status</h6>
														</td>
														<td>
															<div class="form-check custom-checkboxcheckbox-warning float-end">
																<input type="checkbox" class="form-check-input" checked="" id="customCheckBox22" required="">
															</div>
														</td>
														<td>
															<div class="form-check custom-checkbox checkbox-primary float-end">
																<input type="checkbox" class="form-check-input"  checked="" id="customCheckBox23" required="">
															</div>
														</td>
														<td>
															<div class="form-check custom-checkbox checkbox-success float-end">
																<input type="checkbox" class="form-check-input" id="customCheckBox24" required="">
															</div>
														</td>
													</tr>
												</tbody>
											</table>
										</div>
									</div>
								</div>
							</div>
							<!-- End - Candidate Management -->
							
							<!-- Start - Commpany Management -->
							<div class="col-xl-12">
								<h5 class="mb-2"><i class="fa-solid fa-users text-primary"></i> Commpany Management</h5>
							</div>
							<div class="col-xl-12 mb-2">
								<div class="card">
									<div class="card-body table-card-body p-0">
										<div class="table-responsive">
											<table class="table table-borderless my-1">
												<thead>
													<tr>
														<th class="mw-250">Actions</th>
														<th class="mw-100 text-end">Member</th>
														<th class="mw-100 text-end">Manager</th>
														<th class="mw-100 text-end">Admin</th>
													</tr>
												</thead>
												<tbody>
													<tr>
														<td>
															<h6 class="mb-0">Create new job and stage</h6>
														</td>
														<td>
															<div class="form-check custom-checkbox checkbox-warning float-end">
																<input type="checkbox" class="form-check-input" checked="" id="customCheckBox25" required="">
															</div>
														</td>
														<td>
															<div class="form-check custom-checkbox checkbox-primary float-end">
																<input type="checkbox" class="form-check-input" id="customCheckBox26" required="">
															</div>
														</td>
														<td>
															<div class="form-check custom-checkbox checkbox-success float-end">
																<input type="checkbox" class="form-check-input" checked="" id="customCheckBox27" required="">
															</div>
														</td>
													</tr>
													<tr>
														<td>
															<h6 class="mb-0">Edit job and stage</h6>
														</td>
														<td>
															<div class="form-check custom-checkbox checkbox-warning float-end">
																<input type="checkbox" class="form-check-input" id="customCheckBox28" required="">
															</div>
														</td>
														<td>
															<div class="form-check custom-checkbox checkbox-primary float-end">
																<input type="checkbox" class="form-check-input" checked="" id="customCheckBox29" required="">
															</div>
														</td>
														<td>
															<div class="form-check custom-checkbox checkbox-success float-end">
																<input type="checkbox" class="form-check-input" checked="" id="customCheckBox30" required="">
															</div>
														</td>
													</tr>
													<tr>
														<td>
															<h6 class="mb-0">Atchive jobs</h6>
														</td>
														<td>
															<div class="form-check custom-checkbox checkbox-warning float-end">
																<input type="checkbox" class="form-check-input" checked="" id="customCheckBox31" required="">
															</div>
														</td>
														<td>
															<div class="form-check custom-checkbox checkbox-primary float-end">
																<input type="checkbox" class="form-check-input" id="customCheckBox32" required="">
															</div>
														</td>
														<td>
															<div class="form-check custom-checkbox checkbox-success float-end">
																<input type="checkbox" class="form-check-input" checked="" id="customCheckBox33" required="">
															</div>
														</td>
													</tr>
													<tr>
														<td>
															<h6 class="mb-0">Change jobs status</h6>
														</td>
														<td>
															<div class="form-check custom-checkboxcheckbox-warning float-end">
																<input type="checkbox" class="form-check-input" checked="" id="customCheckBox34" required="">
															</div>
														</td>
														<td>
															<div class="form-check custom-checkbox checkbox-primary float-end">
																<input type="checkbox" class="form-check-input"  checked="" id="customCheckBox35" required="">
															</div>
														</td>
														<td>
															<div class="form-check custom-checkbox checkbox-success float-end">
																<input type="checkbox" class="form-check-input" id="customCheckBox36" required="">
															</div>
														</td>
													</tr>
												</tbody>
											</table>
										</div>
									</div>
								</div>
							</div>
							<!-- End - Commpany Management -->
							
						</div>
					</div>
				</div>
			</div>
{% endblock %}
{% block additional_js %}
<script src="{{ url_for('static', filename='hexabox/vendor/bootstrap-datepicker/js/bootstrap-datepicker.min.js')}}"></script>
{% endblock %}