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

{% block title %}Hello CommentaireController!{% endblock %}

{% block body %}
<style>
    .example-wrapper { margin: 1em auto; max-width: 800px; width: 95%; font: 18px/1.5 sans-serif; }
    .example-wrapper code { background: #F5F5F5; padding: 2px 6px; }
</style>

<div class="example-wrapper">
    <h1> {{ etablissement.nom }} {{ etablissement.nature }}  </h1>
    <h3>Informations</h3>
    <ul>
        <li aria-label="Adresse">📍 Adresse {{ etablissement.adresse }}, {{ etablissement.commune }} ({{ etablissement.departement }})</li>
        <li aria-label="Secteur">🔹 Secteur : {{ etablissement.secteur.value }}</li>
        <li aria-label="Académie">🎓 Académie : {{ etablissement.academie }}</li>
        <li aria-label="Coordonnées géographiques">🌐 Latitude : {{ etablissement.latitude }} - Longitude : {{ etablissement.longitude }}</li>
    </ul>

    <h3>Commentaires</h3>
    <ul>
        {% for commentaire in commentaires %}
            <li>
            Utilisateur : {{ commentaire.utilisateur }} <br>
            Note : {{ commentaire.note }} <br>
            {{ commentaire.contenu }}
        {% else %}
            <li>Aucun commentaire trouvé.</li>
        {% endfor %}
    </ul>
</div>
{% endblock %}