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

{% block title %}Vente — {{ session.register.label }}{% endblock %}

{% block body %}
<div class="page-content page-vente">
    <h1>{{ session.register.label }}</h1>

    <form method="post" data-controller="cart">
        <div class="products-grid">
            {% for product in products %}
                {# Un stock à zéro ou négatif n'empêche jamais la vente (ADR-0007) :
                   il est signalé, pas bloquant. On tape sur la carte pour ajouter. #}
                <div class="product-card"
                     data-cart-target="product"
                     data-action="click->cart#add"
                     data-product-id="{{ product.id }}"
                     data-product-price="{{ product.sellingPrice }}">
                    <div class="product-entete">
                        <h3>{{ product.name }}</h3>
                        <span class="product-badge">0</span>
                    </div>

                    <p class="product-prix">{{ product.sellingPrice|number_format(2, ',', ' ') }}&nbsp;&euro;</p>

                    <div class="product-pied">
                        {% if product.stock > 0 %}
                            <span class="product-stock">Stock {{ product.stock }}</span>
                        {% else %}
                            <span class="product-stock-alerte">{{ product.stock }} en stock</span>
                        {% endif %}
                        <button type="button"
                                class="product-retirer"
                                data-cart-remove
                                data-action="cart#decrease"
                                aria-label="Retirer un {{ product.name }}">&minus;</button>
                    </div>

                    <input type="hidden"
                           name="cart[{{ product.id }}]"
                           value="0"
                           data-cart-target="quantity">
                </div>
            {% endfor %}
        </div>

        <div class="sale-footer">
            <div class="sale-resume">
                <span class="compte" data-cart-target="count">Panier vide</span>
                <button type="button"
                        class="sale-vider"
                        data-cart-target="clearBtn"
                        data-action="cart#clear"
                        hidden>Vider</button>
                <span class="montant"><span data-cart-target="total">0,00</span>&nbsp;&euro;</span>
            </div>

            {# Seuls les moyens que la caisse accepte. Une caisse qui n'en
               déclare aucun les accepte tous — c'est le cas de toutes celles
               qui existaient avant le lot 12. #}
            <div class="payment-methods">
                {% for moyen in moyensDePaiement %}
                    <label>
                        <input type="radio" name="payment_method" value="{{ moyen.value }}" {{ loop.first ? 'checked' : '' }}>
                        {{ moyen.label }}
                    </label>
                {% endfor %}
            </div>

            <button type="submit" class="btn btn-primary" data-cart-target="submitBtn" disabled>Valider la vente</button>
        </div>
    </form>

    {# Un lien, pas un panneau : l'écran de vente n'affiche aucune donnée de
       gestion (`alertes.md`). On y va quand on s'est trompé, pas avant. #}
    <p class="sale-lien-corriger">
        <a href="{{ path('app_correction_session', {id: session.id}) }}">Une erreur&nbsp;? Voir les ventes de cette caisse</a>
    </p>
</div>
{% endblock %}