@if (!showForm() && !amendingLease()) {
	<section class="page-section">
		<header class="page-heading">
			<div>
				<p class="eyebrow">Location</p>
				<h1>Mes baux</h1>
				<p>Préparez vos baux, activez-les et consultez leurs échéanciers.</p>
			</div>
			@if (vaultBusy()) {
				<p class="vault-status" role="status">Déverrouillage du coffre…</p>
			}
			<button
				mat-flat-button
				type="button"
				class="primary-action"
				[disabled]="!contentReady()"
				(click)="openForm()"
			>
				<span aria-hidden="true">+</span> Créer un bail
			</button>
		</header>
		<div class="content-region" [attr.aria-busy]="contentLoading()">
			@if (!contentReady() && loadError()) {
				<article class="load-error" role="alert">
					<h2>Chargement impossible</h2>
					<p>{{ loadError() }}</p>
					<button mat-stroked-button type="button" (click)="retryLoad()">
						Réessayer
					</button>
				</article>
			} @else if (!contentReady() && contentLoading()) {
				<div class="lease-grid" aria-label="Chargement des baux">
					@for (placeholder of [1, 2, 3]; track placeholder) {
						<article class="skeleton-card" aria-hidden="true">
							<span class="skeleton-line skeleton-line-short"></span>
							<span class="skeleton-line skeleton-line-title"></span>
							<span class="skeleton-line skeleton-line-medium"></span>
							<span class="skeleton-line"></span>
						</article>
					}
				</div>
			} @else if (contentReady()) {
				@if (contentLoading()) {
					<mat-progress-bar mode="indeterminate" aria-label="Actualisation des baux" />
				}
				@if (loadError()) {
					<div class="refresh-error" role="alert">
						<p>{{ loadError() }}</p>
						<button mat-button type="button" (click)="retryLoad()">Réessayer</button>
					</div>
				}
				@if (vaultError()) {
					<div class="refresh-error" role="alert">{{ vaultError() }}</div>
				}
				@if (workspace.leases().length === 0) {
					<article class="empty-state">
						<p class="eyebrow">Mise en location</p>
						<h2>Aucun bail enregistré</h2>
						<p>Créez un bail dès qu’un appartement et un locataire sont prêts.</p>
						<button mat-stroked-button type="button" (click)="openForm()">
							Créer un bail
						</button>
					</article>
				} @else {
					<div class="lease-grid">
						@for (lease of workspace.leases(); track lease.id) {
							<app-lease-card
								[attr.id]="lease.id ? 'lease-' + lease.id : null"
								[attr.tabindex]="requestedLeaseId() === lease.id ? -1 : null"
								[lease]="lease"
								[focused]="requestedLeaseId() === lease.id"
								[apartments]="apartmentWorkspace.apartments()"
								[tenants]="workspace.tenants()"
								[deleting]="
									!!lease.id && workspace.deletingLeaseIds().has(lease.id)
								"
								[deleteError]="
									lease.id ? (workspace.leaseDeleteErrors()[lease.id] ?? '') : ''
								"
								[downloading]="!!lease.id && workspace.leaseDownloading(lease.id)"
								[downloadError]="
									lease.id ? workspace.leaseDownloadError(lease.id) : ''
								"
								[revision]="
									lease.id ? workspace.leaseRevision(lease.id) : undefined
								"
								[dossierDownloading]="
									!!lease.id && workspace.leaseDossierDownloading(lease.id)
								"
								[dossierDownloadError]="
									lease.id ? workspace.leaseDossierDownloadError(lease.id) : ''
								"
								[rentDues]="rentDuesFor(lease)"
								[unlocking]="vaultBusy()"
								(unlockRequested)="unlockVault()"
								(pdfRequested)="workspace.downloadLeasePdf($event)"
								(dossierRequested)="workspace.downloadLeaseDossier($event)"
								(editRequested)="openForm($event)"
								(amendmentRequested)="openAmendment($event)"
								(finalizationRequested)="openFinalization($event)"
								(leaseEndRequested)="openLeaseEnd($event)"
								(inventoryRequested)="openInventory($event)"
								(conditionReportRequested)="openConditionReport($event)"
								(deleteRequested)="workspace.deleteLease($event)"
							/>
						}
					</div>
				}
			}
		</div>
	</section>
} @else if (showForm()) {
	<app-lease-form
		[apartments]="apartmentWorkspace.apartments()"
		[tenants]="workspace.tenants()"
		[leases]="workspace.leases()"
		[lease]="editingLease() ?? undefined"
		[saving]="workspace.leaseSaving(editingLease()?.id)"
		[saveError]="workspace.leaseSaveError(editingLease()?.id)"
		[saveFieldErrors]="workspace.leaseSaveFieldErrors(editingLease()?.id)"
		(cancelled)="closeForm()"
		(fieldChanged)="workspace.clearLeaseSaveFieldError($event, editingLease()?.id)"
		(submitted)="saveLease($event)"
	/>
} @else if (amendingLease(); as lease) {
	<app-lease-amendment-form
		[lease]="lease"
		[tenants]="workspace.tenants()"
		[saving]="workspace.leaseSaving(lease.id)"
		[saveError]="workspace.leaseSaveError(lease.id)"
		[saveFieldErrors]="workspace.leaseSaveFieldErrors(lease.id)"
		(cancelled)="closeForm()"
		(fieldChanged)="workspace.clearLeaseSaveFieldError($event, lease.id)"
		(submitted)="saveAmendment($event)"
	/>
}