package views

import (
	"fmt"
	"shop.tonybtw.com/internal/models"
)

templ Cart(items []models.Cart_Item_Detail, total int, cart_count int) {
	@Layout("Cart") {
		<h1>Your Cart</h1>
		@Cart_Items(items)
		if len(items) > 0 {
			<div class="cart-actions">
				<a href="/" class="btn-secondary">Continue Shopping</a>
				<a href="/checkout" class="btn-primary">Checkout</a>
			</div>
		}
	}
}

templ Cart_Items(items []models.Cart_Item_Detail) {
	<div id="cart-items">
		if len(items) == 0 {
			<p class="empty-cart">Your cart is empty.</p>
		} else {
			<table class="cart-table">
				<thead>
					<tr>
						<th>Product</th>
						<th>Size</th>
						<th>Price</th>
						<th>Qty</th>
						<th>Subtotal</th>
						<th></th>
					</tr>
				</thead>
				<tbody>
					for _, item := range items {
						<tr>
							<td>
								<img src={ item.Image_URL } alt="" class="cart-thumb"/>
								{ item.Name }
							</td>
							<td>{ item.Size }</td>
							<td>{ Format_Price(item.Price) }</td>
							<td>
								<form hx-post="/cart/update" hx-target="#cart-items" hx-swap="outerHTML">
									<input type="hidden" name="product_id" value={ templ.EscapeString(fmt.Sprintf("%d", item.Product_ID)) }/>
									<input type="hidden" name="variant_id" value={ templ.EscapeString(fmt.Sprintf("%d", item.Variant_ID)) }/>
									<input
										type="number"
										name="quantity"
										value={ templ.EscapeString(fmt.Sprintf("%d", item.Quantity)) }
										min="1"
										max="10"
										class="qty-input"
										hx-trigger="change"
									/>
								</form>
							</td>
							<td>{ Format_Price(item.Subtotal) }</td>
							<td>
								<form hx-post="/cart/remove" hx-target="#cart-items" hx-swap="outerHTML">
									<input type="hidden" name="product_id" value={ templ.EscapeString(fmt.Sprintf("%d", item.Product_ID)) }/>
									<input type="hidden" name="variant_id" value={ templ.EscapeString(fmt.Sprintf("%d", item.Variant_ID)) }/>
									<button type="submit" class="btn-remove">&times;</button>
								</form>
							</td>
						</tr>
					}
				</tbody>
				<tfoot>
					<tr>
						<td colspan="4"><strong>Total</strong></td>
						<td colspan="2"><strong>{ Format_Price(models.Get_Cart_Total(items)) }</strong></td>
					</tr>
				</tfoot>
			</table>
		}
	</div>
}