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

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

{% block content  %}
    <h1>Mes commandes</h1>
    C'est dans cet espace que vous allez pouvoir gérer toutes vos commandes.<br>
    <a href="{{ path('app_account') }}">Retour</a>
    {% if orders|length == 0 %}
        <hr>
        <p class="text-center">
            Vous n'avez pas encore passé sur La Boutique Française.
        </p>
    {% else %}
        <table class="table mt-4">
            <thead>
                <tr>
                    <th scope="col">Référence</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.createdAt|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 %}