{% 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">
        <h1>
          {% if ticket and request.managers_access >= manager_acl.EVENT_MANAGER %}
            Modifier un billet
          {% elif ticket %}
            Infos Générales
          {% else %}
            Ajouter un billet
          {% endif %}
        </h1>
      </div>

      <form action="" method="post" role="form" enctype="multipart/form-data">
        {% bootstrap_form form %}

        {% 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">Envoyer</button>
              <a href="{% url 'list-tickets' event.short_url %}" class="btn btn-default">Annuler</a>
            </p>
            <p>
              <a href="{% static 'img/ticket_template.png' %}" class="btn btn-info">Template d’exemple</a>
              {% if not ticket %}
                <a href="{% url 'add-ticket' event.short_url %}" class="btn btn-info">Changer de type de billet</a>
              {% endif %}
            </p>
          {% endbuttons %}
        {% else %}
          {% buttons %}
            <p>
              <a href="{% url 'list-tickets' event.short_url %}" class="btn btn-default">Annuler</a>
              <a href="{% static 'img/ticket_template.png' %}" class="btn btn-info">Template d’exemple</a>
            </p>
          {% endbuttons %}
        {% endif %}
      </form>

    </div>
  </div>

{% endblock %}

{% block js_foot %}
  {{ block.super }}
  {{ form.media.js }}
  <script src="{% static 'js/jquery.formset.js' %}"></script>
  <script src="{% static 'js/select2.min.js' %}"></script>
  <script>
      $(document).ready(function () {
          $("#id_groups").select2();
      });
  </script>
  <script>
      $(function () {
          $("#id_max_purchase_date_pickers").datetimepicker({"format": "YYYY-MM-DD HH:mm", "language": "fr_FR"});
      })
      $(function () {
          $("#id_min_purchase_date_pickers").datetimepicker({"format": "YYYY-MM-DD HH:mm", "language": "fr_FR"});
      })
  </script>
{% endblock %}