package view

import (
	"github.com/rjNemo/rentease/config"
)

type HomePageViewModel struct {
	Name        string
	Address     string
	ZipCode     string
	City        string
	PhoneNumber string
	Email       string
	Items       []config.HostItem
}

templ Index(host *HomePageViewModel) {
	@PublicLayout() {
		<article>
			<header>{ host.Name }</header>
			<div class="grid">
				<img src="/static/img/logo.png" width="150px"/>
				<ul>
					<li>{ host.Address }</li>
					<li>{ host.ZipCode }, { host.City }</li>
					<li>{ host.PhoneNumber }</li>
					<li>{ host.Email }</li>
				</ul>
			</div>
		</article>
		<section>
			<article>
				<form>
					<fieldset class="grid">
						<label for="item">
							Logement
							<select name="item" id="item" required>
								for _,i := range host.Items {
									<option value={ i.Name }>{ i.Name }</option>
								}
							</select>
						</label>
						<label for="from">
							Du
							<input type="date" id="from" name="from" required/>
						</label>
						<label for="to">
							Au
							<input type="date" id="to" name="to" required/>
						</label>
					</fieldset>
					<fieldset class="grid">
						<label for="name">
							Nom *
							<input type="text" id="name" name="name" required/>
						</label>
						<label for="phone">
							Telephone 
							<input type="tel" id="phone" name="phone"/>
						</label>
						<label for="email">
							Email
							<input type="email" id="email" name="email"/>
						</label>
					</fieldset>
					<label for="message">
						Message 
						<textarea name="message" id="message"></textarea>
					</label>
					<button type="submit">Book</button>
				</form>
			</article>
		</section>
	}
}