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

{% block body %}
<h1>Votre Panier</h1>
<table>
    <thead>
        <tr>
            <th>Nom</td>
            <th>type</td>
            <th>price &#128; </td>
            <th>picture</td>
            <th>quantité</th>
            <th>total/produit</th>
            <th>select</th>
        </tr>
    </thead>
    {% for product in products %}
    {% for id, quantity in baskets %}
    <tbody>
        <tr>
            {% if id == product.getId()%}

            <td>{{ product.getName() }}</td> 
            <td>{{ product.getType() }}</td> 
            <td>{{ product.getPrice() }}</td>
            <td><img src="{{asset("img/"~product.getPicture())}}" width="10%">{{ product.getDescription() }}</td>
            <td><strong>{{quantity}}</strong></td>
            <td>{{quantity * product.getPrice()}} &#128;</td>
            <td><input type="radio"></td>
        </tr>
        
    </tbody>
   
  {% endif %}
    {% endfor %}
    {% endfor %} 
    <tfoot>
        <tr> 
            <td>total={{quantity * product.getPrice()}}</td>
        </tr>
    </tfoot>
</table>
<img class="img" src="{{asset("img/free-paf-paf-fond_rouge.jpg")}}">
<button class ="delete">supprimer Produit</button>
<img class="img" src="{{asset("img/free-paf-paf-fond_rouge.jpg")}}">
<button class ="delete">valider votre commande</button>
<img class="img" src="{{asset("img/free-paf-paf-fond_rouge.jpg")}}">

{% endblock body %}