<!-- address group -->
<section id="sect-emergency-contact" class="border p-3  <?php echo (!empty($default)&& $default=='open')?'':'d-none'; ?>">
	<div class="row title-row" data-toggle="collapse" href="#collapseEmergencyContact" role="button" aria-expanded="false">
		<div class="col-12">
			<h3 id="sect-emergency-contact-header">Emergency Contact</h3>
		</div>
	</div>

	<div id="collapseEmergencyContact">
		<div class="row">
			<div class="col">
				<label><b>Name</b></label>
				<input class="form-control" name="ec_name" id="ec_name" autocomplete="off">
			</div>

			<div class="col">
				<label><b>Relation</b></label>
				<input class="form-control" name="ec_relation" id="ec_relation" autocomplete="off">
			</div>
		</div>

		<div class="row">
			<div class="col">
				<label><b>Phone No</b></label>
				<input class="form-control" name="ec_phone" id="ec_phone" autocomplete="off">
			</div>

			<div class="col">
				<label><b>Email</b></label>
				<input class="form-control" name="ec_email" id="ec_email" autocomplete="off">
			</div>
		</div>

		<div class="row mb-3">
			<div class="col">
				<label><b>Address</b></label>
				<textarea class="form-control" name="ec_address" id="ec_address" rows="2" autocomplete="off"></textarea>
			</div>
		</div>		
		
		<div class="row">
			<div class="col-12 col-lg-2 mb-3 ml-auto">
				<button type="button" class="btn btn-primary btn-block" onclick="addEmergencyContact()" data-tooltip="tooltip" title="" data-original-title="Add new emergency contact to this form"><i class="fas fa-plus"></i></button>
			</div>
		</div>
		
		<div class="row">
			<div class="col">
				<div class="table-responsive">
					<table class="table table-bordered" id="tbl-emergencyContact">
						<thead>
							<tr>
								<th>Detail</th>
								<th>Action</th>
							</tr>
						
						</thead>
						<tbody>
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>

</section>
<!-- address group -->