{% extends "base.html" %}
{% block title %}My Orders — Farmer{% endblock %}

{% block content %}
<div class="page-container">
    <h2>Your Customer Orders</h2>
    <p class="text-muted">Below are all orders placed for your products.</p>

    <table class="table table-bordered mt-4">
        <thead>
            <tr>
                <th>Order ID</th>
                <th>Buyer</th>
                <th>Product</th>
                <th>Qty</th>
                <th>Subtotal</th>
                <th>Status</th>
                <th>Change Status</th>
            </tr>
        </thead>

        <tbody>
            {% for order, item, product, buyer in orders %}
            <tr>
                <td>{{ order.id }}</td>
                <td>{{ buyer.name }}</td>
                <td>{{ product.name }}</td>
                <td>{{ item.quantity }}</td>
                <td>£{{ '%.2f'|format(item.subtotal) }}</td>
                <td>{{ order.status }}</td>

                <td>
                    <form action="{{ url_for('update_order_status', order_id=order.id) }}" method="POST">
                        <select name="status" class="form-select form-select-sm">
                            <option value="pending" {% if order.status=='pending' %}selected{% endif %}>Pending</option>
                            <option value="confirmed" {% if order.status=='confirmed' %}selected{% endif %}>Confirmed</option>
                            <option value="shipped" {% if order.status=='shipped' %}selected{% endif %}>Shipped</option>
                            <option value="completed" {% if order.status=='completed' %}selected{% endif %}>Completed</option>
                        </select>

                        <button class="btn btn-sm btn-primary mt-1">Update</button>
                    </form>
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}