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

{% block title %}Hello CartaController!{% 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>

<h1>IMPORTANT - Veuillez vous connecter pour valider votre pannier !!!</h1>
<h3>si vous etes pas connecter <a class="nav-link" href="{{ path('app_login') }}">login</a></h3>
<h1>Mon panier</h1>
    Retrouvez l'ensemble des produits que vous avez ajouté à votre panier.
    <a href="{{ path('producta_index') }}" class="btn btn-success btn-block mt-3">Autre Produit</a>

    

    {% if carta|length > 0 %}
        <table class="table mt-3">
            <thead>
            <tr>
                <th scope="col">Image Sortie</th>
                <th scope="col">Sortie</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 %}
            {% for producta in carta %}
            <tr>
                <th>
                    
                    <img src="{{ asset("uploads/") ~ producta.producta.illustration  }} " alt="titi" height="75px" /><br/>
                </th>
                <td>
                    {{ producta.producta.name }}<br/>
                    <small>{{ producta.producta.subtitle }}</small>
                </td>
                 
                <td>
                    <a href="{{ path('decrease_to_carta', { 'id' : producta.producta.id }) }}">
                        <img src="{{ asset('assets/img/minus.png') }}" height="12px" alt="Retirer une quantité à mon produit">
                    </a>
                
                <td>
                    x {{ producta.quantity }}
                    <a href="{{ path('add_to_carta', { 'id' : producta.producta.id }) }}">
                        <img src="{{ asset('assets/img/plus.png') }}" height="12px" alt="Ajouter un produit">
                    </a>
                </td>

                <td>{{ (producta.producta.price )|number_format(2, ',', '.') }} €</td>
                <td>{{ ((producta.producta.price * producta.quantity ) )|number_format(2, ',', '.') }} €</td>

               
                <td>
                    <a href="{{ path('delete_to_carta', { 'id' : producta.producta.id }) }}">
                        <img src="{{ asset('assets/img/delete.png') }}" height="18px" alt="Supprimer mon produit">
                    </a>
                </td>
            </tr>
                {% set total = total + (producta.producta.price * producta.quantity) %}
            {% endfor %}
            </tbody>
        </table>
        <div class="text-right mb-5">
            <b>Nombre de produit :</b> {{ carta|length }}<br/>
            <b>Total de mon panier :</b> {{ (total )|number_format(2, ',', '.') }} €
            <a href="{{ path('ordero_commande') }}" class="btn btn-success btn-block mt-3">Valider mon panier carta/index.html</a>
        </div>
    {% else %}
        <hr>
        <p><b>Votre panier est vide.</b></p>
    {% endif %}


{% endblock %}