{% extends "base.html" %}
{% block title %}Cart — LobsterGym Shop{% endblock %}
{% block content %}
<h1>🛒 Your Cart</h1>

{% if cart %}
<div class="card">
  <table>
    <thead>
      <tr><th>Product</th><th>Price</th><th>Qty</th><th>Subtotal</th></tr>
    </thead>
    <tbody>
      {% for item in cart %}
      <tr>
        <td>{{ item.name }}</td>
        <td>${{ "%.2f"|format(item.price) }}</td>
        <td>{{ item.quantity }}</td>
        <td>${{ "%.2f"|format(item.price * item.quantity) }}</td>
      </tr>
      {% endfor %}
    </tbody>
    <tfoot>
      <tr>
        <th colspan="3">Total</th>
        <th>${{ "%.2f"|format(total) }}</th>
      </tr>
    </tfoot>
  </table>
  <a href="/shop/checkout" class="btn btn-success mt-1">Proceed to Checkout</a>
</div>
{% else %}
<div class="card">
  <p class="text-muted">Your cart is empty.</p>
</div>
{% endif %}

<a href="/shop" class="btn btn-secondary mt-2">← Continue Shopping</a>
{% endblock %}