{% extends "portal_base.html" %}
{% block title %}Shipping · Portal{% endblock %}
{% block topbar_title %}Shipping{% endblock %}
{% block portal_content %}
<p><a class="btn btn-ghost" href="{% url 'shipping:pirate_ship_export' %}">Pirate Ship CSV</a></p>
<h2>Unshipped paid orders</h2>
<table class="table">
  <thead><tr><th>Order</th><th>Email</th><th></th></tr></thead>
  <tbody>
    {% for order in unshipped %}
    <tr>
      <td>{{ order.number }}</td>
      <td>{{ order.email }}</td>
      <td>
        <form method="post" action="{% url 'shipping:shipment_create' %}">
          {% csrf_token %}
          <input type="hidden" name="order" value="{{ order.pk }}">
          <input name="weight_oz" type="number" min="1" value="16" style="width:5rem"> oz
          <button class="btn btn-primary" type="submit">Quote rates</button>
        </form>
      </td>
    </tr>
    {% empty %}
    <tr><td colspan="3" class="empty-state">No paid orders waiting to ship.</td></tr>
    {% endfor %}
  </tbody>
</table>
<h2>Shipments</h2>
<table class="table">
  <thead><tr><th>Order</th><th>Status</th><th>Tracking</th></tr></thead>
  <tbody>
    {% for shipment in shipments %}
    <tr>
      <td><a href="{% url 'shipping:shipment_detail' shipment.pk %}">{{ shipment.order.number }}</a></td>
      <td>{{ shipment.get_status_display }}</td>
      <td>{{ shipment.tracking_number|default:"—" }}</td>
    </tr>
    {% empty %}
    <tr><td colspan="3" class="empty-state">No shipments yet.</td></tr>
    {% endfor %}
  </tbody>
</table>
{% endblock %}