<.link navigate={"/#{@space.slug}"} class="inline-flex items-center gap-2 text-sm font-medium text-slate-500 hover:text-sky-500 dark:text-slate-400 dark:hover:text-white transition-colors" > <.icon name="hero-arrow-left" class="w-5 h-5" /> Back to {@space.name}

{@asset.name}

{@space.name} - Flexible booking options available

Available Time Slots

<.live_component module={SpazioSolazzoWeb.CalendarLiveComponent} id="booking-calendar" selected_date={@selected_date} />

Selected day: {SpazioSolazzo.CalendarExt.format_date(@selected_date)}

<%= if @time_slots == [] do %>

No time slots available for this date

<% else %> <%= for time_slot <- @time_slots do %> <% booked = slot_booked?(time_slot.id, @bookings) %> <.time_slot booked={booked} time_slot={time_slot} /> <% end %> <% end %>

<.icon name="hero-credit-card" class="w-5 h-5" /> Payment due upon arrival.