{% extends "base.html" %}

{% block content %}
<h1>Pétition — Réparons cette sonnette !</h1>

{% if just_signed %}
<p style="background-color: #a7ffc0; font-size: 1.3em">
  Merci d'avoir signé !
</p>
{% endif %}
{% if just_error %}
<p style="background-color: #a7ffc0; font-size: 1.3em">
  Votre signature était invalide. N'avez-vous pas utilisé le même email deux
  fois ?
</p>
{% endif %}

<h2>Signez</h2>

<p>
  Vous voulez que la sonnette de l'arcoloc soit enfin réparée ? Signez ici !
</p>

<form method="post">
  {% csrf_token %}
  <table>
  {{ form }}
  </table>
  <input type="submit" value="Faire entendre votre droit à une sonnette !" />
</form>

<h2>Gens ayant déjà signé</h2>

{% if not signers %}

<p>Personne n'a signé. C'est pas comme ça que ça sera réparé, vous savez ?</p>

{% else %}

<p>
Plein de gens (c'est à dire, {{ num_signers }}) ont déjà signé. Voici leurs
noms :
</p>

<ul>
  {% for signer in signers %}
  <li>{{ signer.name }}</li>
  {% endfor %}
</ul>

{% endif %}

{% endblock content %}