{% extends "base.html" %}
{% block title %}Checkout #{{ checkout_id }} — GhostRace{% endblock %}
{% block content %}
<h2 class="section-title">Pedido #{{ checkout_id }}</h2>

<table class="simple-table">
  <thead>
    <tr><th>Producto</th><th>Cantidad</th><th>Subtotal</th></tr>
  </thead>
  <tbody>
    {% for it in checkout.lineas %}
    <tr>
      <td>{{ it.nombre }}</td>
      <td>{{ it.cantidad }}</td>
      <td>{{ "%.2f"|format(it.subtotal) }} €</td>
    </tr>
    {% endfor %}
  </tbody>
</table>

<div class="info-row">
  <span class="k">Total a pagar</span>
  <span class="v" id="checkout-total">{{ "%.2f"|format(checkout.total) }} €</span>
</div>

<h3 class="section-title">¿Tienes un cupón?</h3>
<p class="muted">Cada pedido nuevo lleva asociado un cupón de bienvenida de un solo uso.</p>
<form id="cupon-form" data-checkout-id="{{ checkout_id }}">
  <div class="field">
    <label>Código de cupón</label>
    <input type="text" name="code" id="cupon-input" placeholder="{{ coupon_code }}" value="{{ coupon_code }}">
  </div>
  <button type="submit" class="btn" {% if checkout.cupon_aplicado %}disabled{% endif %}>Aplicar cupón</button>
</form>
<div id="cupon-status" class="status-line"></div>
{% endblock %}