index.html.twig

{% 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">
            <label> Rechercher un établissement par nom:
                <input type="text" name="search" value="{{ search }}" class="form-control"
                       placeholder="Rechercher un établissement...">
            </label>
            <button type="submit" class="btn btn-primary mt-2">Valider</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>
                        <a class="tooltip" href="{{ path('carte_commune', {'codeCommune': etablissement.codeCommune}) }}">{{ etablissement.commune }}
                            <span class="tooltiptext">Voir la carte</span></a></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 %}