{% extends "base.html" %}
{% block title %}Checkout — AgriLink{% endblock %}

{% block content %}

<div class="checkout-container">

    <h2 class="checkout-title">Review Your Order</h2>

    {% if not items or items|length == 0 %}
        <p>Your cart is empty.</p>
        <a href="{{ url_for('marketplace') }}" class="btn-primary">Browse Products</a>

    {% else %}

        <table class="checkout-table">
            <thead>
                <tr>
                    <th>Product</th>
                    <th>Farmer</th>
                    <th>Price</th>
                    <th>Qty</th>
                    <th>Subtotal</th>
                </tr>
            </thead>

            <tbody>
                {% for item in items %}
                <tr>
                    <td>{{ item.product.name }}</td>
                    <td>{{ item.product.farmer.name }}</td>
                    <td>£{{ '%.2f'|format(item.product.price) }}</td>
                    <td>{{ item.quantity }}</td>
                    <td>£{{ '%.2f'|format(item.subtotal) }}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>

        <div class="checkout-summary">
            <h3>Total: £{{ '%.2f'|format(total) }}</h3>

            <form method="POST" action="{{ url_for('checkout') }}">
                <button class="btn-primary">Place Order</button>
            </form>
        </div>

    {% endif %}

</div>

{% endblock %}