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

{% block title %}Liste des commandes {{parent()}}{% endblock %}

{% block body %}
<h1 class="text-2xl font-semibold mb-4">Liste des commandes</h1>

<div class="overflow-x-auto">
    <table class="min-w-full bg-white shadow-md rounded-lg overflow-hidden">
        <thead class="bg-gray-800 text-white">
            <tr>
                <th class="py-2 px-4 border-b border-gray-200">ID</th>
                <th class="py-2 px-4 border-b border-gray-200">Nom</th>
                <th class="py-2 px-4 border-b border-gray-200">Prénom</th>
                <th class="py-2 px-4 border-b border-gray-200">Email</th>
                <th class="py-2 px-4 border-b border-gray-200">Commandé le</th>
                <th class="py-2 px-4 border-b border-gray-200">Commentaire</th>
                <th class="py-2 px-4 border-b border-gray-200">Total</th>
                <th class="py-2 px-4 border-b border-gray-200">Actions</th>
            </tr>
        </thead>
        <tbody>
            {% for command in commands %}
                <tr class="hover:bg-gray-100">
                    <td class="py-2 px-4 border-b border-gray-200">{{ command.id }}</td>
                    <td class="py-2 px-4 border-b border-gray-200">{{ command.user.lastName }}</td>
                    <td class="py-2 px-4 border-b border-gray-200">{{ command.user.firstName }}</td>
                    <td class="py-2 px-4 border-b border-gray-200">{{ command.user.email }}</td>
                    <td class="py-2 px-4 border-b border-gray-200">{{ command.commandedAt ? command.commandedAt|date('d/m/Y h:i') : '' }}</td>
                    <td class="py-2 px-4 border-b border-gray-200">{{ command.comment }}</td>
                    <td class="py-2 px-4 border-b border-gray-200">{{ command.total }} €</td>
                    <td class="py-2 px-4 border-b border-gray-200">
                        <a href="{{ path('app_command_show', {'id': command.id}) }}" class="text-blue-500 hover:underline">Voir</a>
                        <a href="{{ path('app_invoice_generate', {'id': command.id}) }}" class="text-blue-500 hover:underline ml-2">Générer une facture</a>
                    </td>
                </tr>
            {% else %}
                <tr>
                    <td colspan="8" class="py-2 px-4 border-b border-gray-200 text-center">Aucun enregistrement trouvé</td>
                </tr>
            {% endfor %}
        </tbody>
    </table>
</div>

<a href="{{ path('app_command_new') }}" class="mt-4 inline-block bg-blue-500 text-white py-2 px-4 rounded hover:bg-blue-600">Créer une nouvelle commande</a>

{% endblock %}