{% extends "base_title.html" %}

{% block realcontent %}
    <h2>{{ spectacle }}</h2>
    {% for message in messages %}
      <h2 class="{{message.tags}}" align="center">{{ message }}</h2>
    {% endfor %}
      <table class='etat-bda' align="center">
        <thead>
          <tr>
          <th>Nom</th>
          <th>Identifiant</th>
          <th>Places</th>
          <th>Adresse Mail</th>
          <th>Payé</th>
          <th>Donné</th>
          </tr>
        </thead> 
        {% for participant in participants %}
        <tr>
          <form action="{% url 'bda-del-attrib'  spectacle.tirage.id spectacle.id %}"
                method="POST"
                onsubmit="return confirm('Voulez-vous vraiment supprimer cette attribution ?');">
          {% csrf_token %}
          <td>{{participant.name}}</td>
          <td>{{participant.username}}
            <input type="hidden" name="username" value={{participant.username}}></td>
          <td>{{participant.nb_places}} place{{participant.nb_places|pluralize}}</td>
          <td>{{participant.email}}</td>
          <td>
            <div class={%if participant.paid %}"greenratio"{%else%}"redratio"{%endif%}>
            {% if participant.paid %}Oui{% else %}Non{%endif%}
            </div>
          </td>
          <td align="center">
            <div class={%if participant.given == participant.nb_places %}"greenratio"
                        {%elif participant.given == 0%}"redratio"
                        {%else%}"orangeratio"
                        {%endif%}>
            {% if participant.given == participant.nb_places %}Oui
            {% elif participant.given == 0 %}Non
            {% else %}{{participant.given}}/{{participant.nb_places}}
            {%endif%}
            </div>
          </td>
          <td id="bda-part-button"><input type="submit" value="Supprimer"></td>
          </form>
        </tr>
        {% endfor %}
        <form action="{% url 'bda-add-attrib' spectacle.tirage.id spectacle.id %}" method="POST">
        {% csrf_token %}
        <tr>
          <td></td>
          <td><input type="text" name="username" size=8></td> 
          <td><select name="nb_places">
                <option value=1>1 place</option>
                <option value=2>2 places</option>
              </select>
          </td>
          <td></td>
          <td></td>
          <td align="center"><input type="checkbox" name="given"></td>
          <td align="center" id="bda-part-button"><input type="submit" value="Ajouter"></td>
        </tr>
      </table>
      <br>
     <button type="button" onclick="toggle('export-mails')">Afficher/Cacher mails participants</button>
      <pre id="export-mails" style="display:none">
{%for participant in participants %}{{participant.email}}, {%endfor%}
      </pre>
      <br>
      <button type="button" onclick="toggle('export-salle')">Afficher/Cacher liste noms</button>
      <pre id="export-salle" style="display:none">
{% for participant in participants %}{{participant.name}}{% if participant.nb_places == 2 %}
{{participant.name}}{%endif%}
{% endfor %}
      </pre>

<script>
function toggle(id) {
    var pre = document.getElementById(id) ;
    pre.style.display = pre.style.display == "none" ? "block" : "none" ;
}
</script>
 
{% endblock %}