package view

import (
	"github.com/rjNemo/rentease/internal/view/layout"
)

templ ListBookings(bookings []*ListBookingsViewModel) {
	@layout.BaseLayout() {
		<div class="grid">
			<hgroup>
				<h1>Bookings </h1>
				<h2>Overview of the activity</h2>
			</hgroup>
			<input
				type="search"
				name="search"
				placeholder="Search bookings by name…"
				hx-get="/bookings"
				hx-target="tbody"
				hx-swap="outerHTML"
				hx-trigger="keyup changed delay:500ms"
			/>
		</div>
		<div class="overflow-auto">
			<table class="striped">
				<thead>
					<tr>
						<th scope="col">ID</th>
						<th scope="col">Name</th>
						<th scope="col">Total (€)</th>
						<th scope="col">From</th>
						<th scope="col">To</th>
						<th scope="col">Platform</th>
					</tr>
				</thead>
				@BookingLines(bookings)
			</table>
		</div>
	}
}