{% extends "accounts/account_base.html" %}
{% block title %}Order {{ order.number }} · {{ SITE_NAME }}{% endblock %}
{% block account_content %}
          <h3>Order {{ order.number }}</h3>
          <p>{{ order.get_status_display }} · ${{ order.amount }} {{ order.currency|upper }}</p>
          {% if order.customer_name %}<p>{{ order.customer_name }}</p>{% endif %}
          {% if order.shipping_address.line1 %}
          <p>
            {{ order.shipping_address.line1 }}{% if order.shipping_address.line2 %}, {{ order.shipping_address.line2 }}{% endif %}<br>
            {{ order.shipping_address.city }} {{ order.shipping_address.state }} {{ order.shipping_address.zip }}
          </p>
          {% endif %}
          <ul class="list-description">
            {% for item in order.items.all %}
            <li>
              <span>{{ item.quantity }}× {{ item.name }}</span>
              <span>${{ item.line_total }}</span>
            </li>
            {% endfor %}
          </ul>
          <h4>Shipments</h4>
          {% for shipment in order.shipments.all %}
          <div class="product-review-list">
            <p>
              {{ shipment.carrier }} {{ shipment.service }}
              · {{ shipment.get_status_display }}
              {% if shipment.tracking_status %} · {{ shipment.get_tracking_status_display }}{% endif %}
            </p>
            {% if shipment.tracking_number %}
            <p>
              Tracking {{ shipment.tracking_number }}
              {% if shipment.tracking_url %}
              · <a href="{{ shipment.tracking_url }}" target="_blank" rel="noopener">Track package</a>
              {% endif %}
            </p>
            {% endif %}
            {% if shipment.tracking_events %}
            <ul>
              {% for event in shipment.tracking_events %}
              <li>{{ event.datetime }} — {{ event.message|default:event.status }}{% if event.location %} ({{ event.location }}){% endif %}</li>
              {% endfor %}
            </ul>
            {% endif %}
          </div>
          {% empty %}
          <p>Not shipped yet. Tracking appears here once a label is bought or a tracking number is added.</p>
          {% endfor %}
          <p><a href="{% url 'account:orders' %}">← All orders</a></p>
{% endblock %}