<style>
.has-float-label label, .has-float-label > span {
	font-size: 90%;
}
</style>

<?php
$theExportHeader = 'Staff List';
if (isset($school_info) && !empty($school_info)) {
    $theExportHeader = $school_info['school_name'].' - '.$theExportHeader.'-'.$today_date;
}
?>

<div class="wraper responsive-width">

	<main>
		<div class="admin_tempblock">
			<div class="admin_tempsec">
				<div class="admin_sec">
					<div class="subsec_sec">
						<div class="subject_r subject_r_lng">
							<div class="subject_lsec">

								<div class="pr-5 ">
									<nav aria-label="breadcrumb">
										<ol class="breadcrumb">
											<li class="breadcrumb-item"><a href="<?= base_url() . 'dashboard' ?>">Dashboard</a></li>
											<li class="breadcrumb-item active" aria-current="page"><?= $title ?></li>
										</ol>
									</nav>
								</div>
								<!--  -->
								<?php if ($this->session->flashdata('success')) { ?>
									<div class="alert alert-success alert-dismissible fade show mr-5 mb-0" role="alert">
										<p><?php echo $this->session->flashdata('success') ?></p>
										<button type="button" class="close" data-dismiss="alert" aria-label="Close">
											<span aria-hidden="true">&times;</span>
										</button>
									</div>
								<?php } ?>

								<?php if ($this->session->flashdata('danger')) { ?>
									<div class="alert alert-danger alert-dismissible fade show mr-5 mb-0" role="alert">
										<p><?php echo $this->session->flashdata('danger') ?></p>
										<button type="button" class="close" data-dismiss="alert" aria-label="Close">
											<span aria-hidden="true">&times;</span>
										</button>
									</div>
								<?php } ?>

								<div class="pr-5">

									<div class="py-2">
										<a href="<?= base_url(); ?>ae-staff/0" type="button" class="btn btn-sm btn-outline-success float-right">
											<i class="fa fa-plus "></i> Add New Staff
										</a>
										<div class="clearfix"></div>


									</div>

									<div class="border py-3 px-4">

										<!--  -->
										<table id="tbl" class="display table-responsive">
											<thead>
												<tr>
													<th class="textCenter">S.No</th>
													<th class="textCenter no-sort">Staff Id</th>
													<th class="textCenter no-sort">Name</th>
													<th class="textCenter no-sort">Role</th>
													<th class="textCenter no-sort">Department</th>
													<th class="textCenter no-sort">Designation</th>
													<th class="textCenter no-sort">Contact No.</th>
													<th class="textCenter no-sort">Joined Date</th>
													<th class="textCenter no-sort">Is Active</th>
													<th class="textCenter no-sort noExport">Action</th>
												</tr>
											</thead>
											<tbody>
												<?php
												foreach ($staff_list as $staff_key => $staff) {
													// echo '<pre>';
													// print_r($staff);


													$baseUrl = str_replace('/hr', '', base_url());

													if (empty($staff['photo'])) {

														$staffPhoto = $baseUrl . "common_assets/user.png";
													} else {

														$photoUrl = '../assets_admin/images/teacher-profile/' . $staff['photo'];
														if (file_exists($photoUrl)) {

															$staffPhoto = $baseUrl . "assets_admin/images/teacher-profile/" . $staff['photo'];
															// $staffPhoto = $baseUrl . "common_assets/user.png";
														} else {
															$staffPhoto = $baseUrl . "common_assets/user.png";
														}
													}

													if (empty($staff['document_photo_1'])) {

														$documentPhoto = $baseUrl . "common_assets/No-Image.jpg";
													} else {

														$documentPhotoURL = '../assets_admin/docs/staff-documents/' . $staff['document_photo_1'];
														if (file_exists($documentPhotoURL)) {

															$documentPhoto = $baseUrl . "assets_admin/docs/staff-documents/" . $staff['document_photo_1'];
															// $staffPhoto = $baseUrl . "common_assets/user.png";
														} else {
															$documentPhoto = $baseUrl . "common_assets/No-Image.jpg";
														}
													}

													if (empty($staff['resume'])) {

														$staffResume = $baseUrl . "common_assets/No-Image.jpg";
													} else {

														$resumeURL = '../assets_admin/docs/staff-documents/' . $staff['resume'];
														if (file_exists($resumeURL)) {

															$staffResume = $baseUrl . "assets_admin/docs/staff-documents/" . $staff['resume'];
															// $staffPhoto = $baseUrl . "common_assets/user.png";
														} else {
															$staffResume = $baseUrl . "common_assets/No-Image.jpg";
														}
													}

													if (empty($staff['joining_letter'])) {

														$joiningLetter = $baseUrl . "common_assets/No-Image.jpg";
													} else {

														$documentPhotoURL = '../assets_admin/docs/staff-documents/' . $staff['joining_letter'];
														if (file_exists($documentPhotoURL)) {

															$joiningLetter = $baseUrl . "assets_admin/docs/staff-documents/" . $staff['joining_letter'];
															// $staffPhoto = $baseUrl . "common_assets/user.png";
														} else {
															$joiningLetter = $baseUrl . "common_assets/No-Image.jpg";
														}
													}

													if (empty($staff['other_document'])) {

														$otherDocument = $baseUrl . "common_assets/No-Image.jpg";
													} else {

														$otherDocumentURL = '../assets_admin/docs/staff-documents/' . $staff['other_document'];
														if (file_exists($otherDocumentURL)) {

															$otherDocument = $baseUrl . "assets_admin/docs/staff-documents/" . $staff['other_document'];
															// $staffPhoto = $baseUrl . "common_assets/user.png";
														} else {
															$otherDocument = $baseUrl . "common_assets/No-Image.jpg";
														}
													}

													$address = array();
													$address[0] = $staff['address'];
													foreach ($provinces as $p_key => $province) {
														if ($province['id'] == $staff['province']) {
															// $address[0] = $province['id'];
															array_push($address, $province['name']);
														}
													}
													array_push($address, $staff['country']);


												?>
													<tr>
														<td><?= $staff_key + 1 ?></td>
														<td><?= $staff['staffId'] ?></td>
														<td><?= $staff['name'] ?></td>
														<td><?= $staff['role_title'] ?></td>
														<td><?= $staff['department_title'] ?></td>
														<td><?= $staff['designation_title']  ?></td>
														<td><?= $staff['mobile'] ?></td>
														<td><?= $staff['date_of_joining'] ?></td>
														<td><?= ucfirst($staff['is_active']) ?></td>
														<td>
															<button type="button" class="btn btn-sm btn-outline-primary" data-toggle="modal" data-target="#updateModal<?= $staff['id'] ?>">
																<i class="fa fa-edit"></i>
															</button>
															<button type="button" class="btn btn-sm btn-outline-primary" data-toggle="modal" data-target="#staffDetailModal<?= $staff['id'] ?>">
																<i class="fa fa-eye"></i>
															</button>
															<!-- Staff Detail Update Modal -->
															<div class="modal fade" id="updateModal<?= $staff['id'] ?>" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
																<div class="modal-dialog modal-lg" role="document">
																	<div class="modal-content">
																		<div class="modal-header">
																			<h5 class="modal-title text-center" id="exampleModalLabel"><?= $staff['name'] ?></h5>
																			<button type="button" class="close" data-dismiss="modal" aria-label="Close">
																				<span aria-hidden="true">&times;</span>
																			</button>
																		</div>
																		<form action="<?= base_url(); ?>staffs" method="POST" onkeydown=" return event.key != 'Enter'" enctype="multipart/form-data">
																			<div class="modal-body">
																				<input type="hidden" name="staffId" value="<?= $staff['id'] ?>">

																				<div class="card">
																					<div class="card-header">
																						Basic Info
																					</div>
																					<div class="card-body">
																						<div class="row justify-content-center">
																							
																							<div class="col form-group">
																								<label class="has-float-label">
																									<input type="text" id="theStaffId" name="theStaffId" class=" form-control" placeholder='Staff Id' value="<?= $staff['staffId'] ?>" readonly>
																									<span style="background-color: none;">Staff ID</span>
																								</label>
																							</div>
																							<div class="col form-group px-0">
																								<label class="has-float-label">
																									<select id="is_active" class="form-control custom-select" placeholder="Is Active" name="is_active">
																										<option value="">
																											Select Status
																										</option>
																										<option value="yes" <?= $staff['is_active'] == 'yes' ? 'selected' :'' ?>>Yes</option>
																										<option value="no" <?= $staff['is_active'] == 'no' ? 'selected' :'' ?>>No</option>
																									</select>
																									<span>Is Active</span>
																								</label>
																							</div>
																							<div class="col form-group">
																								
																							</div> 
																							<div class="w-100 my-0"></div>
																							<div class="col form-group ">
																								<label class="has-float-label">
																									<select id="role" class="form-control custom-select" placeholder="Role" name="role" required>
																										<?php
																										foreach ($staff_roles as $role_key => $role) {
																										?>
																											<option value="<?= $role['id'] ?>" <?= $staff['role'] == $role['id'] ? 'selected' : ''  ?>>
																												<?= $role['title'] ?>
																											</option>
																										<?php
																										}
																										?>
																									</select>
																									<span>Role <b class="text-danger">*</b></span>
																								</label>
																							</div>
																							<div class="col form-group px-0">
																								<label class="has-float-label">
																									<select id="department" class="form-control custom-select" placeholder="Department" name="department">
																										<option value="">
																											Select Department
																										</option>
																										<?php
																										foreach ($department_list as $department_key => $department) {
																										?>
																											<option value="<?= $department['id'] ?>" <?= $staff['department'] == $department['id'] ? 'selected' :'' ?>>
																												<?= $department['title'] ?>
																											</option>
																										<?php
																										}
																										?>
																									</select>
																									<span>Department</span>
																								</label>
																							</div>
																							<div class="col form-group ">
																								<label class="has-float-label">
																									<select id="designation" class="form-control custom-select" placeholder="Designation" name="designation">
																										<option value="" selected>
																											Select Designation
																										</option>
																										<?php
																										foreach ($designation_list as $designation_key => $designation) {
																										?>
																											<option value="<?= $designation['id'] ?>" <?= $staff['designations'] == $designation['id'] ? 'selected' :'' ?>>
																												<?= $designation['title'] ?>
																											</option>
																										<?php
																										}
																										?>
																									</select>
																									<span>Designation</span>
																								</label>
																							</div>
																							<div class="w-100 my-0"></div>
																							<div class="col form-group">
																								<label class="has-float-label">
																									<input type="text" id="name" name="name" class=" form-control" placeholder='Enter Full Name' value="<?= $staff['name'] ?>" required>
																									<span>Full Name <b class="text-danger">*</b></span>
																								</label>
																							</div>
																							<div class="col form-group px-0">
																								<label class="has-float-label">
																									<input type="text" id="father_name" name="father_name" class=" form-control" placeholder='Enter Father Name' value="<?= $staff['father_name'] ?>">
																									<span>Father Name</span>
																								</label>
																							</div>
																							<div class="col form-group ">
																								<label class="has-float-label">
																									<input type="text" id="mother_name" name="mother_name" class=" form-control" placeholder='Enter Mother Name' value="<?= $staff['mother_name'] ?>">
																									<span>Mother Name</span>
																								</label>
																							</div>
																							<div class="w-100 my-0"></div>
																							<div class="col form-group ">
																								<label class="has-float-label">
																									<select id="gender" class="form-control custom-select" placeholder="Gender" name="gender" required>
																										<option value="male" <?= $staff['gender'] == 'male' ? 'selected' :'' ?>>
																											Male
																										</option>
																										<option value="female" <?= $staff['gender'] == 'female' ? 'selected' :'' ?>>
																											Female
																										</option>
																										<option value="other" <?= $staff['gender'] == 'other' ? 'selected' :'' ?>>
																											Others
																										</option>
																									</select>
																									<span>Gender <b class="text-danger">*</b></span>
																								</label>
																							</div>
																							<div class="col form-group px-0">
																								<label class="has-float-label">
																									<select id="martial_status" class="form-control custom-select" placeholder="martial_status" name="martial_status" required>
																										<option value="married" <?= $staff['martial_status'] == 'married' ? 'selected' :'' ?>>
																											Married
																										</option>
																										<option value="unmarried" <?= $staff['martial_status'] == 'unmarried' ? 'selected' :'' ?>>
																											Unmarried
																										</option>
																									</select>
																									<span>Martial Status <b class="text-danger">*</b></span>
																								</label>
																							</div>
																							<div class="col form-group ">
																								<label class="has-float-label">
																									<input type="text" name="sdob" id='sdob' class="nepal-date sdob form-control" placeholder=" DOB (In B.S.) (YYYY-mm-dd)" width="100%" value="<?= $staff['dob'] ?>" required>
																									<span>Date Of Birth (In B.S.) <b class="text-danger">*</b></span>
																								</label>
																							</div>
																							<div class="w-100 my-0"></div>
																							<div class="col form-group mb-0">
																								<label class="has-float-label">
																									<input type="text" id="qualifications" name="qualifications" class=" form-control" placeholder='Qualifications' value="<?= $staff['qualification'] ?>">
																									<span>Qualifications</span>
																								</label>
																							</div>
																							<div class="col form-group px-0 mb-0">
																								<label class="has-float-label">
																									<input type="text" id="experience" name="experience" class="form-control" placeholder='Experience' value="<?= $staff['experience'] ?>">
																									<span>Experience</span>
																								</label>
																							</div>
																							<div class="col form-group mb-0">
																								<label class="has-float-label">
																									<input type="text" value="<?= $staff['date_of_joining'] ?>" name="date_of_joining" id='date_of_joining' class="nepal-date date_of_joining form-control" placeholder=" Date of Joining (In B.S.) (YYYY-mm-dd)" width="100%" required>
																									<span>Date Of Joining (In B.S.) <b class="text-danger">*</b></span>
																								</label>
																							</div>
																						</div>
																					</div>
																				</div>

																				<div class="card mt-4">
																					<div class="card-header">
																						Contact Details
																					</div>
																					<div class="card-body">
																						<div class="row justify-content-center">
																							<div class="col form-group mb-0">
																								<label class="has-float-label">
																									<input type="email" id="email" name="email" class=" form-control" placeholder='Enter Email Address' value="<?= $staff['email'] ?>" required>
																									<span>Email Address <b class="text-danger">*</b></span>
																								</label>
																							</div>
																							<div class="col form-group px-0 mb-0">
																								<label class="has-float-label">
																									<input type="text" id="mobile" name="mobile" class=" form-control" placeholder='Enter Contact Number' value="<?= $staff['mobile'] ?>" required>
																									<span>Contact Number <b class="text-danger">*</b></span>
																								</label>
																							</div>
																							<div class="col form-group mb-0">
																								<label class="has-float-label">
																									<input type="text" id="emergency_number" name="emergency_number" class="form-control" value="<?= $staff['emergency_number'] ?>" placeholder='Enter Emercengy Contact Number'>
																									<span>Emergency Contact Number</span>
																								</label>
																							</div>
																							<div class="w-100 my-0"></div>
																						</div>
																					</div>
																				</div>

																				<div class="card mt-4">
																					<div class="card-header">
																						Address Details
																					</div>
																					<div class="card-body">
																						<div class="row justify-content-center">
																							<div class="col form-group mb-0">
																								<label class="has-float-label">
																									<input type="text" id="address" name="address" class=" form-control" value="<?= $staff['address'] ?>" placeholder='Enter Address' required>
																									<span>Address <b class="text-danger">*</b></span>
																								</label>
																							</div>
																							<div class="col form-group px-0 mb-0">
																								<label class="has-float-label">
																									<select id="department" class="form-control custom-select" placeholder="Province" name="province" required>
																										<option value="" selected>
																											Select Province
																										</option>
																										<?php
																										foreach ($provinces as $province_key => $province) {
																										?>
																											<option value="<?= $province['id'] ?>" <?= $staff['province'] == $province['id'] ? 'selected' : '' ?>>
																												<?= $province['name'] ?>
																											</option>
																										<?php
																										}
																										?>
																									</select>
																									<span>Province <b class="text-danger">*</b></span>
																								</label>
																							</div>
																							<div class="col form-group mb-0">
																								<label class="has-float-label">
																									<select id="department" class="form-control custom-select" placeholder="Country" name="country">
																										<option value="Nepal" selected>
																											Nepal
																										</option>
																									</select>
																									<span>Country</span>
																								</label>
																							</div>
																						</div>
																					</div>
																				</div>

																				<div class="card mt-4">
																					<div class="card-header">
																						Payroll Details
																					</div>
																					<div class="card-body">
																						<div class="row justify-content-center">
																							<div class="col form-group mb-0">
																								<label class="has-float-label">
																									<input type="text" id="epf_no" name="epf_no" value="<?= $staff['epf_no'] ?>" class=" form-control" placeholder='Enter Employee Provident Fund Number'>
																									<span>EPF No.</span>
																								</label>
																							</div>

																							<div class="col form-group px-0 mb-0">
																								<label class="has-float-label">
																									<input type="number" id="basic_salary" name="basic_salary" value="<?= $staff['basic_salary'] ?>" class=" form-control" placeholder='Enter Basic Salary (In <?= $school_info['currency_symbol'] ?>.)' required>
																									<span>Basic Salary <b class="text-danger">* </b></span>
																								</label>
																							</div>
																							<div class="col form-group mb-0">
																								<label class="has-float-label">
																									<select id="contract_type" class="form-control custom-select" placeholder="Contract Type" name="contract_type">
																										<option value="permanent" <?= $staff['contract_type'] == 'permanent' ? 'selected' : ''?>>
																											Permanent
																										</option>
																										<option value="temporary" <?= $staff['contract_type'] == 'temporary' ? 'selected' : ''?>>
																											Contract
																										</option>

																									</select>
																									<span>Staff Status</span>
																								</label>
																							</div>
																							<div class="col form-group mb-0 pl-0">
																								<label class="has-float-label">
																									<input type="text" id="pan" name="pan" value="<?= $staff['pan'] ?>" class=" form-control" placeholder='Enter Staff PAN'>
																									<span>PAN</span>
																								</label>
																							</div>
																						</div>
																					</div>
																				</div>

																				<div class="card mt-4">
																					<div class="card-header">
																						Bank Details
																					</div>
																					<div class="card-body">
																						<div class="row justify-content-center">
																							<div class="col form-group">
																								<label class="has-float-label">
																									<input type="text" id="bank_account_name" name="bank_account_name" value="<?= $staff['bank_account_name'] ?>" class=" form-control" placeholder='Enter Bank Account Name'>
																									<span>Bank Account Name</span>
																								</label>
																							</div>
																							<div class="col form-group px-0 mb-0">
																								<label class="has-float-label">
																									<input type="text" id="bank_account_number" name="bank_account_number" value="<?= $staff['bank_account_number'] ?>" class=" form-control" placeholder='Enter Bank Account Number'>
																									<span>Bank Account Number</span>
																								</label>
																							</div>
																							<div class="col form-group mb-0">
																								<label class="has-float-label">
																									<input type="text" id="bank_name" name="bank_name" value="<?= $staff['bank_name'] ?>" class=" form-control" placeholder='Enter Bank Name'>
																									<span>Bank Name</span>
																								</label>
																							</div>
																							<div class="w-100 my-0"></div>

																							<div class="col form-group mb-0">
																								<label class="has-float-label">
																									<input type="text" id="bank_branch" name="bank_branch" value="<?= $staff['branch_name'] ?>" class=" form-control" placeholder='Enter Bank Branch'>
																									<span>Bank Branch</span>
																								</label>
																							</div>
																							<div class="col form-group px-0 mb-0">

																							</div>
																							<div class="col form-group mb-0">

																							</div>
																						</div>
																					</div>
																				</div>

																				<div class="card mt-4">
																					<div class="card-header">
																						Document Details
																					</div>
																					<div class="card-body">
																						<div class="row justify-content-center">
																							<div class="col form-group mb-0">
																								<label class="has-float-label">
																									<select id="document_type" class="form-control custom-select" placeholder="Document Type" name="document_type">
																										<option value="">
																											Select Document Type
																										</option>
																										<option value="citizenship" <?= $staff['document_type'] == 'citizenship' ? 'selected' : '' ?>>
																											Citizenship
																										</option>
																										<option value="driving_licensce" <?= $staff['document_type'] == 'driving_licensce' ? 'selected' : '' ?>>
																											Driving Licensce
																										</option>
																										<option value="pan" <?= $staff['document_type'] == 'pan' ? 'selected' : '' ?>>
																											PAN
																										</option>
																									</select>
																									<span>Document Type</span>
																								</label>
																							</div>
																							<div class="col form-group px-0 mb-0">
																								<label class="has-float-label">
																									<input type="text" id="document_id" value="<?= $staff['document_id'] ?>" name="document_id" class=" form-control" placeholder='Enter Document ID'>
																									<span>Document ID</span>
																								</label>
																							</div>

																							<div class="col form-group mb-0"></div>
																						</div>
																						<hr>
																						<div class="row justify-content-center">
																							<div class="col-sm-4 text-left my-auto">
																								<p class="mb-0">Photo</p>
																							</div>
																							<div class="col-sm-8 text-left ">
																								<a href="<?= $staffPhoto ?>" target="_blank">
																									<img src="<?= $staffPhoto ?>" class="img-fluid img-thumbnail  rounded-circle"  width="100px">
																								</a>
																								<div class="col-md-12 px-0 mt-2">
																									<input type="hidden" name="staffPhoto" value="<?= $staff['photo'] ?>">
																									<input type="file" id="photo" name="photo" class="col-md-6 form-control" accept="image/*">
																								</div>
																							</div>
																						</div>
																						<hr>
																						<div class="row justify-content-center">
																							<div class="col-sm-4 text-left my-auto">
																								<p class="mb-0">Document Image</p>
																							</div>
																							<div class="col-sm-8 text-left ">
																								<a href="<?= $documentPhoto ?>" target="_blank">
																									<img src="<?= $documentPhoto ?>" class="img-fluid img-thumbnail"  width="120px">
																								</a>
																								<div class="col-md-12 px-0 mt-2">
																									<input type="hidden" name="staffDocImg" value="<?= $staff['document_photo_1'] ?>">
																									<input type="file" id="document_image" name="document_image" class="col-md-6 form-control" accept="image/*">
																								</div>
																							</div>
																						</div>
																						<hr>
																						<div class="row justify-content-center">
																							<div class="col-sm-4 text-left my-auto">
																								<p class="mb-0">Other Document</p>
																							</div>
																							<div class="col-sm-8 text-left ">
																								<?php $od_ext = pathinfo($otherDocument, PATHINFO_EXTENSION); ?>
																								
																								<?php 
																									$fileExtArray = ['pdf', 'doc', 'docx'];
																									if(!in_array($od_ext, $fileExtArray)){
																									?>
																										<a href="<?= $documentPhoto ?>" target="_blank">
																											<img src="<?= $otherDocument ?>" class="img-fluid img-thumbnail"  width="120px">
																										</a>
																									<?php
																									}else{?>
																										<a href="<?= $otherDocument ?>" target="_blank" class="btn btn-sm btn-outline-primary">
																											<i class="fa fa-eye" aria-hidden="true"></i> Click To View
																										</a>
																									<?php
																									}
																								?>
																								<div class="col-md-6 px-0 mt-2">
																									<input type="hidden" name="staffOtherDoc" value="<?= $staff['other_document'] ?>">
																									<input type="file" id="other_document" name="other_document" class=" form-control" accept=".doc, .docx, .pdf, image/*">
																								</div>
																							</div>
																						</div>
																						<hr>
																						<div class="row justify-content-center">
																							<div class="col-sm-4 text-left my-auto">
																								<p class="mb-0">Resume</p>
																							</div>
																							<div class="col-sm-8 text-left ">
																								<?php if(!empty($staff['resume'])){ ?>
																									<a href="<?= $staffResume ?>" target="_blank" class="btn btn-sm btn-outline-primary">
																										<i class="fas fa-file-pdf"></i> Click To View
																									</a>
																								<?php }else{ ?>
																									<i class="fas fa-file-pdf"></i> No attachment found
																								<?php } ?>
																								<div class="col-md-6 px-0 mt-2">
																									<input type="hidden" name="staffResume" value="<?= $staff['resume'] ?>">
																									<input type="file" id="resume" name="resume" class=" form-control" accept=".pdf">
																								</div>
																							</div>
																						</div>
																						<hr>
																						<div class="row justify-content-center">
																							<div class="col-sm-4 text-left my-auto">
																								<p class="mb-0">Joining Letter</p>
																							</div>
																							<div class="col-sm-8 text-left ">
																								<?php if(!empty($staff['joining_letter'])){ ?>
																									<a href="<?= $joiningLetter ?>" target="_blank" class="btn btn-sm btn-outline-primary">
																										<i class="fas fa-file-pdf"></i> Click To View
																									</a>
																								<?php }else{ ?>
																									<i class="fas fa-file-pdf"></i> No attachment found
																								<?php } ?>
																								<div class="col-md-6 px-0 mt-2">
																									<input type="hidden" name="staffJoiningLetter" value="<?= $staff['joining_letter'] ?>">
																									<input type="file" id="joining_letter" name="joining_letter" class=" form-control" accept=".pdf">
																								</div>
																							</div>
																						</div>
																					</div>
																				</div>
																			</div>
																			<div class="modal-footer">
																				<button type="button" class="btn btn-sm btn-danger" data-dismiss="modal">Close</button>
																				<input type="submit" name="updateStaff" class="btn btn-sm btn-success" value="Update">
																			</div>
																		</form>
																	</div>
																</div>
															</div>

															<!-- Staff Details Modal -->
															<div class="modal fade" id="staffDetailModal<?= $staff['id'] ?>" tabindex="-1" role="dialog" aria-labelledby="staffDetailLabel" aria-hidden="true">
																<div class="modal-dialog modal-lg" role="document">
																	<div class="modal-content">
																		<div class="modal-header">
																			<!-- <img src="https://cdn-icons-png.flaticon.com/512/147/147142.png" width="50px" class="img-thumbnail img-fluid border-primary p-1 rounded-circle" alt=""> -->
																			<h5 class="modal-title text-center" id="staffDetailLabel"><?= $staff['name'] ?></h5>
																			<button type="button" class="close" data-dismiss="modal" aria-label="Close">
																				<span aria-hidden="true">&times;</span>
																			</button>
																		</div>
																		<div class="modal-body">
																			<div class="container">																		
																				<div class="row">
																					<div class="col-lg-8">
																						<div class="card mb-4">
																							<div class="card-header">
																								Basic Info
																							</div>
																							<div class="card-body">
																								<div class="row">
																									<div class="col-sm-4 text-left">
																										<p class="mb-0">Full Name</p>
																									</div>
																									<div class="col-sm-8 text-left">
																										<p class="text-muted mb-0"><?= ucfirst($staff['name']) ?></p>
																									</div>
																								</div>
																								<hr>
																								<div class="row">
																									<div class="col-sm-4 text-left">
																										<p class="mb-0">Gender</p>
																									</div>
																									<div class="col-sm-8 text-left">
																										<p class="text-muted mb-0"><?= !empty($staff['gender']) ?  ucfirst($staff['gender']) : '-' ?></p>
																									</div>
																								</div>
																								<hr>
																								<div class="row">
																									<div class="col-sm-4 text-left">
																										<p class="mb-0">Date Of Birth</p>
																									</div>
																									<div class="col-sm-8 text-left">
																										<p class="text-muted mb-0"><?= !empty($staff['dob']) ?  $staff['dob'] . ' B.S.' : '-' ?></p>
																									</div>
																								</div>
																								<hr>
																								<div class="row">
																									<div class="col-sm-4 text-left">
																										<p class="mb-0">Martial Status</p>
																									</div>
																									<div class="col-sm-8 text-left">
																										<p class="text-muted mb-0"><?= !empty($staff['martial_status']) ? ucfirst($staff['martial_status']) : '-' ?></p>
																									</div>
																								</div>
																								<hr>
																								<div class="row">
																									<div class="col-sm-4 text-left">
																										<p class="mb-0"> Father Name</p>
																									</div>
																									<div class="col-sm-8 text-left">
																										<p class="text-muted mb-0"><?= !empty($staff['father_name']) ? ucfirst($staff['martial_status']) : '-' ?></p>
																									</div>
																								</div>
																								<hr>
																								<div class="row">
																									<div class="col-sm-4 text-left">
																										<p class="mb-0">Mother Name</p>
																									</div>
																									<div class="col-sm-8 text-left">
																										<p class="text-muted mb-0"><?= !empty($staff['mother_name']) ? ucfirst($staff['martial_status']) : '-' ?></p>
																									</div>
																								</div>
																								<hr>
																								<?php if ($staff['department_title'] != '-') { ?>
																									<div class="row">
																										<div class="col-sm-4 text-left">
																											<p class="mb-0">Department</p>
																										</div>
																										<div class="col-sm-8 text-left">
																											<p class="text-muted mb-0"><?= ucfirst($staff['department_title']) ?></p>
																										</div>
																									</div>
																									<hr>
																								<?php } ?>
																								<div class="row">
																									<div class="col-sm-4 text-left">
																										<p class="mb-0"> Date Of Joining</p>
																									</div>
																									<div class="col-sm-8 text-left">
																										<p class="text-muted mb-0"><?= !empty($staff['date_of_joining']) ? ucfirst($staff['date_of_joining']) : '-' ?></p>
																									</div>
																								</div>
																								<hr>
																							</div>
																						</div>
																					</div>
																					<div class="col-lg-4">
																						<div class="card mb-4">
																							<div class="card-body text-center">

																								<img src="<?= $staffPhoto ?>" alt="avatar" class="img-thumbnail img-fluid border-primary p-1 rounded-circle" style="width: 100px;">
																								<h5 class="mt-2 mb-1"><?= $staff['name'] ?></h5>
																								<p class="text-dark small" style="font-weight: 600;"><?= $staff['staffId'] ?></p>

																								<?php
																								if ($staff['designation_title'] == '-') {
																								?>

																									<p class="text-dark p-0" style="font-weight: 500;">
																										<?= $staff['role_title'] ?>
																										<?php
																										if ($staff['is_active'] == 'yes') {
																										?>
																											<i class="fa fa-check-circle text-success" aria-hidden="true"></i>
																										<?php
																										}
																										?>
																									</p>
																								<?php } else {
																								?>
																									<p class="text-dark p-0" style="font-weight: 500;">
																										<?= $staff['designation_title'] ?>
																									</p>
																								<?php
																								} ?>
																							</div>
																						</div>
																					</div>
																				</div>
																				<div class="row">
																					<div class="col-lg-6">
																						<div class="card mb-4">
																							<div class="card-header">
																								Contact Details
																							</div>
																							<div class="card-body">

																								<div class="row">
																									<div class="col-sm-5 text-left">
																										<p class="mb-0">Contact No.</p>
																									</div>
																									<div class="col-sm-7 text-left">
																										<p class="text-muted mb-0"><?= $staff['mobile'] ?></p>
																									</div>
																								</div>
																								<hr>
																								<div class="row">
																									<div class="col-sm-5 text-left">
																										<p class="mb-0">Emergency No.</p>
																									</div>
																									<div class="col-sm-7 text-left">
																										<p class="text-muted mb-0"><?= !empty($staff['emergency_number']) ?  $staff['emergency_number'] : '-' ?></p>
																									</div>
																								</div>
																								<hr>
																								<div class="row">
																									<div class="col-sm-5 text-left">
																										<p class="mb-0">Email</p>
																									</div>
																									<div class="col-sm-7 text-left">
																										<p class="text-muted mb-0"><?= $staff['email'] ?></p>
																									</div>
																								</div>
																								<hr>
																								<div class="row">
																									<div class="col-sm-5 text-left">
																										<p class="mb-0">Address</p>
																									</div>
																									<div class="col-sm-7 text-left">
																										<p class="text-muted mb-0"><?= implode(', ', $address) ?></p>
																									</div>
																								</div>
																							</div>
																						</div>

																						<div class="card mb-4">
																							<div class="card-header">
																								Document Details
																							</div>
																							<div class="card-body">

																								<div class="row">
																									<div class="col-sm-5 text-left">
																										<p class="mb-0">Document Type</p>
																									</div>
																									<div class="col-sm-7 text-left">
																										<p class="text-muted mb-0"><?= !empty($staff['document_type']) ?  $staff['document_type'] : '-' ?></p>
																									</div>
																								</div>
																								<hr>
																								<div class="row">
																									<div class="col-sm-5 text-left">
																										<p class="mb-0">Document No.</p>
																									</div>
																									<div class="col-sm-7 text-left">
																										<p class="text-muted mb-0"><?= !empty($staff['document_id']) ?  $staff['document_id'] : '-' ?></p>
																									</div>
																								</div>

																							</div>
																						</div>
																					</div>
																					<div class="col-lg-6">
																						<div class="card mb-4">
																							<div class="card-header">
																								Payroll Details
																							</div>
																							<div class="card-body">

																								<div class="row">
																									<div class="col-sm-5 text-left">
																										<p class="mb-0">EPF No.</p>
																									</div>
																									<div class="col-sm-7 text-left">
																										<p class="text-muted mb-0"><?= !empty($staff['epf_no']) ?  $staff['epf_no'] : '-' ?></p>
																									</div>
																								</div>
																								<hr>
																								<div class="row">
																									<div class="col-sm-5 text-left">
																										<p class="mb-0">Basic Salary</p>
																									</div>
																									<div class="col-sm-7 text-left">
																										<p class="text-muted mb-0"><?= !empty($staff['basic_salary']) ? 'Rs. ' . (int) $staff['basic_salary'] . ' /-' : '-' ?></p>
																									</div>
																								</div>
																								<hr>
																								<div class="row">
																									<div class="col-sm-5 text-left">
																										<p class="mb-0">Status</p>
																									</div>
																									<div class="col-sm-7 text-left">
																										<p class="text-muted mb-0"><?= !empty($staff['contract_type']) ? ucfirst($staff['contract_type']) : '-' ?></p>
																									</div>
																								</div>
																							</div>
																						</div>
																						<div class="card mb-4">
																							<div class="card-header">
																								Bank Details
																							</div>
																							<div class="card-body">

																								<div class="row">
																									<div class="col-sm-6 text-left">
																										<p class="mb-0">Bank Name</p>
																									</div>
																									<div class="col-sm-6 text-left">
																										<p class="text-muted mb-0"><?= !empty($staff['bank_name']) ?  $staff['bank_name'] : '-' ?></p>
																									</div>
																								</div>
																								<hr>
																								<div class="row">
																									<div class="col-sm-6 text-left">
																										<p class="mb-0">Bank Branch</p>
																									</div>
																									<div class="col-sm-6 text-left">
																										<p class="text-muted mb-0"><?= !empty($staff['branch_name']) ?  $staff['branch_name'] : '-' ?></p>
																									</div>
																								</div>
																								<hr>
																								<div class="row">
																									<div class="col-sm-6 text-left">
																										<p class="mb-0">Account Name</p>
																									</div>
																									<div class="col-sm-6 text-left">
																										<p class="text-muted mb-0"><?= !empty($staff['bank_account_name']) ? $staff['bank_account_name'] : '-' ?></p>
																									</div>
																								</div>
																								<hr>
																								<div class="row">
																									<div class="col-sm-6 text-left">
																										<p class="mb-0">Account Number</p>
																									</div>
																									<div class="col-sm-6 text-left">
																										<p class="text-muted mb-0"><?= !empty($staff['bank_account_number']) ? ucfirst($staff['bank_account_number']) : '-' ?></p>
																									</div>
																								</div>
																							</div>
																						</div>
																					</div>
																				</div>
																				<div class="card mb-4">
																					<div class="card-header">
																						Documents & Images
																					</div>
																					<div class="card-body">
																						<div class="row justify-content-center">
																							<div class="col-sm-4 text-left my-auto">
																								<p class="mb-0">Document Image</p>
																							</div>
																							<div class="col-sm-8 text-left ">
																								<a href="<?= $documentPhoto ?>" target="_blank">
																									<img src="<?= $documentPhoto ?>" class="img-fluid img-thumbnail"  width="120px">
																								</a>
																							</div>
																						</div>
																						<hr>
																						<div class="row justify-content-center">
																							<div class="col-sm-4 text-left my-auto">
																								<p class="mb-0">Other Document</p>
																							</div>
																							<div class="col-sm-8 text-left">
																								<?php $od_ext = pathinfo($otherDocument, PATHINFO_EXTENSION); ?>
																								
																								<?php 
																								$fileExtArray = ['pdf', 'doc', 'docx'];
																									if(!in_array($od_ext, $fileExtArray)){
																									?>
																										<a href="<?= $documentPhoto ?>" target="_blank">
																											<img src="<?= $otherDocument ?>" class="img-fluid img-thumbnail"  width="120px">
																										</a>
																									<?php
																									}else{?>
																										<a href="<?= $otherDocument ?>" target="_blank" class="btn btn-sm btn-outline-primary">
																											<i class="fa fa-eye" aria-hidden="true"></i> Click To View
																										</a>
																									<?php
																									}
																								?>																									
																							</div>
																						</div>
																						<hr>
																						<div class="row justify-content-center">
																							<div class="col-sm-4 text-left my-auto">
																								<p class="mb-0">Resume</p>
																							</div>
																							<div class="col-sm-8 text-left">
																								<?php if(!empty($staff['resume'])){ ?>
																									<a href="<?= $staffResume ?>" target="_blank" class="btn btn-sm btn-outline-primary">
																										<i class="fa fa-eye" aria-hidden="true"></i> Click To View
																									</a>
																								<?php }else{ ?>
																									<i class="small font-italic">No attachment found</i>
																								<?php } ?>
																							</div>
																						</div><hr>
																						<div class="row justify-content-center">
																							<div class="col-sm-4 text-left my-auto">
																								<p class="mb-0">Joining Letter</p>
																							</div>
																							<div class="col-sm-8 text-left">
																								<?php if(!empty($staff['joining_letter'])){ ?>
																									<a href="<?= $joiningLetter ?>" target="_blank" class="btn btn-sm btn-outline-primary">
																										<i class="fa fa-eye" aria-hidden="true"></i> Click To View
																									</a>
																								<?php }else{ ?>
																									<i class="small font-italic">No attachment found</i>
																								<?php } ?>
																							</div>
																						</div>
																					</div>
																				</div>
																			</div>
																		</div>
																		
																		<div class="modal-footer">
																			<button type="button" class="btn btn-sm btn-danger" data-dismiss="modal">Close</button>
																			<!-- <input type="submit" name="updateDepartment" class="btn btn-sm btn-success" value="Update"> -->
																		</div>
																	</div>
																</div>
															</div>
														</td>
													</tr>
												<?php
												}
												?>

											</tbody>
										</table>
									</div>



								</div>


							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</main>

</div>

<!--End right-top side-->

<!-- <script src="<?php echo base_url(); ?>assets-bustracking/js/jquery-3.2.1.slim.min.js"></script> -->
<script src="<?php echo base_url(); ?>assets-bustracking/js/jquery-3.4.1.min.js"></script>
<script src="<?php echo base_url(); ?>assets-bustracking/js/popper.min.js"></script>
<script src="<?php echo base_url(); ?>assets-bustracking/js/bootstrap.min.js"></script>
<script defer src="<?php echo base_url(); ?>assets-bustracking/js/main.js"></script>
<script src="<?php echo base_url(); ?>assets-bustracking/js/jquery.dataTables.min.js"></script>
<script defer src="<?php echo base_url(); ?>assets-bustracking/js/all.js"></script>
<script defer src="<?php echo base_url(); ?>assets-bustracking/js/main.js"></script>
<script src="<?php echo base_url(); ?>assets-bustracking/owl-carousel/js/owl.carousel.min.js"></script>
<script src="<?php echo base_url(); ?>assets-bustracking/js/nepali.datepicker.v3.7.min.js" type="text/javascript"></script>
 <script type="text/javascript" src="<?php echo $baseUrl; ?>assets_admin/js/datatable-2-1-0/dataTables.buttons.min.js"></script>
 <script type="text/javascript" src="<?php echo $baseUrl; ?>assets_admin/js/datatable-2-1-0/pdfmake.min.js"></script>
 <script type="text/javascript" src="<?php echo $baseUrl; ?>assets_admin/js/datatable-2-1-0/vfs_fonts.js"></script>
 <script type="text/javascript" src="<?php echo $baseUrl; ?>assets_admin/js/datatable-2-1-0/buttons.html5.min.js">
 </script>
 <script type="text/javascript" src="<?php echo $baseUrl; ?>assets_admin/js/datatable-2-1-0/jszip.min.js"> </script>
 <script type="text/javascript" src="<?php echo $baseUrl; ?>assets_admin/js/datatable-2-1-0/buttons.print.min.js"></script>
 <script type="text/javascript" src="<?php echo $baseUrl; ?>assets_admin/js/datatable-2-1-0/buttons.print.min.js"></script>
<script>
	$(document).ready(function() {
		var jsTheExportHeader = '<?php echo $theExportHeader; ?>';
		function readURL(input) {

			let fileSize = input.files[0].size;

			extension = $(input).val().split('.').pop().toLowerCase();

			var fileExtension = ['jfif', 'jpeg', 'jpg', 'png', 'gif', 'jiff'];
			if ($.inArray($(input).val().split('.').pop().toLowerCase(), fileExtension) == -1) {
				alert("Only formats are allowed : " + fileExtension.join(', '));
				input.value = '';
				return;
			}

		}
		//table js
		$('#tbl').DataTable({
			"lengthMenu": [
				[25, -1],
				[25,  "All"]
			],
			"dom": 'lBfrtip',
            "buttons": [{
                    extend: 'pdfHtml5',
                    title: jsTheExportHeader,
                    orientation: 'landscape',
                    exportOptions: {
                        columns: "thead th:not(.noExport)",
                        rows: function(indx, rowData, domElement) {
                            return $(domElement).css("display") != "none";
                        }
                    },
                }, 
                {
                    extend: 'excelHtml5',
                    header: true,
                    footer: true,
                    title: jsTheExportHeader,
                    exportOptions: {
                        columns: "thead th:not(.noExport)",
                        rows: function(indx, rowData, domElement) {
                            return $(domElement).css("display") != "none";
                        }
                    },
                    customize: function(xlsx) {
                        var sheet = xlsx.xl.worksheets['sheet1.xml'];

                        $('row c[r^="C"]', sheet).attr('s', '2');
                    }
                },
				{
                    extend: 'print',
                    title: jsTheExportHeader,
                    exportOptions: {
                        columns: "thead th:not(.noExport)",
                        rows: function(indx, rowData, domElement) {
                            return $(domElement).css("display") != "none";
                        }
                    },
					customize: function ( win ) {
						$(win.document.body)
							.css( 'font-size', '10pt' )
							
	
						$(win.document.body).find( 'table' )
							.addClass( 'compact' )
							.css( 'font-size', 'inherit' );
					}
                   
                }
            ]
		});
		//table js end

	});

	$('#is_active').on('change', function() {
		console.log('yes');
		$('#status_change').val('yes');
	});
</script>