<!-- third party payment -->
<section id="sect-third-party-payment" class="border p-3 <?php echo (!empty($default)&& $default=='open')?'':'d-none'; ?>">
	<div class="row title-row" data-toggle="collapse" href="#collapseThirdPartyPayment" role="button" aria-expanded="false">
		<div class="col-12">
			<h3 id="sect-third-party-payment-header">Third party payment</h3>
		</div>
	</div>
	<div id="collapseThirdPartyPayment">
			<div class="row">
				<div class="col-12 col-lg-6">
					<label><b>Date From</b></label>
					<input type="text" class="form-control datepicker" name="third_party_date_from">
				</div>
				<div class="col-12 col-lg-6">
					<label><b>Date To</b></label>
					<input type="text" class="form-control datepicker" name="third_party_date_to">
				</div>
			</div>

			<div class="row">
				<div class="col-12">
					<label><b>Third Party Institution / Organisation</b></label>
					<!-- <input type="text" class="form-control" name="third_party_institute"> -->
					<select class="form-control" name="third_party_institute" id="third_party_institute">
						<option value="PTPTN">PTPTN</option>
						<option value="YaPEIM">YaPEIM</option>
						<option value="Tabung Haji">Tabung Haji</option>
						<option value="Perbadanan Wakaf Selangor">Perbadanan Wakaf Selangor</option>
						<option value="Zakat">Zakat</option>
					</select>
				</div>
			</div>

			<div class="row">
				<div class="col-12 col-lg-6">
					<label><b>Amount</b></label>
					<div class="input-group mb-3">
					  <div class="input-group-prepend">
					    <span class="input-group-text">RM</span>
					  </div>
					  <input type="text" class="form-control" name="third_party_amount">
					</div>

				</div>
				<div class="col-12 col-lg-6">
					<label><b>Status</b></label>
					<select class="form-control" name="third_party_status">
						<option value="0">Ongoing</option>
						<option value="1">End</option>
					</select>
				</div>
			</div>

			<div class="row">
				<div class="col-12 col-lg-2 ml-auto">
					<button type="button" class="btn btn-primary btn-block" onclick="addThirdParty()" data-tooltip="tooltip" title="" data-original-title="Add third party payment"><i class="fas fa-plus"></i></button>
				</div>
			</div>
			<br>

			<div class="row">
				<div class="col-12">
					<div class="table-responsive">
						<table class="table table-bordered" id="tbl-thirdParty">
							<thead>
								<tr>
									<th>Detail</th>
									<th>Action</th>
								</tr>
							</thead>
							<tbody></tbody>
						</table>
					</div>
				</div>
			</div>
	</div>
</section>
<!-- third party payment -->