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

{% block title %}Liste des Demandes d'Audit - {{ parent() }}{% endblock %}

{% block body %}
    <div class="container mx-auto py-8">
        <h1 class="text-4xl font-bold text-gray-800 mb-6">Liste des Demandes d'Audit</h1>

        {% if audits is not empty %}
            <div class="overflow-x-auto bg-white shadow-md rounded-lg">
                <table class="min-w-full bg-white border border-gray-200">
                    <thead>
                        <tr>
                            <th class="py-2 px-4 border-b bg-gray-100 text-left text-gray-600 font-semibold">ID</th>
                            <th class="py-2 px-4 border-b bg-gray-100 text-left text-gray-600 font-semibold">Nom de l'entreprise</th>
                            <th class="py-2 px-4 border-b bg-gray-100 text-left text-gray-600 font-semibold">URL du site web</th>
                            <th class="py-2 px-4 border-b bg-gray-100 text-left text-gray-600 font-semibold">Type d'Audit</th>
                            <th class="py-2 px-4 border-b bg-gray-100 text-left text-gray-600 font-semibold">Email de contact</th>
                            <th class="py-2 px-4 border-b bg-gray-100 text-left text-gray-600 font-semibold">Téléphone de contact</th>
                            <th class="py-2 px-4 border-b bg-gray-100 text-left text-gray-600 font-semibold">Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for audit in audits %}
                            <tr class="hover:bg-gray-50">
                                <td class="py-2 px-4 border-b">{{ audit.id }}</td>
                                <td class="py-2 px-4 border-b">{{ audit.companyName }}</td>
                                <td class="py-2 px-4 border-b">
                                    <a href="{{ audit.websiteUrl }}" target="_blank" class="text-blue-600 hover:underline">{{ audit.websiteUrl }}</a>
                                </td>
                                <td class="py-2 px-4 border-b">{{ audit.auditType }}</td>
                                <td class="py-2 px-4 border-b">{{ audit.contactEmail }}</td>
                                <td class="py-2 px-4 border-b">{{ audit.contactPhone }}</td>
                                <td class="py-2 px-4 border-b">
                                    <a href="{{ path('app_audit_show', {'id': audit.id}) }}" class="text-blue-600 hover:underline">Voir</a>
                                    <a href="{{ path('app_audit_edit', {'id': audit.id}) }}" class="ml-2 text-yellow-600 hover:underline">Modifier</a>
                                    <a href="{{ path('app_audit_delete', {'id': audit.id}) }}" class="ml-2 text-red-600 hover:underline" onclick="return confirm('Êtes-vous sûr de vouloir supprimer cette demande d\'audit ?');">Supprimer</a>
                                </td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        {% else %}
            <p class="text-gray-600">Aucune demande d'audit pour le moment.</p>
        {% endif %}
    </div>
{% endblock %}