{% extends "base.html" %}
{% block title %}Mis pedidos — GhostCart{% endblock %}
{% block content %}
<h1>Mis pedidos</h1>

{% if not orders %}
<p style="color:var(--text-dim); margin-top:16px;">Todavía no has hecho ningún pedido.</p>
{% endif %}

{% for o in orders %}
<div class="review" style="display:flex; justify-content:space-between; align-items:center;">
  <div>
    <div><strong>Pedido #{{ o.id }}</strong></div>
    <div style="color:var(--text-dim); font-size:0.85rem;">{{ o.fecha }} · {{ "%.2f"|format(o.total) }} €</div>
  </div>
  <a href="{{ url_for('order_detail', order_id=o.id) }}" class="btn btn-outline">Ver detalle</a>
</div>
{% endfor %}
{% endblock %}