<!-- academic qualification -->
<section id="sect-academic-qualification" class="border p-3 d-none">
	<div class="row title-row" data-toggle="collapse" href="#collapseAcademicQualification" role="button" aria-expanded="false">
		<div class="col-12">
			<h3 id="sect-academic-qualification-header">Academic Education</h3>
		</div>
	</div>

	<div id="collapseAcademicQualification">
		<div class="row">
			<div class="col-12 col-lg-6">
				<label><b>Level</b></label>
				<div class="input-group mb-3">
				  	<select class="form-control" name="academic_qualification">
						<?php foreach ($qualifications as $key => $qualification): ?>
							<option value="<?php echo $qualification->id; ?>"><?php echo $qualification->level; ?></option>
						<?php endforeach ?>
					</select>
				  <div class="input-group-append">
				    <button class="btn btn-warning btn-sm" type="button" data-toggle="modal" data-target="#newAcademicLevel"><i class="fas fa-plus"></i></button>
				  </div>
				</div>
			</div>

			<div class="col-12 col-lg-6">
				<label><b>Year Graduated</b></label>
				<input type="text" class="form-control datepicker-yyyy" name="academic_year_grad">
			</div>
		</div>

		<div class="row">
			<div class="col-12">
				<label><b>University / Institution</b></label>
				<input type="text" class="form-control" name="academic_university">
			</div>
		</div>

		<div class="row">
			<div class="col-12">
				<label><b>Program</b></label>
				<input type="text" class="form-control" name="academic_program">
			</div>
		</div>

		<div class="row">
			<div class="col-12">
				<label><b>Final Result / CGPA</b></label>
				<input type="text" class="form-control" name="academic_cgpa">
			</div>
		</div>

		<div class="row">
			<div class="col-12">
				<label><b>Attachment</b></label>
				<input type="file" class="form-control" name="academic_attachment">
			</div>
		</div>

		<div class="row">
			<div class="col-12 col-lg-2 ml-auto mt-3 mb-3">
				<button type="button" class="btn btn-primary btn-block" onclick="addQualification()" data-tooltip="tooltip" title="" data-original-title="Add new academic qualification to this form"><i class="fas fa-plus"></i></button>
			</div>
		</div>

		<div class="row">
			<div class="col-12">
				<div class="table-responsive">
					<table class="table table-bordered" id="tbl-academicQualification">
						<thead>
							<tr>
								<th>Detail</th>
								<th>Action</th>
							</tr>
						</thead>
						<tbody>
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- academic qualification -->