<AppBarTop @leftRoute="role-management.index" @title="Role Management" @rightAction={{ action "saveRoleManagement"  }} @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-role-management">
				<AppCard @id="role-management"  @showHeader={{ true }} @parentId="role-management" @title="">
					<div class="row">
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Role Name" @valuePath="roleName" @didValidate={{ didValidate }} @isEditable={{ if formConfig.roleName formConfig.roleName.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" id="accordion-role-management-dealer">
				<AppCard @id="role-management-dealer" @showHeader={{ true }} @parentId="role-management-dealer" @title="Dealer">
					<div class="row">
					<div class="col-12">
					<div class="data-list">
					{{#each model.roleManagementDealer as |item index|}}
					<div class="data-list-item mb-3">
					<div class="row">
						<div class="col-10">
							<div class="col-12 col-md-6">
								<AppInputComboboxAutocomplete @onChangeCombo={{action "onChangeCombo"}} @name="dealer" @searchField="dealerName" @primaryValue="dealerName" @valuePath="dealer" @label="Dealer" @model={{ item.dealer }} @modelAll={{ item }} @options={{ this.dealers }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.roleManagementDealer (if formConfig.roleManagementDealer.dealer formConfig.roleManagementDealer.dealer.isEditable true) true}}/>
							</div>
						</div>
						<div class="col-2">
							<div class="row">
								<div class="col-12 mt-0 mb-2">
									<span class="float-left">
										<i {{action "deleteRowData" "role-management-dealer" 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" "role-management-dealer" }}>Add Row</button>
					</div>
					</div>
				</AppCard>
			</div>
			<div class="accordion" id="accordion-role-management-dealer-branch">
				<AppCard @id="role-management-dealer-branch-div" @showHeader={{ true }} @parentId="role-management-dealer-branch" @title="Branch">
					<div class="row">
					<div class="col-12">
					<div class="data-list">
					{{#each model.roleManagementDealerBranch as |item index|}}
					<div class="data-list-item mb-3">
					<div class="row">
						<div class="col-10">
						<div class="col-12 col-md-6">
							<AppInputComboboxAutocomplete @name="branch" @searchField="branchName" @primaryValue="branchName" @valuePath="branch" @label="Branch" @model={{ item.branch }} @modelAll={{ item }} @options={{ this.branchs }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.roleManagementDealerBranch (if formConfig.roleManagementDealerBranch.branch formConfig.roleManagementDealerBranch.branch.isEditable true) true}}/>
						</div>
						</div>
						<div class="col-2">
							<div class="row">
								<div class="col-12 mt-0 mb-2">
									<span class="float-left">
										<i {{action "deleteRowData" "role-management-dealer-branch" 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" "role-management-dealer-branch" }}>Add Row</button>
					</div>
					</div>
				</AppCard>
				{{!-- <AppDetailLink @title="Role Management Dealer" onclick={{transition-to "role-management.role-management-dealer" model.id}} />
				<AppDetailLink @title="Role Management Dealer Branch" onclick={{transition-to "role-management.role-management-dealer-branch" model.id}} /> --}}
			</div>
		</div>
	</div>
</section>
