{% 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; }
    td:: nth-child(even) { background-color: #f2f2f2; }
    th { background-color: #4CAF50; color: white; }
    tr:hover { background-color: #f5f5f5; }
    table { border-collapse: collapse; width: 100%; }
</style>

<div class="example-wrapper">
    <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>
        </tr>
        {% for etablissement in etablissements %}
            <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>
            </tr>
        {% else %}
            <p>Aucun établissement trouvé.</p>
        {% endfor %}
    </table>
</div>
{% endblock %}