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

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

{% block content %}
<style>
    .example-wrapper { margin: 1em auto; max-width: 800px; width: 95%; font: 18px/1.5 sans-serif; }
    .example-wrapper code { background: #F5F5F5; padding: 2px 6px; }
</style>

<div class="example-wrapper">
    <h1>Mon panier</h1>
    Retrouvez l'ensemble des produits que vous avez ajouté à votre panier.
    
    {% if cart|length > 0 %}

    <table class="table">
  <thead>
    <tr>
    
      <th scope="col">Produit</th>
      <th scope="col">Désignation</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 quantitetotal = null %}
  {% for product in cart %}
    
    <tr>
      <th>
      <img src="/uploads/{{ product.product.illustration }}" alt="{{ product.product.name }}" height="75px"><br>
      
      </th>
      <td>
      {{ product.product.name }}<br>
     <small> {{ product.product.subtitle }}</small>
      </td>
      <td> 
      <a href=" {{ path('decrease_to_cart', { 'id' : product.product.id }) }}"><img src="{{ asset('assets/img/moins.png') }}" height="10px" alt="Retirer mon produit"></a>
      
      x {{ 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, ',', '')|default('0.00') }}€</td>
      <td>{{ ((product.product.price * product.quantity) / 100)|number_format(2, ',', '')|default('0.00') }} €</td>
      <td>
        <a href="{{ path('delete_to_cart', { 'id' : product.product.id }) }}">
          <img src="{{ asset('assets/img/delete.png') }}" height="22px" alt="Supprimer mon produit">
        </a>
      </td>
    </tr>

    {% set total = total + (product.product.price * product.quantity) %}
    {% set quantitetotal = quantitetotal + (product.quantity) %}
  {% endfor %}
  </tbody>
</table>
<div class="text-end mb-5">
    <b>Nombre de produit : </b> {{ quantitetotal}}<br>
    <b>Total de mon panier : </b>{{ (total / 100)|number_format(2, ',', '')|default('0.00') }} €<br>
    <a href="{{ path('app_order') }}" class="btn btn-success w-100">Valider mon panier</a>
</div>
  {% else %}
  <hr>
  <p><b>Votre panier est vide</p><b>
  {% endif %}
{% endblock %}