package templates

import (
	"strconv"

	"git.bronku.xyz/bronku/cake-order-tracker/models"
)

templ BlockedPage(blocked []models.BlockedDate) {
	@Layout("Terminy zablokowane", BlockedMain(blocked))
}

templ BlockedMain(blocked []models.BlockedDate) {
	<section class="card card-sm">
		<header>
			<h2>
				<span class="material-symbols-outlined">block</span>
				Terminy zablokowane
			</h2>
		</header>
		<div>
			<form method="POST" action="/blocked" class="horizontal-group">
				<input type="date" name="date" required/>
				<button type="submit" class="btn btn-primary">Zablokuj</button>
			</form>
			if len(blocked) == 0 {
				<p class="empty-state">Brak zablokowanych terminów</p>
			} else {
				<ul class="breakdown-list">
					for _, b := range blocked {
						<li class="breakdown-item">
							<span>{ b.Date }</span>
							<form method="POST" action={ templ.URL("/blocked/" + strconv.Itoa(b.ID) + "/delete") }>
								<button type="submit" class="btn-icon" title="Usuń">
									<span class="material-symbols-outlined">close</span>
								</button>
							</form>
						</li>
					}
				</ul>
			}
		</div>
	</section>
}