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

{% load bootstrap3 %}

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

{% block css %}
  {{ block.super }}
  {{ form.media.css }}
{% endblock %}

{% block eventcontent %}

  <div class="row">
    <div class="col-md-offset-3 col-md-6">
      <div class="page-header">
        <h3>
          {% if event and request.managers_access >= manager_acl.EVENT_MANAGER %}
            Modifier un évènement
          {% elif event %}
            Détails de l'évènement
          {% else %}
            Ajouter un évènement
          {% endif %}
        </h3>
      </div>
      {% if not event or request.managers_access >= manager_acl.EVENT_MANAGER %}
        <div style="text-align:center">
          <a href="{% url 'paypal-account' %}" class="btn btn-danger">Enregistrer un compte PayPal (si inexistant)</a>
          <br><br>
          <a href="{% url 'lydia-account' %}" class="btn btn-danger">Enregistrer un compte Lydia (si inexistant)</a>
        </div>
        <p>
          <br/>Les champs ci-dessous doivent être tous complétés avant la création de l'évènement.
          <br/><strong style="color:red">Les textes par défaut sont à changer.</strong>
        </p>
      {% endif %}
      <form action="" method="post" role="form">
        {% csrf_token %}
        {% bootstrap_form form %}
        {% buttons %}
          {% if event and request.managers_access < manager_acl.EVENT_MANAGER %}
            <a href="{% url 'show-event' event.short_url %}" class="btn btn-default">Retour</a>
          {% else %}
            <button type="submit" class="btn btn-primary">Soumettre</button>
            {% if event %}
              <a href="{% url 'show-event' event.short_url %}" class="btn btn-default">Annuler</a>
            {% else %}
              <a href="{% url 'list-events' %}" class="btn btn-default">Annuler</a>
            {% endif %}
          {% endif %}
        {% endbuttons %}
      </form>

    </div>
  </div>

{% endblock %}

{% block js_foot %}
  {{ block.super }}
  {{ form.media.js }}
  <script>
      $(function () {
          $("#id_start_date_pickers").datetimepicker({
              format: "YYYY-MM-DD HH:mm",
              language: "fr_FR"
          });
          $("#id_end_date_pickers").datetimepicker({
              format: "YYYY-MM-DD HH:mm",
              language: "fr_FR",
          });
      });
  </script>
{% endblock %}