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

{% block title %}{{ page_title }}{% endblock %}

{% block nav %}
    {% embed 'nav.html.twig' %}{% endembed %}
{% endblock %}

{% block body %}
    <div class="container mt-4">
        <!-- Titre de la page -->
        <div class="row mb-4">
            <div class="col-12 text-center">
                <h1 class="mb-4 title-custom">Toutes les Commandes</h1>
            </div>
        </div>

        <!-- Tableau des commandes -->
        <div class="table-responsive">
            <table class="table table-bordered table-striped">
                <thead class="thead-dark">
                <tr>
                    <th>N°</th>
                    <th>Utilisateur</th>
                    <th>Date de la commande</th>
                    <th>Montant</th>
                    <th>Communication Structurée</th>
                    <th class="text-center">Payée</th>
                </tr>
                </thead>
                <tbody>
                {% for order in orders %}
                    <tr>
                        <td>{{ order.id }}</td>
                        <td>{{ order.user.fname }} {{ order.user.lname }}</td>
                        <td>{{ order.orderTime|date('d-m-Y') }}</td>
                        <td>{{ order.totalAmount|number_format(2, '.', ',') }} €</td>
                        <td>{{ order.structuredCommunication }}</td>
                        <td class="text-center">
                            {% if order.paid %}
                                <span class="text-success">
                                <i class="fas fa-check-circle"></i> Payée
                            </span>
                            {% else %}
                                <span class="text-danger">
                                <i class="fas fa-times-circle"></i> Non Payée
                            </span>
                            {% endif %}
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
{% endblock %}

{% block bodyScript %}
    {{ encore_entry_script_tags('admin') }} {# Insertion du fichier JS compilé par Webpack #}
{% endblock %}