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

{% block title %}Mes commandes - La boutique Française {% endblock %}

{% block content %}

<h1>Mes commandes</h1>

C'est dans cette espace que vous allez pouvoir gérer toutes vos commandes.
<br>

<br>
<a href="{{ path('app_account') }}">Retour</a>

    {% if orders | length == 0 %}
        <p class="text-center">
            Vous n'avez pas encore passé de commande sur La Boutique Française.
        </p>
    {% else %}
        
        <table class="table mt-4">
            <thead>
            <tr>
                <th scope="col">Référence</th>
                <th scope="col">Statut</th>
                <th scope="col">Passée le</th>
                <th scope="col">Produit(s)</th>
                <th scope="col">Total</th>
                <th scope="col"></th>
            </tr>
            </thead>
  <tbody>
    
    {% for order in orders %}
          
            <tr>
            <td><span class="badge text-bg-secondary">{{ order.reference }}</span></td>
            <td>
             {% if order.state == 1 %}
                Paiement accepté
             
             {% elseif order.state == 2 %}
                Préparation en cours
             {% elseif order.state == 3 %}
                Livraison en cours
             {% endif %}
            
            </td>
            <td>{{ order.createAt|date('d/m/Y') }}</td>
            <td>{{ order.orderDetails|length }}</td>
            <td>{{ ((order.carrierPrice + order.getTotal) / 100)|number_format(2,',','.') }} €</td>
            <td class="text-end"><a href="{{ path('app_account_order_show', { 'reference' : order.reference }) }}">Voir ma commande</a></td>
           
            </tr>
        {% endfor %}   
  </tbody>
</table>
         
        
    {% endif %}

{% endblock %}