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

{% block title %}Recapitulation commande {{ metaP().raisonSociale }}{% endblock %}

{% block body %}
<article id="article">
   <div class="section checkout">
        <div class="container">
         {{ form_start(checkout, {action: path('checkoutConfirm')} )}}
            <div class="row">
                <div class="col-md-6">
                    <div class="card">
                        <div class="card-header shadow-sm p-3 mb-2 bg-body rounded">
                            <div class="fw-normal fs-5">Vos adresses de livraison</div>
                        </div>
                        <div class="card-body">
                            <div class="content card p-2">
                                    {{ form_widget(checkout.address)|replace({'[spr]' : '<br>'})|raw}}
                            </div>
                            <a href="{{ path('address_new')}}" class="btn btn-outline-success mt-3">Nouvelle adresse</a>
                            <div class="heading_s1">
                                <div class="text-uppercase fw-bold mt-3 mb-3">Entreprises de livraison</div>
                                <div class="content">
                                    {{ form_widget(checkout.transport)|replace({'[spr]' : ' / '})|raw }}
                                </div>
                            </div>
                            <div class="">
                                <div class="fw-bold text-uppercase">Informations pour le livreur</div>
                                <div class="form-group mb-0">
                                {{ form_widget(checkout.informations) }}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 card p-3">
                    <div class="fw-normal fs-5 border-bottom mb-3 pb-3">Votre commande</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>Total TTC</th>
                                    <td class="product-subtotal"> € {{ cart.data.subTotalTTC }}</td>
                                </tr>
                            </tfoot>

                        </table>
                    </div>
                    <div class="payment_method">
                        <div class="heading_s1">
                            <div class="fw-bold fs-5">Paiement</div>
                        </div>
                        
                    </div>
                    <div>
                        <button type="submit" id="checkout" class="btn btn-outline-success mt-3 btn-block">Paiement</button>
                    </div>
                </div>
            </div>
           {{ form_end(checkout) }}
        </div>
    </div>
</article>

{% endblock %}