<AppBarTop @leftRoute="approval-log.index" @title="Approval Log Detail" @rightRoute="approval-log.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-approval-log">
				<AppCard @id="approval-log-div" @parentId="approval-log" @title="Approval Log">
					<div class="row">
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="documenttypecode">Document Type Code</span>
							<span class="data">{{ model.documentTypeCode }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="documenttypedescription">Document Type Description</span>
							<span class="data">{{ model.documentTypeDescription }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="approvalcode">Approval Code</span>
							<span class="data">{{ model.approvalCode }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="approvalname">Approval Name</span>
							<span class="data">{{ model.approvalName }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="synctarget">Sync Target</span>
							<span class="data">{{ model.syncTarget }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="transactionid">Transaction Id</span>
							<span class="data">{{ model.transactionId }}</span>
						</div>
					</div>
					<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="approvalinboxstatus">Approval Inbox Status</span>
							<span class="data">{{ model.approvalInboxStatus }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="notes">Notes</span>
							<span class="data">{{ model.notes }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="action">Action</span>
							<span class="data">{{ model.action }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="validationmessage">Validation Message</span>
							<span class="data">{{ model.validationMessage }}</span>
						</div>
					</div>
					</div>
				</AppCard>
			</div>
		</div>
	</div>
</section>