{% 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">Mon récapitulatif</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">Mon récapitulatif</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-5">
                <strong>Mon adresse de livraison</strong><br>
                <p>{{order.delivery|raw}}</p>

                <strong>Transporteur</strong>
                <p>{{order.carrierName}}</p>
            </div>
            <div class="col-md-7">
                <strong class="summary-label">Vos articles</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 articles</div>
                        <div class="col-3">{{ (totalPrice / 100)|number_format(2,',','.') }} FCFA</div>
                    </div>
                    <div class="row">
                        <div class="col-9 font-weight-bold">Livraison</div>
                    <div class="col-3">{{ (order.carrierPrice/100)|number_format(2,',','.')}} FCFA</div>
                    </div>
                    <hr>
                    <div class="row">
                        <div class="col-9 font-weight-bold">Total commande</div>
                        <div class="col-3 font-weight-bold">{{ ((totalPrice / 100) + order.carrierPrice / 100)|number_format(2,',','.') }} FCFA</div>
                    </div>
                </div>
            </div>
            <a href="{{ path('checkout', {reference: order.reference}) }}" class="btn btn-block btn-primary my-3 py-3"><i class="bi bi-credit-card-2-back"></i> Payer</a>
        </div>
    </div>
</div>

{% endblock %}