{% extends "base_title.html" %}
{% load bootstrap %}

{% block realcontent %}
  <h2>Inscriptions pour BdA-Revente</h2>
  <form action="" class="form-horizontal" method="post">
    {% csrf_token %}
    <div class="form-group">
        <h3>Spectacles</h3>
        <br/>
      <button type="button" class="btn btn-primary" onClick="select(true)">Tout sélectionner</button>
      <button type="button" class="btn btn-primary" onClick="select(false)">Tout désélectionner</button>

        <div class="multiple-checkbox">
            <ul>
                {% for checkbox in form.spectacles %}
                <li>{{checkbox}}</li>
                {%endfor%}
            </ul>
        </div>
    </div>
  <input type="submit" class="btn btn-primary" value="S'inscrire pour les places sélectionnées">
  </form>

<script language="JavaScript">
function select(check) {
    checkboxes = document.getElementsByName("spectacles");
    for(var i=0, n=checkboxes.length;i<n;i++) {
        checkboxes[i].checked = check;
    }
}
</script>
{% endblock %}
