rentease/internal/view/bookings_list.templ
2025-03-02 13:43:09 +01:00

25 lines
798 B
Text

package view
import "github.com/rjNemo/rentease/internal/view/layout"
templ ListBookings(bookings []*ListBookingsViewModel) {
@layout.BaseLayout() {
<section class="flex flex-col md:flex-row justify-between items-start md:items-center gap-4 mb-4 p-4 w-[98%] mx-auto">
<hgroup class="flex-shrink-0">
<h1 class="text-3xl font-bold text-primary tracking-tight">Bookings</h1>
<h2 class="text-muted text-lg font-normal">Overview of the activity</h2>
</hgroup>
<input
type="search"
name="search"
placeholder="Search bookings by name…"
hx-get="/bookings"
hx-target="#booking-cards"
hx-swap="outerHTML"
hx-trigger="keyup changed delay:500ms"
class="input input-bordered input-primary w-full md:w-96"
/>
</section>
@BookingLines(bookings)
}
}