<AppBarTop @leftRoute="role-management.index" @title="Role Management Detail" @rightRoute="role-management.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-role-management">
				<AppCard @id="role-management-div" @parentId="role-management" @title="Role Management">
					<div class="row">
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="rolename">Role Name</span>
							<span class="data">{{ model.roleName }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="description">Description</span>
							<span class="data">{{ model.description }}</span>
						</div>
					</div>
					</div>
				</AppCard>
			</div>
			<div class="accordion" id="accordion-role-management-dealer">
				<AppCard @id="role-management-dealer-div" @parentId="role-management-dealer" @title="Dealers">
					<div class="row">
						{{#each model.roleManagementDealer as |item|}}
							<div class="col-12 col-sm-6">
								<div class="detail-row-view">
									<span for="dealername">Dealer</span>
									<span class="data">{{ item.dealer.dealerName }}</span>
								</div>
							</div>
						{{/each}}
						
					</div>
				</AppCard>
			</div>
			<div class="accordion" id="accordion-role-management-dealer-branch">
				<AppCard @id="role-management-dealer-branch-div" @parentId="role-management-dealer-branch" @title="Branches">
					<div class="row">
						{{#each model.roleManagementDealerBranch as |item|}}
							<div class="col-12 col-sm-6">
								<div class="detail-row-view">
									<span for="dealername">Branch Name</span>
									<span class="data">{{ item.branch.branchName }}</span>
								</div>
							</div>
						{{/each}}
						
					</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>
