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

{% block title %}Paiement ma commande{% endblock %}

{% block meta %}
    <meta name="description" content="Confirmation de ma commande.">
{% endblock %}

{% block content %}
<div class="container mt-5 mb-5 add-order" style="min-height:52vh">
    <h1>Mon Récapitulatif</h1>
    <p>Vérifiez vos informations avant de payer votre commande.</p>
    <div class="row custom-row">
        <div class="col custom-col">
        <div class="address-box">
            <strong class="mb-5">Mon transporteur : </strong><br>
            <div class="check-form bt-5 mb-5">{{order.carrierName}}</div>
            </div>
            
            <div class="address-box">
                <p><strong>Adresse de livraison point relais :</strong> <br>{{ order.delivery |raw }} </p>
            </div>
            
           
            <div class="address-box">
                <p><strong>Adresse de facturation :</strong> <br>{{ order.billingaddress |raw }} </p>
            </div>
            
        </div>
        <div class="col croller">
            <b>Ma commande</b>
            {% set total = 0 %}
            {% set quantitetotal = 0 %}
            {% for product in order.orderDetails %}
            <div class="row mt-2 align-items-center justify-content-center">
                <div class="col-4 my-auto"><img src="/uploads/{{ illustrations[product.productId] }}" alt="" height="90px" width="60px"></div>
                <div class="col-4 my-auto"> {{product.product}}<br><small>Taille : {{ product.size}}<br>Q : {{ product.quantity}}</small></div>
                <div class="col-4 my auto">{{ ((product.quantity * product.price)/100) | number_format(2, ',', '.') }} €</div>
            </div>
            {% set total = total + (product.quantity * product.price) %}
            {% set quantitetotal = quantitetotal + product.quantity %}
            {% endfor %}
        </div>
        <div class="mt-3">
            <div class="text-end">
                <strong>Sous-total : </strong>{{ (total/100) | number_format(2, ',', '.') }} €<br>
                <strong>Livraison : </strong>  {{ ( order.carrierPrice /100)  | number_format(2, ',', '.')}} €<br>
                <strong>Total :</strong>  {{ ((total + order.carrierPrice)/100)  | number_format(2, ',', '.')}} € <br>
                <a href="{{ path('app_stripe_create_session', {reference: reference}) }}" class="btn btn-primary mt-4 w-100"><strong>Payer {{ ((total + order.carrierPrice)/100)  | number_format(2, ',', '.')}} €</strong></a>
            </div>
        </div>
    </div>
</div>
{% endblock %}