{% 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; }
    h1 { text-align: center; }
</style>

<div class="example-wrapper">
<!-- Bouton pour ajouter un établissement -->
    <a href="{{ path('etablissement_new') }}" class="btn-ajouter">➕ Ajouter un établissement</a>

       {# Formulaire de recherche #}
    <form method="GET" action="{{ path('app_etablissements') }}" class="mb-3">
        <input type="text" name="search" value="{{ search }}" class="form-control" placeholder="Rechercher un établissement...">
        <button type="submit" class="btn btn-primary mt-2">Rechercher</button>
    </form>
    <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"> Actions </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 %}