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

{% block content %}
<section class="dashboard">
  <div class="dashboard-content" style="max-width: 950px;">

    <div style="display:flex; justify-content:space-between; align-items:center;">
      <div>
        <h2>My Order History</h2>
        <p>Here are all the orders you’ve placed on AgriLink.</p>
      </div>
      <div>
        <a href="{{ url_for('buyer_dashboard') }}" class="btn-primary"
           style="padding:10px 22px; font-size:0.9rem;">
          Back to Dashboard
        </a>
      </div>
    </div>

    {% if rows|length == 0 %}
      <p>You haven’t placed any orders yet.</p>
      <a href="{{ url_for('marketplace') }}" class="btn-primary">Browse Products</a>
    {% else %}
      <table class="users-table" style="margin-top: 25px;">
        <thead>
          <tr>
            <th>Order #</th>
            <th>Date</th>
            <th>Product</th>
            <th>Qty</th>
            <th>Line Total</th>
            <th>Order Status</th>
          </tr>
        </thead>
        <tbody>
          {% for row in rows %}
          <tr>
            <td>#{{ row.order_id }}</td>
            <td>{{ row.created_at.strftime("%Y-%m-%d %H:%M") }}</td>
            <td>{{ row.product_name }}</td>
            <td>{{ row.total_qty }}</td>
            <td>£{{ '%.2f'|format(row.line_total) }}</td>
            <td>{{ row.status|capitalize }}</td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    {% endif %}
  </div>
</section>
{% endblock %}