package views

import (
	"strconv"
)

templ Reports(months []string, m int, year string) {
	@BaseLayout() {
		<hgroup>
			<h1>Reports</h1>
			<h2>Generate monthly and yearly statements</h2>
		</hgroup>
		<form hx-get="/reports/do" hx-target="#report">
			<fieldset>
				<legend>Period</legend>
				<label for="month">
					<input type="radio" id="month" name="period" value="month" checked/>
					Monthly
				</label>
				<label for="year">
					<input type="radio" id="year" name="period" value="year"/>
					Yearly
				</label>
			</fieldset>
			<label for="year">
				Year
				<input type="number" id="year" name="year" value={ year }/>
			</label>
			<label for="month">
				Month
				<select name="month" id="month" autofocus>
					for i, month := range months {
						if i+1 == m {
							<option value={ strconv.Itoa(i + 1) } selected>{ month } </option>
						} else {
							<option value={ strconv.Itoa(i + 1) }>{ month } </option>
						}
					}
				</select>
			</label>
			<button>
				Submit
			</button>
		</form>
		<section id="report"></section>
	}
}