@if (reservations$ | async; as reservations) {
	<ng-container *transloco="let t">
		<div class="flex flex-col py-4 px-2 mt-2 border-t border-black overflow-auto">
			<div class="card-grid">
				@for (reservation of reservations; track reservation) {
					<kadi-reservation-card
						[reservation]="reservation"
						[loading]="(loading$ | async) ?? false" />
				}
			</div>
		</div>
	</ng-container>
}