<AppBarTop @leftRoute="approver-list.index" @title="Approver List Detail" @rightRoute="approver-list.edit" @rightRouteArgs={{ model.id }} @rightIcon="bxs-message-square-edit" />
<section class="content-header">
	<div class="container">
		<div class="row align-items-center">
			<div class="col-6 col-sm order-sm-last text-right order-last">
				<h6 class="mb-0"><strong>HOYU</strong></h6>
			</div>
			<div class="col-6 col-sm mt-2 mt-sm-0 order-sm-first order-first">
			</div>
		</div>
	</div>
</section>
<section class="content-body">
	<div class="container">
		<div class="col-12">
			<div class="accordion" id="accordion-approver-list">
				<AppCard @id="approver-list-div" @parentId="approver-list" @title="Approver List">
					<div class="row">
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="sourcesystemno">Source System No.</span>
							<span class="data">{{ model.sourceSystemNo }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="requestno">Request No.</span>
							<span class="data">{{ model.requestNo }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="approvallevel">Approval Level</span>
							<span class="data">{{ model.approvalLevel }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="employeeno">Employee No.</span>
							<span class="data">{{ model.employeeNo }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="employeename">Employee Name</span>
							<span class="data">{{ model.employeeName }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="approvalstatuscode">Approval Status Code</span>
							<span class="data">{{ model.approvalStatusCode }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="approvalstatusdesc">Approval Status Desc</span>
							<span class="data">{{ model.approvalStatusDesc }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="approvaldatetime">Approval Date Time</span>
							<span class="data">{{ if (and (not-eq model.approvalDateTime null) (not (is-empty model.approvalDateTime))) (moment-format model.approvalDateTime "DD-MM-YYYY") ""}}</span>
						</div>
					</div>
					</div>
				</AppCard>
			</div>
		</div>
	</div>
</section>