{% extends 'base.html.twig' %}
{% block title %}Résultats des idées{% endblock %}
{% block body %}
<div style="max-width:640px;margin:0 auto">
  <p><a href="{{ path('idees') }}">← Voter sur les idées</a></p>
  <h1>Ce que pensent les habitants</h1>
  {% if idees is empty %}
    <p>Aucune idée publiée pour le moment. <a href="{{ path('idee_proposer') }}">Proposez la première&nbsp;!</a></p>
  {% else %}
    {% for i in idees %}
    <div style="background:#fff;border:1px solid #e3e9ee;border-radius:12px;padding:1rem 1.2rem;margin-bottom:.9rem">
      <div style="display:flex;justify-content:space-between;align-items:baseline;gap:1rem">
        <strong>{{ i.titre }}</strong>
        <span style="white-space:nowrap;color:#8595a6">{{ i.totalVotes }} vote{{ i.totalVotes > 1 ? 's' : '' }}</span>
      </div>
      {% if i.description %}<p style="margin:.4rem 0 .6rem;color:#55636f">{{ i.description|nl2br }}</p>{% endif %}
      <div style="background:#eef1f4;border-radius:999px;height:12px;overflow:hidden">
        <div style="background:var(--primaire);height:100%;width:{{ i.adhesion }}%"></div>
      </div>
      <div style="font-size:.85rem;color:#66727d;margin-top:.35rem">
        {{ i.adhesion }}% pour · {{ i.compteurPour }} 👍 / {{ i.compteurContre }} 👎
        {% if i.statut == 'retenue' %}<span style="color:#1a8a4b;font-weight:700"> · idée retenue par l’association</span>{% endif %}
      </div>
    </div>
    {% endfor %}
  {% endif %}
</div>
{% endblock %}