<AppBarTop @leftRoute="approval-input-configuration.index" @title="Approval Input Configuration" @rightAction={{ action "saveApprovalInputConfiguration"  }} @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-approval-input-configuration">
				<AppCard @id="approval-input-configuration"  @showHeader={{ true }} @parentId="approval-input-configuration" @title="Approval Input Configuration">
					<div class="row">
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Approval Name" @valuePath="approvalName" @didValidate={{ didValidate }} @isEditable={{ if formConfig.approvalName formConfig.approvalName.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputTextarea @model={{ model }} @valuePath="description" @label="Description" @didValidate={{ didValidate }} @isEditable={{ if formConfig.description formConfig.description.isEditable true }} />
						</div>
					</div>
				</AppCard>
			</div>
			<div class="accordion-div" id="accordion-approval-input-configuration-detail">
				<AppCard @id="approval-input-configuration-detail" @showHeader={{ true }} @parentId="approval-input-configuration-detail" @title="Approval Input Configuration Details">
					<div class="row">
						<div class="col-12">
							<div class="data-list">
								{{#each model.approvalInputConfigurationDetail as |item index|}}
									<div class="data-list-item mb-3">
										<div class="row">
											<div class="col-10">
												<div class="row">
													<div class="col-12 col-md-6">
														<AppInputComboboxAutocomplete @onChangeCombo={{action "onChangeCombo"}} @name="form" @valuePath="form" @label="Form" @primaryValue="name" @model={{ item.form }} @modelAll={{ item }} @options={{ this.forms }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.approvalInputConfigurationDetail (if formConfig.approvalInputConfigurationDetail.form formConfig.approvalInputConfigurationDetail.form.isEditable true) true}} />
													</div>
													<div class="col-12 col-md-6">
														{{!-- <AppInputCombobox @name="field" @valuePath="field" @label="Field" @primaryValue="name" @model={{ item.field }} @modelAll={{ item }} @options={{ compute (action fieldsArrayAt) 0 }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.approvalInputConfigurationDetail (if formConfig.approvalInputConfigurationDetail.field formConfig.approvalInputConfigurationDetail.field.isEditable true) true}} /> --}}
														<AppInputCombobox @name="field" @valuePath="field" @label="Field" @primaryValue="name" @model={{ item.field }} @modelAll={{ item }} @options={{ this.fields }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.approvalInputConfigurationDetail (if formConfig.approvalInputConfigurationDetail.field formConfig.approvalInputConfigurationDetail.field.isEditable true) true}} />
													</div>
												</div>
											</div>
											<div class="col-2">
												<div class="row">
													<div class="col-12 mt-0 mb-2">
														<span class="float-left">
															<i {{action "deleteRowData" "approval-input-configuration-detail" item}} class="bx bx-x clickable ml-2"></i>
														</span>
													</div>
												</div>
											</div>
										</div>
									</div>
								{{/each}}
							</div>
							<button type="button" class="btn btn-secondary btn-sm" {{ action "addRowData" "approval-input-configuration-detail" }}>Add Row</button>
						</div>
					</div>
				</AppCard>
			</div>
			<div class="accordion-div" id="accordion-approval-input-configuration-detail-action">
				<AppCard @id="approval-input-configuration-detail-action" @showHeader={{ true }} @parentId="approval-input-configuration-detail-action" @title="Approval Input Configuration Detail Actions">
					<div class="row">
					<div class="col-12">
					<div class="data-list">
					{{#each model.approvalInputConfigurationDetailAction as |item index|}}
					<div class="data-list-item mb-3">
					<div class="row">
						<div class="col-10">
							<div class="row">
								<div class="col-12">
									<div class="row">
										<div class="col-12 col-md-6">
											<AppInputComboboxAutocomplete @name="form" @searchField="name" @primaryValue="name" @valuePath="form" @label="Form" @model={{ item.form }} @modelAll={{ item }} @options={{ this.forms }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.approvalInputConfigurationDetailAction (if formConfig.approvalInputConfigurationDetailAction.form formConfig.approvalInputConfigurationDetailAction.form.isEditable true) true}}/>
										</div>
									</div>
								</div>
								<div class="col-12">
									<div class="row">
										<div class="col-12 col-md-4">
											<div class="form-check form-check-inline form-checkbox form-group">
												<input type="checkbox" class="form-check-input d-none" value="1" id="is-show-approve-{{index}}" onclick={{action (mut item.isShowApprove) value="target.checked"}} checked={{ eq item.isShowApprove "1" }}>
												<label class="form-check-label align-items-center d-flex align-items-center{{if item.isShowApprove " checked" ""}}" for="is-show-approve-{{index}}">
													<i class="bx bxs-check-circle"></i><span>&nbsp;&nbsp;Approve</span></label>
											</div>
										</div>
										<div class="col-12 col-md-4">
											<div class="form-check form-check-inline form-checkbox form-group">
												<input type="checkbox" class="form-check-input d-none" value="1" id="is-show-reject-{{index}}" onclick={{action (mut item.isShowReject) value="target.checked"}} checked={{ eq item.isShowReject "1" }}>
												<label class="form-check-label align-items-center d-flex align-items-center{{if item.isShowReject " checked" ""}}" for="is-show-reject-{{index}}">
													<i class="bx bxs-check-circle"></i><span>&nbsp;&nbsp;Reject</span></label>
											</div>
										</div>
										<div class="col-12 col-md-4">
											<div class="form-check form-check-inline form-checkbox form-group">
												<input type="checkbox" class="form-check-input d-none" value="1" id="is-show-revise-{{index}}" onclick={{action (mut item.isShowRevise) value="target.checked"}} checked={{ eq item.isShowRevise "1" }}>
												<label class="form-check-label align-items-center d-flex align-items-center{{if item.isShowRevise " checked" ""}}" for="is-show-revise-{{index}}">
													<i class="bx bxs-check-circle"></i><span>&nbsp;&nbsp;Revise</span></label>
											</div>
										</div>
										<div class="col-12 col-md-4">
											<div class="form-check form-check-inline form-checkbox form-group">
												<input type="checkbox" class="form-check-input d-none" value="1" id="is-show-accept-{{index}}" onclick={{action (mut item.isShowAccept) value="target.checked"}} checked={{ eq item.isShowAccept "1" }}>
												<label class="form-check-label align-items-center d-flex align-items-center{{if item.isShowAccept " checked" ""}}" for="is-show-accept-{{index}}">
													<i class="bx bxs-check-circle"></i><span>&nbsp;&nbsp;Accept</span></label>
											</div>
										</div>
										{{!-- <div class="col-12 col-md-4">
											<div class="form-check form-check-inline form-checkbox form-group">
												<input type="checkbox" class="form-check-input d-none" value="1" id="is-show-repropose-{{index}}" onclick={{action (mut item.isShowRepropose) value="target.checked"}} checked={{ eq item.isShowRepropose "1" }}>
												<label class="form-check-label align-items-center d-flex align-items-center{{if item.isShowRepropose " checked" ""}}" for="is-show-repropose-{{index}}">
													<i class="bx bxs-check-circle"></i><span>&nbsp;&nbsp;Repropose</span></label>
											</div>
										</div> --}}
									</div>
								</div>	
							</div>
						</div>
						<div class="col-2">
							<div class="row">
								<div class="col-12 mt-0 mb-2">
									<span class="float-left">
										<i {{action "deleteRowData" "approval-input-configuration-detail-action" item}} class="bx bx-x clickable ml-2"></i>
									</span>
								</div>
							</div>
						</div>
					</div>
					</div>
					{{/each}}
					</div>
					<button type="button" class="btn btn-secondary btn-sm" {{ action "addRowData" "approval-input-configuration-detail-action" }}>Add Row</button>
					</div>
					</div>
				</AppCard>
			</div>
		</div>
	</div>
</section>
