{% extends "base.html" %}
{% block title %}Заказ {{ order.public_id }} — {{ app_name }}{% endblock %}

{% block content %}
<section class="page-section narrow">
  <div class="section-head">
    <h2>Заказ {{ order.public_id }}</h2>
    <p>Статус: <strong>{{ order.status }}</strong> · {{ order.email }}</p>
  </div>

  <p class="price big">Сумма: {{ order.total | rub }}</p>

  {% for item in order.items %}
  <article class="order-item">
    <h3>{{ item.title }} × {{ item.quantity }}</h3>
    <p class="muted">{{ item.unit_price | rub }} за шт.</p>
    {% if item.delivered_codes %}
    <div class="codes">
      <p class="product-tag">Ваши коды</p>
      <pre>{{ item.delivered_codes }}</pre>
    </div>
    {% else %}
    <p>Коды ещё не выданы.</p>
    {% endif %}
  </article>
  {% endfor %}

  <p class="muted">Сохраните номер заказа — его можно открыть позже в разделе «Мой заказ».</p>
  <a class="btn btn-ghost" href="/">На главную</a>
</section>
{% endblock %}