package views

import (
	"fmt"
	"strconv"

	"github.com/rjNemo/rentease/internal/domains/booking"
)

templ BookingById(booking *booking.Booking, platforms []string) {
	@BaseLayout() {
		<hgroup>
			<h1>Booking ID: VFNI#{ fmt.Sprintf("%04s", strconv.Itoa(booking.Id)) } </h1>
			<h2>Manage a booking </h2>
		</hgroup>
		<form method="POST">
			<div class="grid">
				<label for="name">
					Customer full name
					<input type="text" id="name" name="name" value={ booking.Name } required autofocus/>
				</label>
				<label for="phone_number">
					Phone number
					<input type="text" id="phone_number" name="phone_number" value={ booking.PhoneNumber }/>
				</label>
			</div>
			<div class="grid">
				<label for="customer_number">
					Customer number
					<input type="number" id="customer_number" name="customer_number" required value={ booking.CustomerNumber }/>
				</label>
				<label for="email">
					Email
					<input type="email" id="email" name="email" value={ booking.Email }/>
				</label>
			</div>
			<div class="grid">
				<label for="from">
					From
					<input type="date" id="from" name="from" value={ booking.From.Format("2006-01-02") }/>
				</label>
				<label for="to">
					To
					<input type="date" id="to" name="to" value={ booking.To.Format("2006-01-02") }/>
				</label>
			</div>
			<div class="grid">
				<label for="platform">
					Platform
					<select id="platform" name="platform">
						<option value={ booking.Platform } selected>{ booking.Platform } </option>
						for _, platform := range platforms {
							<option value={ platform }>{ platform } </option>
						}
					</select>
				</label>
				<label for="platform_fees">
					Fees
					<input type="number" id="platform_fees" name="platform_fees" value={ booking.PlatformFees }/>
				</label>
			</div>
			<button type="submit">Update</button>
		</form>
		<h3>Line Items </h3>
		<figure>
			<table role="grid">
				<thead>
					<tr>
						<th scope="col">#</th>
						<th scope="col">Item</th>
						<th scope="col">Quantity</th>
						<th scope="col">Price</th>
						<th scope="col">Payment Method</th>
						<th scope="col">Payment Status</th>
					</tr>
				</thead>
				<tbody>
					for i, item := range booking.Items {
						<tr>
							<th scope="row">{ strconv.Itoa(i+1) }</th>
							<td>{ item.Item }</td>
							<td>{ strconv.Itoa(item.Quantity) }</td>
							<td>{ item.Price }</td>
							<td>{ item.PaymentMethod }</td>
							<td>{ item.PaymentStatus }</td>
						</tr>
					}
				</tbody>
			</table>
		</figure>
	}
}