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

{% block title %}Ma commande - Les Pépites D'Ophélie {% endblock %}


{% block content %}
<div class="container mt-5 mb-5">
<a href="{{ path('app_account_order') }}">
        <img src="{{ asset('assets/img/fleche.png') }}" alt="Retour" style="width: 50px; height: auto;">
    </a>
    
    <br>
    <br>
    <div class="text-center">
        <h1>Ma commande {{ order.reference }}</h1>
    </div>
    <br>
    <div class="alert alert-dark" role="alert">
        <strong>Commande passée le :</strong> {{ order.createdAt|date('d/m/Y') }} <br>
        <strong>Référence de la commande :</strong> {{ order.reference }} <br>
        <strong>Adresse de livraison :</strong> <br><i>{{ order.delivery | raw}}</i> <br>
        <strong>Adresse de facturation :</strong> <br><i>{{ order.billingAddress | raw}}</i> <br>
        <strong>Transporteur :</strong> {{order.carrierName}}<br>
        <strong>Statut de la commande : </strong>
        {% if order.statu == 1 %}
            En cours de traitement
        {% elseif order.statu == 2 %}
            En cours de livraison
        {% elseif order.statu == 3 %}
            Livré
        {% endif %} <br>
        {% if order.statu > 1 %}
        <strong>Numero de suivi : </strong>{{ order.tracking }}
        {% endif %}
    </div>

    <hr>

    <h4 class="mt-4">Détails de la commande :</h4>
    <br>
     <div class="table-responsive">
    <table class="table table-order-show">
    <thead class="table-dark">
        <tr>
            <th scope="col" class="text-center">Produit</th>
            <th scope="col" class="text-center">Taille</th>
            <th scope="col" class="text-center">Quantité</th>
            <th scope="col" class="text-center">Prix unitaire</th>
            <th scope="col" class="text-center">Prix total</th>
        </tr>
    </thead>
    <tbody>
        
        {% set subtotal = 0 %}
        {% for product in order.orderDetails %}
            <tr>
                <td scope="row" class="text-center">{{ product.product }}</td>
                <td class="text-center">{{ product.size }}</td>
                <td class="text-center">{{ product.quantity }}</td>
                <td class="text-center">{{ (product.price / 100) | number_format(2, ',', '.') }} €</td>
                <td class="text-center">{{ ((product.quantity * product.price) / 100) | number_format(2, ',', '.') }} €</td>
            </tr>
            {% set subtotal = subtotal + (product.quantity * product.price) %}
        {% endfor %}
        
    </tbody>
</table>
</div>
    <div class="text-end mt-4">
        <strong>Sous-total : </strong>{{ (subtotal / 100) | number_format(2, ',', '.') }} €<br>
        <strong>Livraison : </strong>{{ (order.carrierPrice / 100) | number_format(2, ',', '.') }} €<br>
        <strong>Total : </strong>{{ ((subtotal + order.carrierPrice) / 100) | number_format(2, ',', '.') }} €
        
    {# </div>
    <a id='a-pdf' href="{{ path('app_account_order_pdf', { 'reference': order.reference }) }}">
        <div class="download-button-container">
            <img src="{{ asset('assets/img/pdf.png') }}" alt="Icone Téléchargement" class="download-icon me-2" height='30px'>
            <div class="download-button">Télécharger ma facture</div>
        </div>
    </a>
    <button><a href="{{ path('stripe_create_portal')}}">Facture</a></button>
</div> #}
{% endblock %}