<AppBarTop @leftRoute="approver-list.index" @title="Approver List" @rightAction={{ action "saveApproverList"  }} @rightActionInProgress={{ rightActionInProgress }} @rightIcon="bxs-message-square-check" />
<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">
			{{#if errorMessages}}
				<div class="alert on alert-danger alert-dismissible fade show" role="alert">
					<ul class="mb-0 ml-2">
					{{#each errorMessages as |item| }}
						<li>{{ item }}</li>
					{{/each}}
					</ul>
				</div>
			{{/if}}
			<div class="accordion-div" id="accordion-approver-list">
				<AppCard @id="approver-list"  @showHeader={{ true }} @parentId="approver-list" @title="Approver List">
					<div class="row">
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Source System No." @valuePath="sourceSystemNo" @isEditable={{ if formConfig.sourceSystemNo formConfig.sourceSystemNo.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Request No." @valuePath="requestNo" @isEditable={{ if formConfig.requestNo formConfig.requestNo.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Approval Level" @valuePath="approvalLevel" @isEditable={{ if formConfig.approvalLevel formConfig.approvalLevel.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Employee No." @valuePath="employeeNo" @isEditable={{ if formConfig.employeeNo formConfig.employeeNo.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Employee Name" @valuePath="employeeName" @isEditable={{ if formConfig.employeeName formConfig.employeeName.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Approval Status Code" @valuePath="approvalStatusCode" @isEditable={{ if formConfig.approvalStatusCode formConfig.approvalStatusCode.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Approval Status Desc" @valuePath="approvalStatusDesc" @isEditable={{ if formConfig.approvalStatusDesc formConfig.approvalStatusDesc.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDateTime @model={{ model.approvalDateTime }} @name="approval-date-time" @label="Approval Date Time" @isEditable={{ if formConfig.approvalDateTime formConfig.approvalDateTime.isEditable true }} />
						</div>
					</div>
				</AppCard>
			</div>
		</div>
	</div>
</section>
