{#each dayBlockers.filter((b) => new SvelteDate(b.start_time).getHours() === h) as b (b.id)}
{@const startMinutes = new SvelteDate(b.start_time).getMinutes()}
{@const topOffset = (startMinutes / 60) * HOUR_HEIGHT}
{@const heightPx = Math.max((b.duration_minutes / 60) * HOUR_HEIGHT, 20)}
{b.description || 'Blocker'}
{#if heightPx > 36}
{formatTimeShort(b.start_time)} · {formatDuration(
b.duration_minutes
)}
{/if}
{/each}
{#each dayBookings.filter((b) => new SvelteDate(b.start_time).getHours() === h) as b (b.id)}
{@const startMinutes = new SvelteDate(b.start_time).getMinutes()}
{@const topOffset = (startMinutes / 60) * HOUR_HEIGHT}
{@const heightPx = Math.max((b.duration_minutes / 60) * HOUR_HEIGHT, 20)}
{@const isCancelled =
b.status === 'client_cancelled' ||
b.status === 'we_cancelled' ||
b.status === 'no_show'}
{@const hasOverlap =
isCancelled &&
dayBookings.some(
(other) =>
other.id !== b.id &&
!(
other.status === 'client_cancelled' ||
other.status === 'we_cancelled' ||
other.status === 'no_show'
) &&
bookingsOverlap(b, other)
)}
{#if !hasOverlap}