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

{% block title %}Panier | CARTECADEAU{% endblock %}

{% block body %}
<section class="container admin-shell">
    <div class="catalog-headline">
        <p class="kicker">Lot 3</p>
        <h1>Mon <span class="accent">Panier</span></h1>
    </div>

    {% if cart.items is empty %}
        <article class="card empty-state">
            <h3>Panier vide</h3>
            <p>Ajoutez des produits depuis le catalogue pour commencer.</p>
            <p><a class="btn" href="{{ path('app_catalog_index') }}">Voir le catalogue</a></p>
        </article>
    {% else %}
        <article class="card">
            <div class="table-wrap">
                <table class="admin-table">
                    <thead>
                        <tr>
                            <th>Produit</th>
                            <th>Type</th>
                            <th>Quantite</th>
                            <th>Prix unitaire</th>
                            <th>Total ligne</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                    {% for line in cart.items %}
                        <tr>
                            <td>{{ line.product.name }}</td>
                            <td>{{ line.product.type }}</td>
                            <td>{{ line.quantity }}</td>
                            <td>{{ line.unitPrice|number_format(cart.pricingContext.decimals, ',', ' ') }} {{ cart.pricingContext.displayCurrency }}</td>
                            <td>{{ line.lineTotal|number_format(cart.pricingContext.decimals, ',', ' ') }} {{ cart.pricingContext.displayCurrency }}</td>
                            <td>
                                <form method="post" action="{{ path('app_cart_remove', {id: line.product.id}) }}">
                                    <input type="hidden" name="_token" value="{{ csrf_token('cart_remove_' ~ line.product.id) }}">
                                    <button type="submit" class="btn btn-ghost">Retirer</button>
                                </form>
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
            <p style="margin-top: 16px;"><strong>Total panier:</strong> {{ cart.total|number_format(cart.pricingContext.decimals, ',', ' ') }} {{ cart.pricingContext.displayCurrency }}</p>
            <div class="hero-actions">
                <a class="btn" href="{{ path('app_checkout') }}">Passer au checkout</a>
                <form method="post" action="{{ path('app_cart_clear') }}">
                    <input type="hidden" name="_token" value="{{ csrf_token('cart_clear') }}">
                    <button type="submit" class="btn btn-ghost">Vider le panier</button>
                </form>
            </div>
        </article>
    {% endif %}
</section>
{% endblock %}