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

{% block title %}Ma commande - Millenium{% endblock %}

{% block body %}
<!-- Page Header Start -->
<div class="container-fluid bg-secondary mb-5">
    <div class="d-flex flex-column align-items-center justify-content-center" style="min-height: 300px">
        <h1 class="font-weight-semi-bold text-uppercase mb-3">Validation Commande</h1>
        <div class="d-inline-flex">
            <p class="m-0"><a href="{{ path('home') }}">Accueil</a></p>
            <p class="m-0 px-2">-</p>
            <p class="m-0">Validation commande</p>
        </div>
    </div>
</div>
<!-- Page Header End -->

 <!-- Cart Start -->
 <div class="container-fluid pt-5">
    <div class="row px-xl-5">
        <div class="row">
            <div class="col-md-6">
                {% set formHtml %}
                    {{form_start(form, {action:path('order_add')})}}
                    {{ form_label(form.addresses, 'Choisissez votre adresse de livraison')}}
                    <a class="d-block mb-3" href="{{ path('account_address_new') }}">Ajouter nouvelle adresse</a>
                    {{form_end(form)}}
                {% endset %}
                {{ formHtml|replace({'[br]' : '<br>'})|raw }}
            </div>
            <div class="col-md-6">
                <strong class="summary-label">Récapitulatif :</strong>
                <div class="cart-summary">
                    {% for item in cart.products %}
                        <div class="row">
                            <div class="col-2 my-auto"><img height="50px" src="/uploads/{{ item.product.image }}" alt="{{ item.product.name }}"></div>
                            <div class="col-8 my-auto">{{ item.product.name }}</div>
                            <div class="col-2 my-auto">x{{ item.quantity }}</div>
                        </div>
                    {% endfor %}
                    <hr>
                    <div class="row">
                        <div class="col-9 font-weight-bold">Total</div>
                        <div class="col-3 font-weight-bold">{{ (totalPrice / 100)|number_format(2,',','.') }} FCFA</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{% endblock %}