<AppBarTop @leftRoute="sub-district.index" @title="Sub District Detail" @rightRoute="sub-district.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-sub-district">
				<AppCard @id="sub-district-div" @parentId="sub-district" @title="Sub District">
					<div class="row">
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="municipality">Municipality</span>
							<span class="data">{{ model.municipality.municipality }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="subdistrictcodedms">Sub-District Code DMS</span>
							<span class="data">{{ model.subDistrictCodeDms }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="subdistrictcodehoyu">Sub-District Code HOYU</span>
							<span class="data">{{ model.subDistrictCodeHoyu }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="subdistrict">Sub-District</span>
							<span class="data">{{ model.subDistrict }}</span>
						</div>
					</div>
					</div>
				</AppCard>
			</div>
		</div>
	</div>
</section>