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

{% block title %}Mon panier-La boutique Française{% endblock %}

{% block content %}
<h1>Mon panier</h1>
Retrouvez l'ensemble des produits que avez ajouté à votre pannier.

{% if cart|length >0%}

Mon panier :
<table class="table mt-3">
  <thead>
    <tr>
      <th scope="col">Produit</th>
      <th scope="col"></th>
      <th scope="col">Quantité</th>
      <th scope="col">Prix</th>
      <th scope="col">Total</th>
      <th scope="col"></th>
    </tr>
  </thead>
  <tbody>
  {% set total=null%}
  {% set quantity=null%}
  {% for product in cart %}
    <tr>
    <td>
    {{ product.product.name}}<br>
    <small>{{product.product.subtitle}}</small>
    </td>
      <th>
      <img src="/uploads/{{product.product.illustration}}" alt="{{product.product.illustration}}" height="75px"> <br>
      </th>
      <td>
        <a href="{{path('decrease_to_cart', {'id': product.product.id})}}">
          <img src="{{asset ('assets/img/minus.png')}}" height="10px" alt="SUpprimer un produit">
        </a>
      * {{ product.quantity}}
        <a href="{{path('add_to_cart', {'id': product.product.id})}}">
          <img src="{{asset ('assets/img/plus.png')}}" height="10px" alt="Ajouter un produit">
        </a>
      </td>
      <td>{{(product.product.price /100)|number_format(2,',','.') }}€</td>
      <td>{{(product.product.price * product.quantity /100)|number_format(2,',','.') }}€</td>
      <td>
        <a href="{{path('delete_to_cart',{'id' : product.product.id})}}">
          <img src="{{asset ('assets/img/delette.png')}}" height="25px" alt="Supprimer mon produit"> </td>
        </a>
    </tr>
    {% set total= total + (product.product.price * product.quantity) %}
    {% set quantity = quantity+(product.quantity) %}
    {% endfor %}
  </tbody>
</table>
<div class="text-right mb-5">

  <b> Nombre de produit : </b> {{quantity}}<br>
  <b> Total de mon panier:</b> {{(total /100)|number_format(2,',','.') }}€ <br>
  <a href="{{ path('app_order') }}" class="btn btn-success btn-bloc mt-3"> Valider mon panier </a>

</div>
{% else %}
<hr>
<p><b> Votre panier est vide.</b></p>

{% endif %}
{% endblock %}