{% extends "base.html" %}
{% block title %}Оформление — {{ app_name }}{% endblock %}

{% block content %}
<section class="page-section narrow">
  <div class="section-head">
    <h2>Оформление заказа</h2>
    <p>Демо-оплата: заказ сразу выдаёт цифровые коды</p>
  </div>

  {% if error %}
  <p class="flash error">{{ error }}</p>
  {% endif %}

  <ul class="checkout-list">
    {% for item in items %}
    <li>
      <span>{{ item.product.title }} × {{ item.quantity }}</span>
      <strong>{{ item.line_total | rub }}</strong>
    </li>
    {% endfor %}
  </ul>
  <p class="price big">К оплате: {{ total | rub }}</p>

  <form method="post" action="/checkout" class="stack-form">
    <label>
      Email для выдачи
      <input type="email" name="email" required placeholder="you@email.com" />
    </label>
    <label>
      Комментарий (необязательно)
      <textarea name="note" rows="3" placeholder="Например: регион аккаунта"></textarea>
    </label>
    <button class="btn btn-primary" type="submit">Оплатить и получить коды</button>
  </form>
</section>
{% endblock %}