{% 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">Ma 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">Commande n° {{order.reference}}</p>
            </div>
        </div>
    </div>
<!-- Page Header End -->
<div class="container-fluid pt-5">
    <div class="row px-xl-5"> 
            <p>
                <b>Commande passée le :</b> {{order.createdAt|date('d/m/Y')}} <br>
                <b>Statut:</b> {{
                    order.state == 1 ? 'Paiment accepté' :
                    order.state == 2 ? 'En préparation' : 'Expédiée'
                }}<br>
                <b>Référence : </b><span>{{order.reference}}</span><br>
                <b>Transporteur:</b> {{order.carrierName}}<br>
            </p>
            <table class="table mt-4">
            <thead>
                <tr>
                    <th scope="col">Article</th>
                    <th scope="col">Quantité</th>
                    <th scope="col">Prix unitaire </th>
                    <th scope="col">Total</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                {% for product in order.orderDetails %}
                    <tr>
                        <td>{{product.product}}</td>
                        <td>x{{product.quantity}}</td>
                        <td>{{(product.price / 100)|number_format(2,',','.') }} FCFA</td>
                        <td>{{(product.total / 100)|number_format(2,',','.') }} FCFA</td>
                    </tr>  
                {% endfor %}
                    <tr>
                        <th>Sous-total</th>
                        <td></td>
                        <td></td>
                        <td>{{(order.total / 100)|number_format(2,',','.') }} FCFA</td>
                    </tr>
            </tbody>
        </table>
            <div class="text-right">
                <b>Livraison :</b> {{(order.carrierPrice / 100)|number_format(2,',','.') }} FCFA<br>
                <b>Total : </b> {{((order.carrierPrice + order.total) / 100)|number_format(2,',','.') }} FCFA
            </div>
            <a title="Retour vers votre espace membres"href="{{ path('account') }}">Retourner à mon compte</a>
        </div>
    </div>
{% endblock %}