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

{% block title %}Confirmation commande{% endblock %}

{% block body %}
<article id="article">
    <div class="section checkout">
	    <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <div class="">
                        <div class="card card-header shadow-sm p-3 mb-2 bg-body rounded">
                            <h4>Votre adresse de livraison</h4>
                            <div class="content" id="address">
                                {{ address | replace({'[spr]' : '<br>'}) | raw}}
                                <a href="{{ path('address_edit',{'id': address.id})}}" class="bouton">Editer l'adresse</a>
                                <a href="{{ path('checkout_edit')}}" class="bouton">Changer l'adresse</a>  
                            </div>
                        </div>
                        <div class="card card-header shadow-sm p-3 mb-2 bg-body rounded">
                            <h4>Votre transporteur</h4>
                                <div class="content" id="carrier">
                                {{ transport  | replace({'[spr]' : '<br>'}) | raw }}
                                <a href="{{ path('checkout_edit')}}" class="bouton">Changer de transporteur</a>
                                </div>
                        </div>
                        {% if informations %}
                        <div class="heading_s1">
                            <h4>Please, Verify Additional information</h4>
                            <div class="form-group mb-0" id="informations">
                                {{ informations }}
                            </div>
                        </div>
                        {% endif %}       
                    </div>
                </div>
                <div class="col-md-6 card p-3">
                <div class="order_review">
                    <div class="fw-normal fs-5 border-bottom mb-3 pb-3">
                        <h4>Votre commande</h4>
                    </div>
                    <div class="table-responsive order_table">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th>Produit</th>
                                    <th>Total</th>
                                </tr>
                            </thead>
                            <tbody>
                             {% for element in cart.products %}
                                    {% set remiseHT = (element.product.prix - (element.product.prix*(element.product.promotion/100)))|round(2,'floor') %}
                                    {% set remiseTTC = (remiseHT + (remiseHT*0.2))|round(2,'floor') %}
                                    <tr>
                                        <td> {{ element.product.name }} <span class="product-qty">x {{ element.quantity }}</span></td>
                                        <td> € {{ (element.product.promotion) ? '<strike>':'' }}{{ element.product.prix }}{{ (element.product.promotion) ? '</strike>':'' }} {{ (element.product.promotion) ? '€ '~remiseHT:'' }} (HT)</td>
                                    </tr>
                                {% endfor %}
                            </tbody>
                            <tfoot>
                                <tr>
                                    <th>SousTotal HT</th>
                                    <td class="product-subtotal">€ {{ cart.data.subTotalHT }}</td>
                                </tr>
                                <tr>
                                    <th>Taxe</th>
                                    <td class="product-subtotal">€ {{ cart.data.Taxe }}</td>
                                </tr>
                                <tr>
                                    <th>Frais Transport ( {{ transport.nameTransport }} )</th> {# {{transport.nameTransport}} #}
                                    <td class="product-subtotal">€ {{ transport.price }}</td> {#transport.price/100#}
                                </tr>
                                <tr>
                                    <th>Total TTC</th>
                                    <td class="product-subtotal">€ {{ cart.data.subTotalTTC + transport.price }}</td> {#transport.price/100#}
                                </tr>
                            </tfoot>

                        </table>
                    </div>
                    <div class="payment_method">
                        <div class="heading_s1">
                            <h4>Paiement</h4>
                        </div>
                        {% if metaP().isPaiement %}
                            {% if metaP().isStripe %}
                            <a href="{{ path('create_checkout_session', {'reference': reference}) }}" type="submit" id="checkout-button" 
                                class="bouton">
                                Payer (stripe)| € {{cart.data.subTotalTTC + transport.price }} {#transport.price/100#}
                            </a>
                            {% endif %}
                            {% if metaP().isPaypal %}
                            <a href="{{ path('app_payment', {'reference': reference}) }}" type="submit" id="checkout-button" 
                                class="bouton">
                                Payer (paypal)| € {{cart.data.subTotalTTC + transport.price }} {#transport.price/100#}
                            </a>
                            {% endif %}
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
        
    </div>
</article>
{% endblock %}