{% extends "base.html" %}
{% block title %}Pedido #{{ order.id }} — GhostCart{% endblock %}
{% block content %}
<h1>Pedido #{{ order.id }}</h1>

<div class="info-row"><span class="k">Perteneciente a</span><span class="v">{{ order.owner_username }}</span></div>
<div class="info-row"><span class="k">Fecha</span><span class="v">{{ order.fecha }}</span></div>
<div class="info-row"><span class="k">Dirección de envío</span><span class="v">{{ order.direccion_envio }}</span></div>

<h2 class="section-title">Artículos</h2>
{% for i in items %}
<div class="info-row">
  <span class="k">{{ i.nombre }} × {{ i.cantidad }}</span>
  <span class="v">{{ "%.2f"|format(i.precio_unitario * i.cantidad) }} €</span>
</div>
{% endfor %}
<div class="info-row"><span class="k"><strong>Total</strong></span><span class="v"><strong>{{ "%.2f"|format(order.total) }} €</strong></span></div>

<p style="margin-top:24px;"><a href="{{ url_for('orders') }}" class="btn btn-outline">← Volver a mis pedidos</a></p>
{% endblock %}