package view

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

templ NewBooking(platforms []string) {
	@layout.BaseLayout() {
		<hgroup>
			<h1>New Booking </h1>
			<h2>Create a new booking </h2>
		</hgroup>
		<form method="POST">
			<div class="grid">
				<label for="name">
					Customer name
					<input type="text" id="name" name="name" placeholder="John Doe" required autofocus/>
				</label>
				<label for="phone_number">
					Phone number
					<input type="tel" id="phone_number" name="phone_number" placeholder="06 12 34 56 78"/>
				</label>
				<label for="customer_number">
					Customer number
					<input type="number" inputmode="numeric" id="customer_number" name="customer_number" placeholder="1" required/>
				</label>
			</div>
			<div class="grid">
				<label for="email">
					Email
					<input type="email" id="email" name="email" placeholder="john@doe.com"/>
				</label>
				<label for="from">
					From
					<input type="date" id="from" name="from" required/>
				</label>
				<label for="to">
					To
					<input type="date" id="to" name="to" required/>
				</label>
			</div>
			<div class="grid">
				<label for="platform">
					Platform
					<select id="platform" name="platform">
						for _, platform := range platforms {
							<option value={ platform }>{ platform } </option>
						}
					</select>
				</label>
				<label for="platform_fees">
					Fees
					<input type="number" inputmode="decimal" step="0.01" id="platform_fees" name="platform_fees" placeholder="0"/>
				</label>
				<label for="external_id">
					Platform ID
					<input type="text" id="external_id" name="external_id" placeholder="XXX-XXXX-XX"/>
				</label>
			</div>
			<button type="submit">Submit</button>
		</form>
	}
}