{% extends 'admin/layout.html.twig' %}
{% block page_title %}Commandes Goodies{% endblock %}
{% block breadcrumb %}
  <span class="sep">/</span><span class="breadcrumb-text">Commandes Goodies</span>
{% endblock %}
{% block header_action %}{% endblock %}

{% block content %}
<style>
  .status-badge {
    display: inline-block; padding: 2px 10px; border-radius: 12px;
    font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em;
  }
  .status-pending_payment { background: rgba(120,120,120,.15); color: #aaa; }
  .status-paid            { background: rgba(88,166,255,.15);  color: #58a6ff; }
  .status-processing      { background: rgba(228,155,0,.15);   color: #e49b00; }
  .status-shipped         { background: rgba(63,185,80,.15);   color: #3fb950; }
  .status-delivered       { background: rgba(40,140,50,.2);    color: #2aad46; }
  .status-cancelled       { background: rgba(248,81,73,.15);   color: #f85149; }
  .status-failed          { background: rgba(248,81,73,.15);   color: #f85149; }
  .status-mismatch        { background: rgba(248,81,73,.15);   color: #f85149; }
</style>

{% if orders is empty %}
  <p style="color:var(--muted)">Aucune commande.</p>
{% else %}
<table class="data-table">
  <thead>
    <tr>
      <th>Ref</th>
      <th>Joueur</th>
      <th>Date</th>
      <th>Total</th>
      <th>Articles</th>
      <th>Statut</th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    {% for order in orders %}
    <tr>
      <td style="font-family:monospace;font-size:.9rem">{{ order.ref }}</td>
      <td>
        {% if order.player %}
          <a href="{{ path('player_profile', {username: order.player.username}) }}" target="_blank" style="color:var(--accent2)">{{ order.player.username }}</a>
        {% else %}
          <span style="color:var(--muted)">Compte supprimé</span>
        {% endif %}
      </td>
      <td>{{ order.createdAt|date('d/m/Y H:i') }}</td>
      <td style="font-weight:700">{{ (order.totalCents / 100)|number_format(2, ',', ' ') }} €</td>
      <td>{{ order.lines|length }}</td>
      <td>
        <span class="status-badge status-{{ order.status }}">
          {% if order.status == 'pending_payment' %}En attente de paiement
          {% elseif order.status == 'paid' %}Payée
          {% elseif order.status == 'processing' %}En préparation
          {% elseif order.status == 'shipped' %}Expédiée
          {% elseif order.status == 'delivered' %}Livrée
          {% elseif order.status == 'cancelled' %}Annulée
          {% elseif order.status == 'failed' %}Échouée
          {% else %}{{ order.status }}
          {% endif %}
        </span>
      </td>
      <td>
        <a href="{{ path('admin_goodie_order_show', {id: order.id}) }}" class="btn btn-secondary btn-sm">Voir</a>
      </td>
    </tr>
    {% endfor %}
  </tbody>
</table>
{% endif %}
{% endblock %}