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

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

{% block body %}
<section class="container admin-shell">
    <div class="catalog-headline">
        <p class="kicker">Lot 3</p>
        <h1>Checkout <span class="accent">Commande</span></h1>
        <p>Cette etape cree la commande puis vous redirige vers CinetPay pour le paiement Mobile Money.</p>
    </div>

    {% if errors is not empty %}
        <article class="card">
            <h3>Erreurs de validation</h3>
            <ul>
                {% for err in errors %}
                    <li>{{ err }}</li>
                {% endfor %}
            </ul>
        </article>
    {% endif %}

    <form method="post" class="stack-form" data-turbo="false">
        <input type="hidden" name="_token" value="{{ csrf_token('checkout') }}">
        <article class="card">
            <label for="customerPhone">Telephone de paiement</label>
            <input type="text" id="customerPhone" name="customerPhone" value="{{ customerPhone|default('') }}" placeholder="Ex: 07XXXXXXXX">
        </article>
        {% for line in cart.items %}
            <article class="card">
                <h3>{{ line.product.name }} (x{{ line.quantity }})</h3>
                <p class="meta">{{ line.product.type|upper }} | SubType: {{ line.product.subType ?: '-' }}</p>
                {% if line.product.type == 'topup' %}
                    <label>gameUserId</label>
                    <input type="text" name="topup[{{ line.product.id }}][gameUserId]" placeholder="Identifiant joueur">

                    {% if line.product.subType in [2,4] %}
                        <label>serverId</label>
                        <input type="text" name="topup[{{ line.product.id }}][serverId]" placeholder="Identifiant serveur">
                    {% endif %}

                    {% if line.product.subType in [3,4] %}
                        <label>zoneId</label>
                        <input type="text" name="topup[{{ line.product.id }}][zoneId]" placeholder="Identifiant zone">
                    {% endif %}

                    {% if line.product.subType == 5 %}
                        <label>attributesJson</label>
                        <input type="text" name="topup[{{ line.product.id }}][attributesJson]" placeholder='{"key":"value"}'>
                    {% endif %}
                {% else %}
                    <p class="meta">Aucun champ supplementaire requis pour un voucher.</p>
                {% endif %}
            </article>
        {% endfor %}

        <article class="card">
            <p><strong>Total:</strong> {{ cart.total|number_format(cart.pricingContext.decimals, ',', ' ') }} {{ cart.pricingContext.displayCurrency }}</p>
            <button class="btn" type="submit">Payer avec CinetPay</button>
        </article>
    </form>
</section>
{% endblock %}