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

{% block title %}Liste des établissements{% endblock %}

{% block body %}
<style>
    .example-wrapper { margin: 1em auto;  width: 100%; font: 18px/1.5 sans-serif; }
    .example-wrapper code { background: #F5F5F5; padding: 2px 6px; }
    th,td { padding: 15px; border: 1px solid black; }
    tr:nth-child(even) { background-color: #f2f2f2; }
    tr:hover { background-color:rgb(111, 239, 115); }
    table { border-collapse: collapse; width: 100%; }
    th { background-color: #4CAF50; color: white; }
</style>

<div class="example-wrapper">
<!-- Bouton pour ajouter un établissement -->
    <a href="{{ path('etablissement_new') }}" class="btn-ajouter">➕ Ajouter un établissement</a>
    <h1> Liste de tous les etablissements:</h1>
    
    <table>
        <tr>
            <th>Nom</th>
            <th>Nature</th>
            <th>Adresse</th>
            <th>Commune</th>
            <th>Département</th>
            <th>Secteur</th>
            <th>Coordonnée X</th>
            <th>Coordonnée Y</th>
            <th>Longitude</th>
            <th>Latitude</th>
            <th colspan="3"> Action </th>
        </tr>
        {% for etablissement in pagination.items %}
            <tr>
                <td>{{ etablissement.nom }}</td>
                <td>{{ etablissement.nature }}</td>
                <td>{{ etablissement.adresse }}</td>
                <td>{{ etablissement.commune }}</td>
                <td>{{ etablissement.departement }}</td>
                <td>{{ etablissement.secteur.value }}</td>
                <td>{{ etablissement.coordX }}</td>
                <td>{{ etablissement.coordY }}</td>
                <td>{{ etablissement.longitude }}</td>
                <td>{{ etablissement.latitude }}</td>
                <td><a href="{{ path('app_etablissement', {'id': etablissement.id}) }}"> Détails </a></td>
                <td><a href="{{ path('etablissement_edit', {'id': etablissement.id}) }}"> Modifier </a></td>
                <td><a href="{{ path('etablissement_confirm_delete', {'id': etablissement.id}) }}"> Supprimer </a></td>
            </tr>
        {% else %}
            <p>Aucun établissement trouvé.</p>
        {% endfor %}
    </table>
    {# Pagination links #}

    {{ knp_pagination_render(pagination) }}

</div>
{% endblock %}