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

{% block title %}Ma commande - La boutique Française {% endblock %}

{% block content %}

    <h1>Ma commande {{ order.reference }}</h1>
    <a href="{{ path('app_account_order') }}">Retour</a>
    <hr>
    <strong>Statut de la commande : </strong>
    {% if order.state == 1 %}
        Paiement accepté
    {% elseif order.state == 2 %}
        Préparation en cours
    {% elseif order.state == 3 %}
        Livraison en cours
    {% endif %}
    <br>
    <strong>Commande passée le : </strong> {{ order.createAt|date('d/m/Y') }}<br>
    <strong>Référence de ma commande : </strong><small>{{ order.reference }}</small><br>
    <strong>Transporteur choisi : </strong>{{ order.carriername}}
    <hr>
    <strong>Détails :</strong>
    <hr>
        
        <table class="table">
            <thead>
            <tr>
                <th scope="col">Produit</th>
                <th scope="col">Quantité</th>
                <th scope="col">Prix unitaire</th>
                <th scope="col">Total</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,',','.') }} €</td>
                <td>{{ (product.total/100) |number_format(2,',','.') }} €</td>
            </tr>
            
            {% endfor %}
          
          
          
            </tbody>
        </table>

    <div class="text-end mt-4">
        
        <strong>Sous-total : </strong>{{ (order.getTotal / 100) |number_format(2,',','.') }} €<br>
        <strong>Livraison : </strong>{{ (order.carrierprice / 100) |number_format(2,',','.') }} €<br>
        <strong>Total : </strong>{{ ((order.carrierPrice + order.getTotal) / 100)|number_format(2,',','.') }} €

     </div>    

{% endblock %}