{% extends 'guichet/event_base.html' %}

{% load static %}
{% load bootstrap3 %}

{% block admintickettab %} class="active"{% endblock %}

{% block css %}
  {{ block.super }}
  {{ form.media.css }}
  <link href="{% static 'css/select2.min.css' %}" rel="stylesheet"/>
{% endblock %}

{% block eventcontent %}

  <div class="row">
    <div class="col-md-offset-3 col-md-6">
      <div class="page-header">
        <h3>
          {% if infosup and request.managers_access >= manager_acl.EVENT_MANAGER %}
            Modifier l'information supplémentaire {{ infosup.name }}
          {% elif infosup %}
            Détails de l'information supplémentaire {{ infosup.name }}
          {% else %}
            Ajouter une information supplémentaire
          {% endif %}
        </h3>
        <em>Billet: {{ ticket.name }}</em><br/>
        <em>Type: {{ desc }}</em>
      </div>

      <form action="" method="post" role="form" enctype="multipart/form-data">
        {% bootstrap_form form %}
        {% if choice_form %}
          <div class="page-header"><h4>Choix possibles</h4></div>
          {{ choice_form.management_form }}
          {% for f in choice_form %}
            <div class="dynamicOptions">
              {% bootstrap_form f %}
            </div>
          {% endfor %}
        {% endif %}

        {% csrf_token %}
        {% if request.managers_access >= manager_acl.EVENT_MANAGER %}
          <div class="page-header"><h2>Envoyer</h2></div>
          {% buttons %}
            <p>
              <button type="submit" class="btn btn-primary">Soumettre</button>
              <a href="{% url 'details-ticket' event.short_url ticket.id %}" class="btn btn-default">Annuler</a>
            </p>
          {% endbuttons %}
        {% else %}
          {% buttons %}
            <p><a href="{% url 'details-ticket' event.short_url ticket.id %}" class="btn btn-default">Retour</a></p>
          {% endbuttons %}
        {% endif %}
      </form>

    </div>
  </div>

{% endblock %}

{% block js_foot %}
  {{ block.super }}
  {{ form.media.js }}
  <script src="{% static 'js/jquery.formset.js' %}"></script>
  {% if not restrict and request.managers_access >= manager_acl.EVENT_MANAGER %}
    <script>
        $(function () {
            $('.dynamicOptions').formset({
                prefix: '{{ choice_form.prefix }}',
                addCssClass: 'btn btn-warning margin',
                deleteCssClass: 'btn btn-danger margin',
                deleteText: 'Supprimer cet choix',
                addText: 'Ajouter un choix',
            });
        });
    </script>
  {% endif %}
  <script src="{% static 'js/select2.min.js' %}"></script>
  <script>
      $(document).ready(function () {
          $("#id_groups").select2();
      });
  </script>
{% endblock %}