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

{% block title %}Historique de vos commandes{% endblock %}

{% block body %}
    <h1 class="mb-4">Historique de vos commandes :</h1>
    <div class="table-responsive">
        <table class="table table-striped">
            <thead>
                <tr>
                    <th scope="col">Commande</th>
                    <th scope="col">Formule</th>
                    <th scope="col">Produits</th>
                    <th scope="col">Prix</th>
                    <th scope="col">Horaire et date de livraison</th>
                    <th scope="col">Adresse de livraison</th>
                    <th scope="col">Facture</th>
                </tr>
            </thead>
            <tbody>
                {% for orderDetail in orderDetails %}
                    {% if orderDetail.getStatut() == 1 %}
                        {% set produitsParFormule = {} %}
                        {% for produitDetail in orderDetail.getProduitsDetailsCommandes() %}
                            {% set formule = produitDetail.getFormule() %}
                            {% if formule is not null %}
                                {% set produitsParFormule = produitsParFormule|merge({(formule.getId()): produitsParFormule[formule.getId()]|default([])|merge([produitDetail])}) %}
                            {% endif %}
                        {% endfor %}
                        {% for formuleId, produits in produitsParFormule %}
                            <tr>
                                <td>{{ loop.first ? orderDetail.getId() }}</td>
                                <td>{{ produits[0].getFormule().getNom() }}</td>
                                <td>
                                    <ul>
                                        {% for produitDetail in produits %}
                                        {# {{ dump(orderDetail.id) }} #}
                                            {% if produitDetail.getViennoiserie() is not null %}
                                                <li>Viennnoiserie: {{ produitDetail.getViennoiserie() }}</li>
                                            {% endif %}
                                            {% if produitDetail.getPoisson() is not null %}
                                                <li>Poisson: {{ produitDetail.getPoisson() }}</li>
                                            {% endif %}
                                            {% if produitDetail.getViande() is not null %}
                                                <li>Viande: {{ produitDetail.getViande() }}</li>
                                            {% endif %}
                                            {% if produitDetail.getVegetale() is not null %}
                                                <li>Végétale: {{ produitDetail.getVegetale() }}</li>
                                            {% endif %}
                                            {% if produitDetail.getBoisson() is not null %}
                                                <li>Boisson: {{ produitDetail.getBoisson() }}</li>
                                            {% endif %}
                                            {% if produitDetail.getCocktail() is not null %}
                                                <li>Cocktail: {{ produitDetail.getCocktail() }}</li>
                                            {% endif %}
                                        {% endfor %}
                                    </ul>
                                </td>
                                <td>{% if loop.first %}
                                    {{ orderDetail.getPrix()/100 }} €
                                {% endif %}</td>
                                <td>{{ orderDetail.getCreneau().getDate()|date('d-m-Y') }}<br>{{ orderDetail.getCreneau().getHeures()|date('H:i') }}</td>
                                <td>{{ orderDetail.getAdresse()|replace({'[br]': '<br>'})|raw }}</td>
                                <td>{% if loop.first %}
                                    <a href="{{path('app_facture', {'id' : orderDetail.id})}}"><button class="btn btn-dark mt-5">Télécharger la facture</button></a></td>
                                {% endif %}
                            </tr>
                        {% endfor %}
                    {% endif %}
                {% endfor %}
            </tbody>
        </table>
    </div>
    <div style="display: flex; justify-content: center;">
    <button type="button" class="btn btn-secondary mb-4"><a href="{{ path('app_espace_personnel') }}" style="color: white;">Retourner à mon compte</a></button>
</div>
{% endblock %}