shop.tonybtw.com

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>

}