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

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

{% block content %}

<h1>Mes commandes</h1>
<p>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é de commande sur la boutique française <br>
</p>
{% else %}
<table class="table mt-5">
  <thead>
    <tr>
      <th scope="col">Référence</th>
      <th scope="col">Passé 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 bg-secondary">{{ order.reference }}</span></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-right" > <a href="{{ path('app_account_order_show',{'reference': order.reference})}}"> Voir ma commande </a> </td>
    
    </tr>
{% endfor %}
  </tbody>
</table>

{% endif %}
{% endblock %}