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

{% block body %}
<div class="container mt-5">
    <h1>Mon Panier</h1>

    {% if cart is empty %}
        <p>Votre panier est vide</p>
        <a href="{{ path('card_index') }}" class="btn btn-primary">Retour à la boutique</a>
    {% else %}
        <table class="table">
            <thead>
                <tr>
                    <th>Carte</th>
                    <th>Prix unitaire</th>
                    <th>Quantité</th>
                    <th>Total</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                {% for id, item in cart %}
                <tr>
                    <td>{{ item.card.name }}</td>
                    <td>{{ item.card.price }} €</td>
                    <td>{{ item.quantity }}</td>
                    <td>{{ (item.card.price * item.quantity)|number_format(2, ',', ' ') }} €</td>
                    <td>
                        <a href="{{ path('cart_remove', {id: id}) }}" class="btn btn-danger btn-sm">Supprimer</a>
                    </td>
                </tr>
                {% endfor %}
            </tbody>
            <tfoot>
                <tr>
                    <td colspan="3" class="text-end"><strong>Total:</strong></td>
                    <td><strong>{{ total|number_format(2, ',', ' ') }} €</strong></td>
                    <td></td>
                </tr>
            </tfoot>
        </table>

        <div class="d-flex justify-content-between">
        <a href="{{ path('app_home') }}" class="btn btn-secondary">Continuer mes achats</a>
        {# ✅ CORRECTION ICI : Utiliser la route app_payment_checkout #}
        <a href="{{ path('app_payment_checkout') }}" class="btn btn-success">
            Procéder au paiement ({{ cartData.total|number_format(2, ',', ' ') }} €)
        </a>
    </div>
    {% endif %}
</div>
{% endblock %}