{% extends "portal_base.html" %}
{% block title %}{{ order.number }} · Portal{% endblock %}
{% block topbar_title %}{{ order.number }}{% endblock %}
{% block portal_content %}
<p><strong>{{ order.email }}</strong> · {{ order.amount }} {{ order.currency|upper }} · {{ order.get_status_display }}</p>
{% if order.customer_name %}<p>{{ order.customer_name }}</p>{% endif %}
<table class="table">
  <thead><tr><th>Item</th><th>SKU</th><th>Qty</th><th>Price</th></tr></thead>
  <tbody>
    {% for item in order.items.all %}
    <tr>
      <td>{{ item.name }}</td>
      <td>{{ item.sku }}</td>
      <td>{{ item.quantity }}</td>
      <td>{{ item.unit_price }}</td>
    </tr>
    {% endfor %}
  </tbody>
</table>
{% if "shipping" in enabled_features and order.shipments.all %}
<h3>Shipments</h3>
<table class="table">
  <thead><tr><th>Carrier</th><th>Tracking</th><th>Status</th></tr></thead>
  <tbody>
    {% for shipment in order.shipments.all %}
    <tr>
      <td>{{ shipment.carrier }} {{ shipment.service }}</td>
      <td>
        {% if shipment.tracking_url %}
        <a href="{{ shipment.tracking_url }}" target="_blank" rel="noopener">{{ shipment.tracking_number }}</a>
        {% else %}
        {{ shipment.tracking_number|default:"—" }}
        {% endif %}
      </td>
      <td>{{ shipment.get_tracking_status_display|default:shipment.get_status_display }}</td>
    </tr>
    {% endfor %}
  </tbody>
</table>
{% endif %}
<p><a href="{% url 'shop_portal:order_list' %}">← All orders</a></p>
{% endblock %}