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

{% block javascript %}
    <script src="https://js.stripe.com/v3/"></script>
{% endblock %}

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

{% block content %}
    
    <h2>Mon récapitulatif</h2>
    {# dans add/html.twig #}
    <p>Vérifiez vos informations avant de payer votre commande.</p>
    <hr>
    <div class="row">
        <div class="col-md-6">
            <strong>Mon adresse de livraison</strong><br/>
            <div class="form-check mt-4">
                {{ delivery|raw }}
            </div>
            <hr>
            
            <strong>Mon transporteur</strong><br/>
            <div class="form-check">
                {{ carrier }}<br/>
               {#
                {{ carrier.description }}<br/>
                {{ (carrier.price / 100)|number_format(2, ',', '.') }} €
                #}
            </div>
            
        </div>

        <div class="col-md-6">
            <div class="text-center">
                <b>Ma commande :</b><br/>
            </div>
            <div class="order-summary">
                {% set total = null %}
                {% for key,producta in carta %}
                    <div class="row {% if key > 0 %}mt-2{% endif %}">
                        <div class="col-2">
                                                       
                            <img src="{{ asset("uploads/") ~ producta.producta.illustration  }} " alt="titi" height="75px" />
                        </div>
                        <div class="col-8 my-auto">
                            {{ producta.producta.name }}<br/>
                            <small>
                                {{ producta.producta.subtitle }}
                                <br/>
                                x {{ producta.quantity }}
                            </small>
                        </div>
                        <div class="col-2 my-auto">
                            {{ ((producta.producta.price * producta.quantity ) )|number_format(2, ',', '.') }} €
                        </div>
                    </div>
                    {% set total = total + (producta.producta.price * producta.quantity) %}
                {% endfor %}
            </div>
            
            <strong>Sous-Total : </strong> {{ (total )|number_format(2, ',', '.') }} €<br/>
           {#} <strong>Livraison : </strong> {{ (carrier.price / 100)|number_format(2, ',', '.') }} € #}
            
            <strong>Total : </strong> {{ ((total ) )|number_format(2, ',', '.') }} €
            {# + (carrier.price ) #}
            <p>reference : {{reference}}</p>
          
            <a href="{{ path('ordero_checko', {id: ordero.id}) }}" class="btn btn-success btn-block mt-3">Payer | {{ ((total ) )|number_format(2, ',', '.') }} €</a>
            <a href="{{ path('ordero_annul', {id: ordero.id}) }}" class="btn btn-success btn-block mt-2">Annuler</a>
        </div>
    </div>
 
{% endblock %}