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

{% block body %}
    <div class="cart-layout container mx-auto py-10 px-4">
        <div class="account-profil__header mb-2">
            <div class="account-profil__title-group">
                <h2 class="account-profil__title">Je passe ma commande</h2>
                <p class="account-profil__subtitle">
                    Confirmez votre choix de paiement et finalisez votre commande.
                </p>
            </div>
        </div>

        <div class="grid grid-cols-1 lg:grid-cols-3 gap-10">
            <div class="lg:col-span-2">
                <div class="account-box">
                    {% if order.paymentMethod.accronym == '3XCB' %}
                        {% set part = (order.total / 3) %}
                        <p class="text-gray-700 text-sm leading-relaxed space-y-1">
                            Vous avez choisi un <strong>paiement en 3 fois</strong> :
                        </p>
                        <ul class="mt-3 text-sm text-gray-600 space-y-2 list-disc list-inside">
                            <li><strong>1er paiement (immédiat) :</strong> {{ part|number_format(2, ',', ' ') }} €</li>
                            <li><strong>2e paiement (dans 1 mois) :</strong> {{ part|number_format(2, ',', ' ') }} €</li>
                            <li><strong>3e paiement (dans 2 mois) :</strong> {{ part|number_format(2, ',', ' ') }} €</li>
                        </ul>

                    {% else %}
                        <p class="text-gray-700 text-sm leading-relaxed">
                            Vous avez choisi un <strong>paiement en une fois</strong> (CB).
                            <br>💳 Montant à payer : <strong>{{ order.total|number_format(2, ',', ' ') }} €</strong>
                        </p>
                    {% endif %}
                </div>
            </div>

            <div>
                <div class="account-box">
                    {{ order|makePaymentForm|raw }}
                </div>
            </div>
        </div>
    </div>
{% endblock %}