package templates

import (
	"strconv"

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

templ CakesPage(cakes []models.Cake) {
	@Layout("Katalog", CakesMain(cakes))
}

templ CakesMain(cakes []models.Cake) {
	<section class="card">
		<header>
			<h2>
				<span class="material-symbols-outlined">inventory_2</span>
				Zarządzanie katalogiem
			</h2>
			<a href="/cake" class="btn primary sm">
				<span class="material-symbols-outlined">add</span>
				Nowe ciasto
			</a>
		</header>
		<div class="table-container">
			<table class="data-table">
				<thead>
					<tr>
						<th style="width:2rem"></th>
						<th>Nazwa</th>
						<th>SKU</th>
						<th class="right">Cena bazowa</th>
						<th class="center"></th>
					</tr>
				</thead>
				<tbody>
					for _, c := range cakes {
						<tr>
							<td>
								<div class="icon cake" style="width:1.75rem;height:1.75rem">
									<span class="material-symbols-outlined" style="font-size:1rem">cake</span>
								</div>
							</td>
							<td style="font-weight:500">{ c.Name }</td>
							<td class="text-muted">#{ strconv.Itoa(c.ID) }</td>
							<td class="text-right">{ c.Price.String() } PLN</td>
							<td class="text-center">
								<a href={ templ.URL("/cake/" + strconv.Itoa(c.ID)) } class="action-btn">
									<span class="material-symbols-outlined">edit</span>
								</a>
							</td>
						</tr>
					}
				</tbody>
			</table>
		</div>
	</section>
}