@if (technicalMode()) {
	<section>
		<h2>Compteurs</h2>
		<mat-checkbox
			data-field-path="noIndividualMeterDeclared"
			[attr.aria-invalid]="fieldError('noIndividualMeterDeclared') ? 'true' : null"
			[attr.aria-describedby]="
				fieldError('noIndividualMeterDeclared')
					? errorId('noIndividualMeterDeclared')
					: null
			"
			[checked]="report().noIndividualMeterDeclared"
			(change)="setNoIndividualMeterDeclared($event.checked)"
			>Aucun compteur individuel</mat-checkbox
		>
		@if (fieldError('noIndividualMeterDeclared')) {
			<p class="field-error" [id]="errorId('noIndividualMeterDeclared')">
				{{ fieldError('noIndividualMeterDeclared') }}
			</p>
		}
		@if (!report().noIndividualMeterDeclared) {
			@for (meter of report().meterReadings; track meter.id) {
				<fieldset>
					<legend>{{ meter.label || meter.type }}</legend>
					<mat-form-field appearance="outline">
						<mat-label>Type</mat-label>
						<mat-select
							required
							[attr.data-field-path]="meterPath(meter.id, 'type')"
							[attr.aria-invalid]="
								fieldError(meterPath(meter.id, 'type')) ? 'true' : null
							"
							[attr.aria-describedby]="
								fieldError(meterPath(meter.id, 'type'))
									? errorId(meterPath(meter.id, 'type'))
									: null
							"
							[value]="meter.type"
							(selectionChange)="updateMeter(meter.id, 'type', $event.value)"
						>
							<mat-option value="ELECTRICITE">Électricité</mat-option>
							<mat-option value="GAZ">Gaz</mat-option>
							<mat-option value="EAU_FROIDE">Eau froide</mat-option>
							<mat-option value="EAU_CHAUDE">Eau chaude</mat-option>
							<mat-option value="OTHER">Autre</mat-option>
						</mat-select>
					</mat-form-field>
					@if (fieldError(meterPath(meter.id, 'type'))) {
						<p class="field-error" [id]="errorId(meterPath(meter.id, 'type'))">
							{{ fieldError(meterPath(meter.id, 'type')) }}
						</p>
					}
					<mat-form-field appearance="outline">
						<mat-label>Libellé / numéro</mat-label>
						<input
							matInput
							[attr.data-field-path]="meterPath(meter.id, 'label')"
							[attr.aria-invalid]="
								fieldError(meterPath(meter.id, 'label')) ? 'true' : null
							"
							[attr.aria-describedby]="
								fieldError(meterPath(meter.id, 'label'))
									? errorId(meterPath(meter.id, 'label'))
									: null
							"
							[value]="meter.label"
							(input)="updateMeter(meter.id, 'label', $event)"
						/>
					</mat-form-field>
					@if (fieldError(meterPath(meter.id, 'label'))) {
						<p class="field-error" [id]="errorId(meterPath(meter.id, 'label'))">
							{{ fieldError(meterPath(meter.id, 'label')) }}
						</p>
					}
					<mat-form-field appearance="outline">
						<mat-label>Relevé</mat-label>
						<mat-select
							required
							[attr.data-field-path]="meterPath(meter.id, 'state')"
							[attr.aria-invalid]="
								fieldError(meterPath(meter.id, 'state')) ? 'true' : null
							"
							[attr.aria-describedby]="
								fieldError(meterPath(meter.id, 'state'))
									? errorId(meterPath(meter.id, 'state'))
									: null
							"
							[value]="meter.state"
							(selectionChange)="updateMeter(meter.id, 'state', $event.value)"
						>
							<mat-option value="RECORDED">Index relevé</mat-option>
							<mat-option value="INACCESSIBLE">Compteur inaccessible</mat-option>
						</mat-select>
					</mat-form-field>
					@if (fieldError(meterPath(meter.id, 'state'))) {
						<p class="field-error" [id]="errorId(meterPath(meter.id, 'state'))">
							{{ fieldError(meterPath(meter.id, 'state')) }}
						</p>
					}
					<mat-form-field appearance="outline">
						<mat-label>Unité</mat-label>
						<input
							matInput
							required
							[attr.data-field-path]="meterPath(meter.id, 'unit')"
							[attr.aria-invalid]="
								fieldError(meterPath(meter.id, 'unit')) ? 'true' : null
							"
							[attr.aria-describedby]="
								fieldError(meterPath(meter.id, 'unit'))
									? errorId(meterPath(meter.id, 'unit'))
									: null
							"
							[value]="meter.unit"
							(input)="updateMeter(meter.id, 'unit', $event)"
						/>
					</mat-form-field>
					@if (fieldError(meterPath(meter.id, 'unit'))) {
						<p class="field-error" [id]="errorId(meterPath(meter.id, 'unit'))">
							{{ fieldError(meterPath(meter.id, 'unit')) }}
						</p>
					}
					@if (meter.state === 'RECORDED') {
						<mat-form-field appearance="outline">
							<mat-label>Index</mat-label>
							<input
								matInput
								required
								type="number"
								min="0"
								[attr.data-field-path]="meterPath(meter.id, 'index')"
								[attr.aria-invalid]="
									fieldError(meterPath(meter.id, 'index')) ? 'true' : null
								"
								[attr.aria-describedby]="
									fieldError(meterPath(meter.id, 'index'))
										? errorId(meterPath(meter.id, 'index'))
										: null
								"
								[value]="meter.index"
								(input)="updateMeter(meter.id, 'index', $event)"
							/>
						</mat-form-field>
						@if (fieldError(meterPath(meter.id, 'index'))) {
							<p class="field-error" [id]="errorId(meterPath(meter.id, 'index'))">
								{{ fieldError(meterPath(meter.id, 'index')) }}
							</p>
						}
					}
					@if (meter.state === 'INACCESSIBLE') {
						<mat-form-field appearance="outline">
							<mat-label>Observation</mat-label>
							<textarea
								matInput
								required
								[attr.data-field-path]="meterPath(meter.id, 'observation')"
								[attr.aria-invalid]="
									fieldError(meterPath(meter.id, 'observation')) ? 'true' : null
								"
								[attr.aria-describedby]="
									fieldError(meterPath(meter.id, 'observation'))
										? errorId(meterPath(meter.id, 'observation'))
										: null
								"
								[value]="meter.observation"
								(input)="updateMeter(meter.id, 'observation', $event)"
							></textarea>
						</mat-form-field>
						@if (fieldError(meterPath(meter.id, 'observation'))) {
							<p
								class="field-error"
								[id]="errorId(meterPath(meter.id, 'observation'))"
							>
								{{ fieldError(meterPath(meter.id, 'observation')) }}
							</p>
						}
					}
					<button mat-button color="warn" type="button" (click)="removeMeter(meter.id)">
						Supprimer ce compteur
					</button>
				</fieldset>
			}
			<button mat-stroked-button type="button" (click)="addMeter()">
				Ajouter un compteur
			</button>
		}
	</section>
	<section>
		<h2>Moyens d’accès</h2>
		<mat-checkbox
			data-field-path="noAccessMeansDeclared"
			[attr.aria-invalid]="fieldError('noAccessMeansDeclared') ? 'true' : null"
			[attr.aria-describedby]="
				fieldError('noAccessMeansDeclared') ? errorId('noAccessMeansDeclared') : null
			"
			[checked]="report().noAccessMeansDeclared"
			(change)="setNoAccessMeansDeclared($event.checked)"
			>Aucun moyen d’accès remis</mat-checkbox
		>
		@if (fieldError('noAccessMeansDeclared')) {
			<p class="field-error" [id]="errorId('noAccessMeansDeclared')">
				{{ fieldError('noAccessMeansDeclared') }}
			</p>
		}
		@if (!report().noAccessMeansDeclared) {
			@for (access of report().accessMeans; track access.id) {
				<fieldset>
					<legend>{{ access.destination || 'Accès' }}</legend>
					<mat-form-field appearance="outline">
						<mat-label>Type</mat-label>
						<mat-select
							required
							[attr.data-field-path]="accessPath(access.id, 'type')"
							[attr.aria-invalid]="
								fieldError(accessPath(access.id, 'type')) ? 'true' : null
							"
							[attr.aria-describedby]="
								fieldError(accessPath(access.id, 'type'))
									? errorId(accessPath(access.id, 'type'))
									: null
							"
							[value]="access.type"
							(selectionChange)="updateAccessMean(access.id, 'type', $event.value)"
						>
							<mat-option value="CLE">Clé</mat-option>
							<mat-option value="BADGE">Badge</mat-option>
							<mat-option value="TELECOMMANDE">Télécommande</mat-option>
							<mat-option value="OTHER">Autre</mat-option>
						</mat-select>
					</mat-form-field>
					@if (fieldError(accessPath(access.id, 'type'))) {
						<p class="field-error" [id]="errorId(accessPath(access.id, 'type'))">
							{{ fieldError(accessPath(access.id, 'type')) }}
						</p>
					}
					<mat-form-field appearance="outline">
						<mat-label>Destination</mat-label>
						<input
							matInput
							required
							[attr.data-field-path]="accessPath(access.id, 'destination')"
							[attr.aria-invalid]="
								fieldError(accessPath(access.id, 'destination')) ? 'true' : null
							"
							[attr.aria-describedby]="
								fieldError(accessPath(access.id, 'destination'))
									? errorId(accessPath(access.id, 'destination'))
									: null
							"
							[value]="access.destination"
							(input)="updateAccessMean(access.id, 'destination', $event)"
						/>
					</mat-form-field>
					@if (fieldError(accessPath(access.id, 'destination'))) {
						<p class="field-error" [id]="errorId(accessPath(access.id, 'destination'))">
							{{ fieldError(accessPath(access.id, 'destination')) }}
						</p>
					}
					<mat-form-field appearance="outline">
						<mat-label>Quantité</mat-label>
						<input
							matInput
							required
							type="number"
							min="0"
							[attr.data-field-path]="accessPath(access.id, 'quantity')"
							[attr.aria-invalid]="
								fieldError(accessPath(access.id, 'quantity')) ? 'true' : null
							"
							[attr.aria-describedby]="
								fieldError(accessPath(access.id, 'quantity'))
									? errorId(accessPath(access.id, 'quantity'))
									: null
							"
							[value]="access.quantity"
							(input)="updateAccessMean(access.id, 'quantity', $event)"
						/>
					</mat-form-field>
					@if (fieldError(accessPath(access.id, 'quantity'))) {
						<p class="field-error" [id]="errorId(accessPath(access.id, 'quantity'))">
							{{ fieldError(accessPath(access.id, 'quantity')) }}
						</p>
					}
					<mat-form-field appearance="outline">
						<mat-label>Observation</mat-label>
						<textarea
							matInput
							[attr.data-field-path]="accessPath(access.id, 'observation')"
							[attr.aria-invalid]="
								fieldError(accessPath(access.id, 'observation')) ? 'true' : null
							"
							[attr.aria-describedby]="
								fieldError(accessPath(access.id, 'observation'))
									? errorId(accessPath(access.id, 'observation'))
									: null
							"
							[value]="access.observation"
							(input)="updateAccessMean(access.id, 'observation', $event)"
						></textarea>
					</mat-form-field>
					@if (fieldError(accessPath(access.id, 'observation'))) {
						<p class="field-error" [id]="errorId(accessPath(access.id, 'observation'))">
							{{ fieldError(accessPath(access.id, 'observation')) }}
						</p>
					}
					<button
						mat-button
						color="warn"
						type="button"
						(click)="removeAccessMean(access.id)"
					>
						Supprimer ce moyen d’accès
					</button>
				</fieldset>
			}
			<button mat-stroked-button type="button" (click)="addAccessMean()">
				Ajouter un moyen d’accès
			</button>
		}
	</section>
}

@if (areaId()) {
	<section>
		<h2>Mobilier constaté</h2>
		@for (
			condition of inventoryConditions();
			track condition.inventoryLineId;
			let conditionIndex = $index
		) {
			<fieldset>
				<legend>{{ condition.designation }}</legend>
				<p>Quantité contractuelle : {{ condition.contractualQuantity }}</p>
				<p>Description contractuelle : {{ condition.contractualDescription || '—' }}</p>
				<mat-form-field appearance="outline"
					><mat-label>Quantité observée</mat-label
					><input
						matInput
						type="number"
						min="0"
						required
						[attr.data-field-path]="
							'inventoryConditions[' +
							reportInventoryIndex(conditionIndex) +
							'].observedQuantity'
						"
						[attr.aria-invalid]="
							fieldError(
								'inventoryConditions[' +
									reportInventoryIndex(conditionIndex) +
									'].observedQuantity'
							)
								? 'true'
								: null
						"
						[attr.aria-describedby]="
							fieldError(
								'inventoryConditions[' +
									reportInventoryIndex(conditionIndex) +
									'].observedQuantity'
							)
								? errorId(
										'inventoryConditions[' +
											reportInventoryIndex(conditionIndex) +
											'].observedQuantity'
									)
								: null
						"
						[value]="condition.observedQuantity"
						(input)="
							updateObservedInventory(conditionIndex, 'observedQuantity', $event)
						"
				/></mat-form-field>
				@if (
					fieldError(
						'inventoryConditions[' +
							reportInventoryIndex(conditionIndex) +
							'].observedQuantity'
					)
				) {
					<p
						class="field-error"
						[id]="
							errorId(
								'inventoryConditions[' +
									reportInventoryIndex(conditionIndex) +
									'].observedQuantity'
							)
						"
					>
						{{
							fieldError(
								'inventoryConditions[' +
									reportInventoryIndex(conditionIndex) +
									'].observedQuantity'
							)
						}}
					</p>
				}
				<mat-form-field appearance="outline"
					><mat-label>Description observée</mat-label
					><input
						matInput
						[attr.data-field-path]="
							'inventoryConditions[' +
							reportInventoryIndex(conditionIndex) +
							'].observedDescription'
						"
						[attr.aria-invalid]="
							fieldError(
								'inventoryConditions[' +
									reportInventoryIndex(conditionIndex) +
									'].observedDescription'
							)
								? 'true'
								: null
						"
						[attr.aria-describedby]="
							fieldError(
								'inventoryConditions[' +
									reportInventoryIndex(conditionIndex) +
									'].observedDescription'
							)
								? errorId(
										'inventoryConditions[' +
											reportInventoryIndex(conditionIndex) +
											'].observedDescription'
									)
								: null
						"
						[value]="condition.observedDescription"
						(input)="
							updateObservedInventory(conditionIndex, 'observedDescription', $event)
						"
				/></mat-form-field>
				@if (
					fieldError(
						'inventoryConditions[' +
							reportInventoryIndex(conditionIndex) +
							'].observedDescription'
					)
				) {
					<p
						class="field-error"
						[id]="
							errorId(
								'inventoryConditions[' +
									reportInventoryIndex(conditionIndex) +
									'].observedDescription'
							)
						"
					>
						{{
							fieldError(
								'inventoryConditions[' +
									reportInventoryIndex(conditionIndex) +
									'].observedDescription'
							)
						}}
					</p>
				}
				@if (
					fieldError(
						'inventoryConditions[' + reportInventoryIndex(conditionIndex) + '].splits'
					)
				) {
					<p
						class="field-error"
						[id]="
							errorId(
								'inventoryConditions[' +
									reportInventoryIndex(conditionIndex) +
									'].splits'
							)
						"
					>
						{{
							fieldError(
								'inventoryConditions[' +
									reportInventoryIndex(conditionIndex) +
									'].splits'
							)
						}}
					</p>
				}
				@for (split of condition.splits; track $index; let splitIndex = $index) {
					<fieldset>
						<legend>Répartition</legend>
						<mat-form-field appearance="outline"
							><mat-label>État</mat-label
							><mat-select
								required
								[attr.data-field-path]="
									'inventoryConditions[' +
									reportInventoryIndex(conditionIndex) +
									'].splits[' +
									splitIndex +
									'].state'
								"
								[attr.aria-invalid]="
									fieldError(
										'inventoryConditions[' +
											reportInventoryIndex(conditionIndex) +
											'].splits[' +
											splitIndex +
											'].state'
									)
										? 'true'
										: null
								"
								[attr.aria-describedby]="
									fieldError(
										'inventoryConditions[' +
											reportInventoryIndex(conditionIndex) +
											'].splits[' +
											splitIndex +
											'].state'
									)
										? errorId(
												'inventoryConditions[' +
													reportInventoryIndex(conditionIndex) +
													'].splits[' +
													splitIndex +
													'].state'
											)
										: null
								"
								[value]="split.state"
								(selectionChange)="
									updateInventorySplit(
										conditionIndex,
										splitIndex,
										'state',
										$event.value
									)
								"
							>
								@for (state of states; track state) {
									<mat-option [value]="state">{{
										stateLabels[state]
									}}</mat-option>
								}
							</mat-select></mat-form-field
						>
						@if (
							fieldError(
								'inventoryConditions[' +
									reportInventoryIndex(conditionIndex) +
									'].splits[' +
									splitIndex +
									'].state'
							)
						) {
							<p
								class="field-error"
								[id]="
									errorId(
										'inventoryConditions[' +
											reportInventoryIndex(conditionIndex) +
											'].splits[' +
											splitIndex +
											'].state'
									)
								"
							>
								{{
									fieldError(
										'inventoryConditions[' +
											reportInventoryIndex(conditionIndex) +
											'].splits[' +
											splitIndex +
											'].state'
									)
								}}
							</p>
						}
						<mat-form-field appearance="outline"
							><mat-label>Quantité</mat-label
							><input
								matInput
								required
								type="number"
								min="0"
								[attr.data-field-path]="
									'inventoryConditions[' +
									reportInventoryIndex(conditionIndex) +
									'].splits[' +
									splitIndex +
									'].quantity'
								"
								[attr.aria-invalid]="
									fieldError(
										'inventoryConditions[' +
											reportInventoryIndex(conditionIndex) +
											'].splits[' +
											splitIndex +
											'].quantity'
									)
										? 'true'
										: null
								"
								[attr.aria-describedby]="
									fieldError(
										'inventoryConditions[' +
											reportInventoryIndex(conditionIndex) +
											'].splits[' +
											splitIndex +
											'].quantity'
									)
										? errorId(
												'inventoryConditions[' +
													reportInventoryIndex(conditionIndex) +
													'].splits[' +
													splitIndex +
													'].quantity'
											)
										: null
								"
								[value]="split.quantity"
								(input)="
									updateInventorySplit(
										conditionIndex,
										splitIndex,
										'quantity',
										$event
									)
								"
						/></mat-form-field>
						@if (
							fieldError(
								'inventoryConditions[' +
									reportInventoryIndex(conditionIndex) +
									'].splits[' +
									splitIndex +
									'].quantity'
							)
						) {
							<p
								class="field-error"
								[id]="
									errorId(
										'inventoryConditions[' +
											reportInventoryIndex(conditionIndex) +
											'].splits[' +
											splitIndex +
											'].quantity'
									)
								"
							>
								{{
									fieldError(
										'inventoryConditions[' +
											reportInventoryIndex(conditionIndex) +
											'].splits[' +
											splitIndex +
											'].quantity'
									)
								}}
							</p>
						}
						<mat-form-field appearance="outline"
							><mat-label>Observation</mat-label
							><textarea
								matInput
								[required]="needsObservation(split.state)"
								[attr.data-field-path]="
									'inventoryConditions[' +
									reportInventoryIndex(conditionIndex) +
									'].splits[' +
									splitIndex +
									'].observation'
								"
								[attr.aria-invalid]="
									fieldError(
										'inventoryConditions[' +
											reportInventoryIndex(conditionIndex) +
											'].splits[' +
											splitIndex +
											'].observation'
									)
										? 'true'
										: null
								"
								[attr.aria-describedby]="
									fieldError(
										'inventoryConditions[' +
											reportInventoryIndex(conditionIndex) +
											'].splits[' +
											splitIndex +
											'].observation'
									)
										? errorId(
												'inventoryConditions[' +
													reportInventoryIndex(conditionIndex) +
													'].splits[' +
													splitIndex +
													'].observation'
											)
										: null
								"
								[value]="split.observation"
								(input)="
									updateInventorySplit(
										conditionIndex,
										splitIndex,
										'observation',
										$event
									)
								"
							></textarea>
						</mat-form-field>
						@if (
							fieldError(
								'inventoryConditions[' +
									reportInventoryIndex(conditionIndex) +
									'].splits[' +
									splitIndex +
									'].observation'
							)
						) {
							<p
								class="field-error"
								[id]="
									errorId(
										'inventoryConditions[' +
											reportInventoryIndex(conditionIndex) +
											'].splits[' +
											splitIndex +
											'].observation'
									)
								"
							>
								{{
									fieldError(
										'inventoryConditions[' +
											reportInventoryIndex(conditionIndex) +
											'].splits[' +
											splitIndex +
											'].observation'
									)
								}}
							</p>
						}
						<button
							mat-button
							color="warn"
							type="button"
							(click)="removeInventorySplit(conditionIndex, splitIndex)"
						>
							Supprimer cette répartition
						</button>
					</fieldset>
				}
				<button
					mat-stroked-button
					type="button"
					(click)="addInventorySplit(conditionIndex)"
				>
					Ajouter une répartition
				</button>
			</fieldset>
		}
	</section>
}