{% extends 'admin/base.html.twig' %}

{% block title %}Commandes - Boutique{% endblock %}

{% block breadcrumb %}Boutique <i class="fas fa-chevron-right"></i> Commandes{% endblock %}

{% block body %}
<div class="container-fluid mt-4">
    <div class="row mb-4">
        <div class="col">
            <h1>
                <i class="fas fa-shopping-cart"></i> Commandes
            </h1>
        </div>
    </div>

    {% for message in app.flashes('success') %}
        <div class="alert alert-success alert-dismissible fade show">
            {{ message }}
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    {% endfor %}

    <div class="card">
        <div class="card-body">
            {% if orders is empty %}
                <div class="text-center py-5">
                    <i class="fas fa-shopping-cart fa-4x text-muted mb-3"></i>
                    <p class="text-muted">Aucune commande pour le moment</p>
                </div>
            {% else %}
                <div class="table-responsive">
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th>N° Commande</th>
                                <th>Date</th>
                                <th>Client</th>
                                <th>Montant</th>
                                <th>Statut</th>
                                <th class="text-end">Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for order in orders %}
                                <tr>
                                    <td>
                                        <strong>{{ order.orderNumber }}</strong>
                                    </td>
                                    <td>{{ order.createdAt|date('d/m/Y H:i') }}</td>
                                    <td>
                                        {{ order.customerFullName }}
                                        <br><small class="text-muted">{{ order.customerEmail }}</small>
                                    </td>
                                    <td><strong>{{ order.formattedTotal }}</strong></td>
                                    <td>
                                        {% if order.status == 'pending' %}
                                            <span class="badge bg-warning">En attente</span>
                                        {% elseif order.status == 'paid' %}
                                            <span class="badge bg-success">Payée</span>
                                        {% elseif order.status == 'processing' %}
                                            <span class="badge bg-info">En traitement</span>
                                        {% elseif order.status == 'shipped' %}
                                            <span class="badge bg-primary">Expédiée</span>
                                        {% elseif order.status == 'completed' %}
                                            <span class="badge bg-success">Terminée</span>
                                        {% elseif order.status == 'cancelled' %}
                                            <span class="badge bg-danger">Annulée</span>
                                        {% endif %}
                                    </td>
                                    <td class="text-end">
                                        <a href="{{ path('admin_shop_order_detail', {siteId: site.id, orderId: order.id}) }}" class="btn btn-sm btn-outline-primary">
                                            <i class="fas fa-eye"></i> Voir
                                        </a>
                                    </td>
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}