{# templates/checkout/confirmation.html.twig #}
{% extends 'base.html.twig' %}

{% block title %}Confirmation de commande - Marketplace{% endblock %}

{% block body %}
<div class="container mx-auto px-4 py-8">
    <div class="max-w-2xl mx-auto text-center">
        <div class="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded mb-6">
            <i class="fas fa-check-circle text-2xl mr-2"></i>
            <span class="font-semibold">Commande confirmée !</span>
        </div>
        
        <h1 class="text-3xl font-bold mb-4">Merci pour votre commande</h1>
        <p class="text-gray-600 mb-8">
            Votre commande #{{ order.orderNumber }} a bien été enregistrée.
            Vous recevrez un email de confirmation dans les prochaines minutes.
        </p>
        
        <div class="bg-white rounded-lg shadow p-6 mb-8 text-left">
            <h2 class="font-semibold text-lg mb-4">Récapitulatif de la commande</h2>
            
            <div class="space-y-2">
                <div class="flex justify-between">
                    <span class="text-gray-600">Numéro de commande :</span>
                    <span class="font-mono">{{ order.orderNumber }}</span>
                </div>
                <div class="flex justify-between">
                    <span class="text-gray-600">Date :</span>
                    <span>{{ order.createdAt|date('d/m/Y H:i') }}</span>
                </div>
                <div class="flex justify-between">
                    <span class="text-gray-600">Montant total :</span>
                    <span class="font-bold text-primary-600">{{ order.total|number_format(2, ',', ' ') }} €</span>
                </div>
                <div class="flex justify-between">
                    <span class="text-gray-600">Mode de paiement :</span>
                    <span>{{ order.paymentMethod == 'card' ? 'Carte bancaire' : 'PayPal' }}</span>
                </div>
            </div>
        </div>
        
        <div class="flex justify-center space-x-4">
            <a href="{{ path('account_orders') }}" class="bg-primary-600 text-white px-6 py-3 rounded-lg hover:bg-primary-700">
                Voir mes commandes
            </a>
            <a href="{{ path('product_index') }}" class="bg-gray-600 text-white px-6 py-3 rounded-lg hover:bg-gray-700">
                Continuer mes achats
            </a>
        </div>
    </div>
</div>
{% endblock %}