{% extends "main.html" %}

{% block title %}Sondages{% endblock %}

{% block content %}
  <div class="default-container">
    <p>
      <a href="{% url 'sondages:accueil' %}">« Sondages</a>
    </p>

    <h1>{{ sondage.titre }}</h1>

    <p>
      <em>Sondage créé par {{ sondage.auteur.get_full_name }}.</em><br/>
      {% if sondage.description %}
        {{ sondage.description|linebreaksbr }}<br/>
      {% endif %}
      {% if peut_voir_res %}
        <a href="{% url 'sondages:resultats' sondage.slug %}">Consulter les résultats</a>
      {% endif %}
    </p>

    {% if est_cloture %}
      <p>Ce sondage est clôturé.</p>
    {% elif sondage.anonyme and deja_vote %}
      <p>Vous avez déjà voté.</p>
    {% elif peut_voter %}
      <form method="post" action="">
        <fieldset class="mt-3">
          <legend>Voter</legend>
          {% for choix in choix_sondage %}
            <div class="form-check">
              <input
              class="form-check-input"
              type="{% if sondage.choix_multiple %}checkbox{% else %}radio{% endif %}"
              name="choix_vote"
              id="choix_vote_{{ choix.id }}"
              value="{{ choix.id }}" {% if choix.user_favorable %} checked="checked" {% endif %}/>
              <label class="form-check-label" for="choix_vote_{{ choix.id }}">{{ choix }}</label>
            </div>
          {% endfor %}
          <section class="barre_boutons mt-4">
            <button type="submit" class="btn btn-primary">Voter</button>
          </section>
        </fieldset>
      </form>
    {% else %}
      <p>Vous ne pouvez pas participer à ce sondage.</p>
    {% endif %}
  </div>
{% endblock %}