package html

import "piekarnikgosipl/types"

func step(in types.Product  ) string {
	if in.Halveable {
		return "0.5"
	}
	return "1"
}
templ product_form(product types.Product) {
	<div>
		<span>{product.Name} <span> · {product.Price} zł</span></span>
		<button type="button" onClick={templ.JSFuncCall("decrease", product.Id)}> - </button>
		<input class="order_item" data-price={product.Price} name={product.Id} id={product.Id} value="0" type="number" step={step(product)} min="0" max="100"/>
		<button type="button" onClick={templ.JSFuncCall("increase", product.Id)}> + </button>
	</div>
}

templ Swieta(products []types.Product) {
	<main tabindex="-1" id="swieta">
		<header>
			<div>
				<span>✦ BOŻE NARODZENIE 2026 ✦</span>
				<h1>Święta smakują domowo</h1>
				<p>
					Tradycyjne świąteczne wypieki z naszej pracowni. Z naturalnych składników, według rodzinnych receptur.
				</p>
			</div>
		</header>
		<section id="order-form">
			<div>
				<h2>Złóż zamówienie</h2>
				<p>Odbiór wszystkich zamówień: <b>24 grudnia</b>. Zamówienia przyjmujemy do <b>15 grudnia</b>. Potwierdzimy zamówienie telefonicznie.</p>
				<p>Wszystkie zamówienia obejmuje zaliczka w wysokości <b>50zł</b> niezależnie od wartości zamówienia, minimalna kwota zamówienia wynosi <b>50zł</b></p>
				<form method="post" action="/order" hx-post="/order" hx-target="#form-errors" hx-swap="innerHTML" hx-disabled-elt="find button[type=submit]" >
					<input name="name" type="text" required placeholder="Imię i Nazwisko"/>
					<input name="phone" type="tel" required placeholder="Numer telefonu"/>
					<fieldset>
						for _, product := range products {
							@product_form(product)
						}
					</fieldset>
					<div id="form-errors" aria-live="polite"></div>
					<span>Wartość zamówienia: <span id="total_price">0</span></span>
					<button type="submit">Wyślij zamówienie</button>
				</form>
				<p>Po kliknięciu przycisku wyślij zamówienie, nastąpi przekierowanie do wpłaty zaliczki. Kwota zaliczki wynosi <b>50zł</b>. Po potwierdzeniu wpłaty otrzymasz numer zamówienia.</p>
			</div>
		</section>
		<section id="additional-info">
			<div class="card">
				<span>ODBIÓR ZAMÓWIEŃ</span>
				<h3>24 grudnia (wigilia)</h3>
				<p>Wszystkie zamówienia wydajemy w wigilię w Kawiarni</p>
			</div>
			<div class="card">
				<span>ZAMÓWIENIA PRZYJMUJEMY DO</span>
				<h3>15 grudnia</h3>
				<p>Zamówienia można złożyć na stronie internetowej<br>lub osobiście w kawiarni</p>
			</div>
		</section>
	</main>
}