@props(['structure' => []])

<div class="d-flex gap-2 mb-3">
<button class="btn btn-sm btn-outline-secondary" id="btn-check-all">全選択</button>
<button class="btn btn-sm btn-outline-secondary" id="btn-uncheck-all">全解除</button>
</div>

@foreach ($structure as $pref)
<div class="mb-2">
	{{-- 都道府県 --}}
	<div class="form-check">
	<input type="checkbox" class="form-check-input chk-pref"
			id="pref-{{ $pref['pref']['mtb_pref_id'] }}"
			value="{{ $pref['pref']['mtb_pref_id'] }}" checked>
	<label class="form-check-label fw-bold" for="pref-{{ $pref['pref']['mtb_pref_id'] }}">
		{{ $pref['pref']['pref_name'] }}
	</label>
	</div>

	{{-- 二次医療圏 --}}
	<div class="ms-3 mt-1">
	@foreach ($pref['area_list'] as $area)
		<div class="mb-1">
		<div class="form-check">
			<input type="checkbox" class="form-check-input chk-area"
				id="area-{{ $area['area']['mtb_secondary_medical_area_id'] }}"
				value="{{ $area['area']['mtb_secondary_medical_area_id'] }}"
				data-pref="{{ $pref['pref']['mtb_pref_id'] }}" checked>
			<label class="form-check-label" for="area-{{ $area['area']['mtb_secondary_medical_area_id'] }}">
			{{ $area['area']['secondary_medical_area_name'] }}
			</label>
		</div>

		{{-- 施設 --}}
		<div class="ms-3 mt-1">
			@foreach ($area['facility_list'] as $f)
			<div class="form-check">
				<input type="checkbox" class="form-check-input chk-facility"
					id="fac-{{ $f['mtb_facility_id'] }}"
					value="{{ $f['mtb_facility_id'] }}"
					data-pref="{{ $pref['pref']['mtb_pref_id'] }}"
					data-area="{{ $area['area']['mtb_secondary_medical_area_id'] }}" checked>
				<label class="form-check-label" for="fac-{{ $f['mtb_facility_id'] }}">
				{{ $f['facility_name'] }}
				</label>
			</div>
			@endforeach
		</div>

		</div>
	@endforeach
	</div>
</div>
@endforeach