{% 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 options and request.managers_access >= manager_acl.EVENT_MANAGER %}
            Modifier le groupe d'option {{ options.0.group_name }}
          {% elif options %}
            Détails sur le groupe d'option {{ options.0.group_name }}
          {% else %}
            Ajouter un groupe d'options
          {% endif %}
        </h3>
        <em>Billet: {{ ticket.name }}</em>
      </div>

      <form action="" method="post" role="form" enctype="multipart/form-data">
        <div class="page-header"><h4>Informations générales</h4></div>
        {% bootstrap_form form %}

        <div class="page-header"><h4>Choix possibles</h4></div>
        {{ formoptions.management_form }}
        {% for f in formoptions %}
          <div class="dynamicOptions">
            {% bootstrap_form f %}
          </div>
        {% endfor %}

        {% csrf_token %}
        {% buttons %}
          <p>
            {% if request.managers_access >= manager_acl.EVENT_MANAGER %}
              <button type="submit" class="btn btn-primary">Envoyer</button>
              <a href="{% url 'details-ticket' event.short_url ticket.id %}" class="btn btn-default">Annuler</a>
            {% else %}
              <a href="{% url 'details-ticket' event.short_url ticket.id %}" class="btn btn-default">Retour</a>
            {% endif %}
          </p>
        {% endbuttons %}
      </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: '{{ formoptions.prefix }}',
                addCssClass: 'btn btn-warning margin',
                deleteCssClass: 'btn btn-danger margin',
                deleteText: 'Supprimer cette option',
                addText: 'Ajouter une option',
            });
        });
    </script>
  {% endif %}
  <script src="{% static 'js/select2.min.js' %}"></script>
  <script>
      $(document).ready(function () {
          $("#id_groups").select2();
      });
  </script>
{% endblock %}