<!-- bank details -->
<section id="sect-bank-detail" class="border p-3 d-none">
	<div class="row title-row" data-toggle="collapse" href="#collapseBankDetail" role="button" aria-expanded="false">
		<div class="col-12">
			<h3 id="sect-bank-detail-header">Bank Details</h3>
		</div>
	</div>
	<div id="collapseBankDetail">
			<div class="row">
				<div class="col-12 col-lg-6">
					<label><b>Bank Name</b></label>
					<div class="input-group mb-3">
					  <select class="form-control" name="bank_name">
							<?php foreach ($banks as $key => $bank): ?>
								<option value="<?php echo $bank->id; ?>"><?php echo $bank->name; ?></option>
							<?php endforeach ?>
						</select>
					  <div class="input-group-append">
					    <button class="btn btn-warning btn-sm" type="button" data-toggle="modal" data-target="#createBank"><i class="fas fa-plus"></i></button>
					  </div>
					</div>
				</div>
				<div class="col-12 col-lg-6">
					<label><b>Branch</b></label>
					<input type="text" class="form-control" name="bank_branch">
				</div>
			</div>

			<div class="row">
				<div class="col-12 col-lg-6">
					<label><b>Account Number</b></label>
					<input type="text" class="form-control" name="bank_account_no">
				</div>
				<div class="col-12 col-lg-6">
					<label><b>Status</b></label>
					<input type="text" class="form-control" name="bank_status">
				</div>
			</div>

			<div class="row">
				<div class="col-12">
					<label><b>Attachment</b></label>
					<input type="file" class="form-control" name="bank_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="addBankDetails()" data-trigger="hover" data-tooltip="tooltip" title="" data-original-title="Add bank details"><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-bankDetail">
							<thead>
								<tr>
									<th>Detail</th>
									<th>Action</th>
								</tr>
							</thead>
							<tbody>
							</tbody>
						</table>
					</div>
				</div>
			</div>
	</div>
</section>
<!-- bank details -->