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

{% set totalHT = 0 %}
{% set totalTTC = 0 %}

{% block body %}

    <div class="container package-front--panier p-3">

        <div id="panier">
            <h4 class="text-center mb-4">Récapitulatif de votre paquetage</h4>
            <h5 class="w-75 text-center mb-4">Vous êtes sur le point de valider la commande de
                {{ user.firstname }} {{ user.lastname }}</h5>

            <table class="table table-striped w-75 m-auto">
                <thead>
                <tr>
                    <th scope="col">#</th>
                    <th scope="col">Produit</th>
                    <th scope="col">Taille</th>
                    <th scope="col">Qté</th>
                </tr>
                </thead>
                <tbody class="panier--product">

                {% for addproduct in panier %}
                    <tr>
                        <td>{{ loop.index }}</td>
                        <td>{{ addproduct.product.name }}</td>
                        <td>{{ addproduct.taille.name }}</td>
                        <td>{{ addproduct.quantity }}</td>
                    </tr>
                    {% set totalHT = totalHT + (addproduct.product.prix*addproduct.quantity) %}
                {% endfor %}
                </tbody>
            </table>
        </div>

        <div class="mt-3">
            {% if msg1 == 'ko' or msg2 == 'ko' or msg3 == 'ko' or msg4 == 'ko' or msg5 == 'ko' or msg6 == 'ko' %}
                <a href="{{ path('commande', { 'panier': panier }) }}"
                   class="btn btn-next float-right disabled">Valider</a>
                {% if msg1 == 'ko' %}
                    <p class="panier-alert-msg">
                        <i class="fa fa-exclamation-circle mr-2" aria-hidden="true"></i>
                        vous devez prendre au moins 3 pantalons dans votre paquetage</p>
                {% endif %}
                {% if msg2 == 'ko' %}
                    <p class="panier-alert-msg">
                        <i class="fa fa-exclamation-circle mr-2" aria-hidden="true"></i>
                        vous devez prendre au moins 1 paire de chaussures</p>
                {% endif %}
                {% if msg3 == 'ko' %}
                    <p class="panier-alert-msg">
                        <i class="fa fa-exclamation-circle mr-2" aria-hidden="true"></i>
                        vous devez prendre au moins 1 sweat shirt ou 1 veste d'hiver</p>
                {% endif %}
                {% if msg4 == 'ko' %}
                    <p class="panier-alert-msg">
                        <i class="fa fa-exclamation-circle mr-2" aria-hidden="true"></i>
                        vous devez prendre au moins 3 articles entre les polos et les
                        tee-shirts</p>
                {% endif %}
                {% if msg5 == 'ko' %}
                    <p class="panier-alert-msg">
                        <i class="fa fa-exclamation-circle mr-2" aria-hidden="true"></i>
                        vous devez prendre au moins 1 pantalon été et 1 pantalon hiver</p>
                {% endif %}
                {% if msg6 == 'ko' %}
                    <p class="panier-alert-msg">
                        <i class="fa fa-exclamation-circle mr-2" aria-hidden="true"></i>
                        vous devez prendre au moins 2 tee-shirts classique et 1 tee-shirt aéré</p>
                {% endif %}
            {% else %}
                {% if user.qualification.id == 1 %}
                    {% if totalHT < user.qualification.maxAmountPackage %}
                        <a href="{{ path('commande', { 'panier': panier }) }}"
                           class="btn btn-next float-right">Valider</a>
                    {% else %}
                        <p class="panier-alert-msg">le montant est trop élevé refaire votre sélection</p>
                    {% endif %}
                {% elseif user.qualification.id == 2 %}
                    {% if totalHT < user.qualification.maxAmountPackage %}
                        <a href="{{ path('commande', { 'panier': panier }) }}"
                           class="btn btn-next float-right">Valider</a>
                    {% else %}
                        <p class="panier-alert-msg">le montant est trop élevé refaire votre sélection</p>
                    {% endif %}
                {% elseif user.qualification.id == 3 %}
                    {% if totalHT < user.qualification.maxAmountPackage %}
                        <a href="{{ path('commande', { 'panier': panier }) }}"
                           class="btn btn-next float-right">Valider</a>
                    {% else %}
                        <p class="panier-alert-msg">le montant est trop élevé refaire votre sélection</p>
                    {% endif %}
                {% elseif user.qualification.id == 4 %}
                    {% if totalHT < user.qualification.maxAmountPackage %}
                        <a href="{{ path('commande', { 'panier': panier }) }}"
                           class="btn btn-next float-right">Valider</a>
                    {% else %}
                        <p class="panier-alert-msg">le montant est trop élevé refaire votre sélection</p>
                    {% endif %}
                {% elseif user.qualification.id == 5 %}
                    {% if totalHT < user.qualification.maxAmountPackage %}
                        <a href="{{ path('commande', { 'panier': panier }) }}"
                           class="btn btn-next float-right">Valider</a>
                    {% else %}
                        <p class="panier-alert-msg">le montant est trop élevé refaire votre sélection</p>
                    {% endif %}
                {% endif %}
            {% endif %}

            <a href="{{ path('package_return') }}" class="btn btn-back text-white">Retour Sélection</a>

        </div>

    </div>

{% endblock %}