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

{% block title %}Mes commandes{% endblock %}

{% block meta %}
    <meta name="description" content="Retrouver ici toutes vos commandes">
{% endblock %}

{% block content %}
<div class="container mt-5 mb-5" style="min-height:54vh">
    <a href="{{ path('app_account') }}">
        <img src="{{ asset('assets/img/fleche.png') }}" alt="Retour" style="width: 55px; height: auto;">
    </a>
    <div class="text-center">
        <h1>Mes commandes</h1>
        <p>C'est dans cet espace que vous allez pouvoir suivre vos commandes.</p>
        <br>
        <hr>
        <br> 
        {% if app.user.orders | length == 0 %}
            <p>Vous n'avez pas encore passé de commande chez nous.</p>
            
        {% else %}
            <div class="row mt-3">
                {% set itemsPerPage = 5 %}
                {% set currentPage = app.request.query.get('page', 1) %}
                {% set start = (currentPage - 1) * itemsPerPage %}
                {% set end = start + itemsPerPage %}
                {% for order in orders|slice(start, end) %}
                   
                 <div class="d-flex flex-column bd-highlight mb-3 align-items-center justify-content-center">
                    <div class="p-10 bd">
                     <a href="{{ path('app_account_order_show', { 'reference' : order.reference }) }}">
                        <div class="account-order text-center">
                            <span class="mt-2 mb-2"> <strong>Passé le : </strong>{{ order.createdAt|date('d/m/Y') }}</span> <br>
                            <span class="mt-2 mb-2 badge text-bg-secondary">{{ order.reference }}</span> <br>
                            <span class="mt-2 mb-2">{% if order.statu == 1 %}
                            <strong> Statut : </strong>
                                      En cours de préparation
                                    
                                    {% elseif order.statu == 2 %}
                                       <strong> Statut : </strong> Expédié
                                    {% elseif order.statu == 3 %}
                                      <strong> Statut : </strong>  Livraison en cours
                                    {% endif %}</span> <br>
                                
                             {% set totalQuantity = 0 %}
                                {% for detail in order.orderDetails %}
                                    {% set totalQuantity = totalQuantity + detail.quantity %}
                                {% endfor %}
                            <span class="mt-2 mb-2"><strong>Produit(s) :</strong> {{ totalQuantity }}</span> <br> 
                            <span class="mt-2 mb-2"><strong>Total : </strong>{{ ((order.getTotal) / 100)|number_format(2,',','.') }} €</span>
                        </div>
                         </a>
                    </div>
                 </div>
                {% endfor %}
            </div>
{# Affichage de la pagination #}
<div class="pagination-container text-center mt-3">
    {% set totalPages = (orders|length / itemsPerPage) %}
    {% set totalPages = totalPages|round(0, 'ceil') %}
    {% if totalPages > 1 %}
        {% for page in 1..totalPages %}
            {% if page == currentPage %}
                <span class="btn btn-outline-primary active">{{ page }}</span>
            {% else %}
                <a href="{{ path('app_account_order', {'page': page}) }}" class="btn btn-outline-primary">{{ page }}</a>
            {% endif %}
        {% endfor %}
    {% endif %}
</div>

        {% endif %}
    </div>
</div>
{% endblock %}