{$t('myBookings.title')}

{$t('myBookings.description')}

{#if loading && !reservations.length}
{:else if error}
{error}
{:else if reservations.length === 0}

{$t('myBookings.noBookings')}

{$t('myBookings.noBookingsDesc')}

{$t('myBookings.goToDashboard')}
{:else}
{#if upcomingReservations.length > 0}

{$t('myBookings.upcoming')}

{#each upcomingReservations as res}
{#if res.space.type === 'DESK'} {:else} {/if}

{res.space.name}

{res.space.floor.building.name}, {$t('myBookings.floor', { values: { number: res.space.floor.number } })} {format(new Date(res.startTime), dateFormat, { locale: dateLocale })} {format(new Date(res.startTime), "HH:mm")} - {format(new Date(res.endTime), "HH:mm")}
{/each}
{/if} {#if pastReservations.length > 0}
{#if showPast}
{#each pastReservations as res}
{#if res.space.type === 'DESK'} {:else} {/if}

{res.space.name}

{res.space.floor.building.name}, {$t('myBookings.floor', { values: { number: res.space.floor.number } })} {format(new Date(res.startTime), dateFormat, { locale: dateLocale })} {format(new Date(res.startTime), "HH:mm")} - {format(new Date(res.endTime), "HH:mm")}
{/each}
{/if}
{/if}
{/if}
{#if editingReservation}

{$t('myBookings.editBookingTitle')}

{$t('myBookings.space')}

{editingReservation.space.name}

{editingReservation.space.floor.building.name}, {$t('myBookings.floor', { values: { number: editingReservation.space.floor.number } })}

{format(new Date(editingReservation.startTime), dateFormat, { locale: dateLocale })}

{format(new Date(editStartTimeDate + 'T00:00:00'), dateFormat, { locale: dateLocale })}
{#if editingReservation.space.type === 'DESK'}

{$t('myBookings.deskNote')}

{/if}
{/if}