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

{% block title %}Mon panier - Brunchology{% endblock %}

{% block body %}
<h1 style="text-align:center;">MON PANIER</h1>
{# {{ dump(cart) }} #}
<table class="table mx-5" style="width:70%;">
    <thead>
        <tr>
            <th scope="col" style="width:40%;">Article(s)</th>
            <th scope="col">Illustration(s)</th>
            <th scope="col" style="width:20%;">Prix</th>
            <th scope="col"></th>
        </tr>
    </thead>
    <tbody>
    {% set total = null %}
    {% set index = 0 %}
        {% if cart is empty %}
            <tr>
                <td colspan="3">
                    <p class="text-center">Votre panier est vide.</p>
                </td>
            </tr>
        {% else %}
            {% for Formule in cart %}
                <tr>
                    <td>
                        <p><strong>Formule {{ Formule.formule.Nom }}</strong></p>
                        <p>Produits:</p>
                        <ul>
                            <li>Viennoiseries: {{ Formule.choix.Viennoiseries }}</li>
                            <li>Poisson: {{ Formule.choix.Poisson }}</li>
                            {% if Formule.choix.Viandes != null %}
                                <li>Viandes: {{ Formule.choix.Viandes }}</li>
                            {% endif %}
                            {% if Formule.choix.Vegetale != null %}
                                <li>Végétarienne: {{ Formule.choix.Vegetale }}</li>
                            {% endif %}
                            <li>Boisson: {{ Formule.choix.Boisson }}</li>
                            {% if Formule.choix.Cocktail != null %}
                                <li>Cocktail: {{ Formule.choix.Cocktail }}</li>
                            {% endif %}
                        </ul>
                    </td>

                    <td>
                        <img src="/uploads/images/{{ Formule.formule.illustration }}" alt="Illustration" style="height: 150px;">
                    </td>
                    <td>
                        <p><small>{{ (Formule.formule.Prix / 100)|number_format('2', '.', ',') }}€</small></p>
                    </td>

                    <td><a href="{{path('delete_to_cart', {'id' : Formule.choix.idFormule})}}"><img src="asset/images/poubelle.svg" alt="" width="15%"></a></td>

                </tr>
                {% set index = index + 1 %}
                {% set total = total + Formule.formule.Prix %}
            {% endfor %}
        {% endif %}
    </tbody>
</table>

<div class="">
<div class="col-md-3">
    <table class="table mx-5" style="width:90%;">
            <thead>
            <tr>
                <th scope="col">Total</th>
            </tr>
            <td>{{total / 100}} €
            </td>
        </thead>
    </table>

    </div>
</div>
    <div class="d-flex justify-content-end">
        <a href="{{path('remove_my_cart')}}"><button class="btn btn-danger mx-5">Vider le panier</button></a><br>
        <a href="{{path('app_commande')}}"><button class="btn btn-dark mx-5">Passer la commande</button></a><br><br>
    </div>
{% endblock %}