{% extends 'base.html.twig' %}
{% block body %}
<main class="container">
<section class="row">
<div class="col-12">
<h1>Panier</h1>
<table class="table">
<thead>
<tr>
<th>Produit</th>
<th>Prix</th>
<th>Quantité</th>
<th>Total</th>
</tr>
</thead>
<tbody>
{% for element in data %}
<tr>
<td><a href="{{ path('app_home_show', {'id': element.pneu.id}) }}">{{ element.pneu.marque }} {{element.pneu.modele}} - {{ element.pneu.largeur }} / {{ element.pneu.hauteur }} {{ element.pneu.structure }} {{ element.pneu.diametre }} {{ element.pneu.charge }} {{ element.pneu.vitesse }} - DOT : {{ element.pneu.DOT }} - usure : {{ element.pneu.usure }}</a></td>
<td>{{ element.pneu.prix }} €</td>
<td>
<a href="{{ path('cart_add', {id: element.pneu.id}) }}" class="btn btn-success">+</a>
{{ element.quantity }}
<a href="{{ path('cart_remove', {id: element.pneu.id}) }}" class="btn btn-warning">-</a></td>
<td>{{ element.quantity * element.pneu.prix }} €</td>
<td><a href="{{ path('cart_delete', {id: element.pneu.id}) }}" class="btn btn-danger">X</a></td>
</tr>
{% else %}
<tr>
<td colspan="5">Votre panier est vide</td>
</tr>
{% endfor %}
</tbody>
<tfoot>
<tr>
<td colspan="3">Total</td>
<td><b>{{ total }} €</b></td>
<td>
{# <a href="{{ path('cart_empty') }}" class="btn btn-danger">Vider</a> #}
</td>
</tr>
</tfoot>
</table>
<a href="{{ path('submit_order') }}" class="btn btn-primary">Valider le panier</a>
</div>
</section>
</main>
{% endblock %}