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

{% load modal_tags %}

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

{% block moretabs %}
  {% if request.managers_access >= manager_acl.EVENT_MANAGER %}
    <div class="pull-right">
      <a class="btn btn-success" href="{% url 'add-ticket' event.short_url %}">Créer un billet</a>
    </div>
  {% endif %}
{% endblock %}

{% block eventcontent %}

  <div class="panel panel-primary">
    <div class="panel-heading">
      <h4>
        Billets
      </h4>
    </div>
    {% if tickets %}
      <ul class="list-group">
        {% for ticket in tickets %}
          <li class="list-group-item clearfix">
            {% if ticket.design %}
              <a href="{% url 'show-template-ticket' event.short_url ticket.id %}" class="pull-right"><img height="160"
                                                                                                           width="338"
                                                                                                           src="{% url 'show-template-ticket' event.short_url ticket.id %}"/></a>
            {% endif %}
            <p>{% if ticket.admin_ticket %}
              <strong>Ce billet ne peut être donné que par un administrateur de l'évènement.</strong>{% endif %}</p>
            <p><strong>Nom du billet :</strong> {{ ticket.name }} </p>
            <p><strong>Prix :</strong> {{ ticket.price }} €</p>
            {% if ticket.allowed_external %}
              <p><strong>Type de billet :</strong> ouvert à tous</p>
            {% else %}
              <p>
                <strong>Type de billet :</strong> soumis à conditions :
              <ul>
                <li>{{ ticket.get_required_school_display }}</li>
                {% if ticket.get_year_choice %}
                  <li>{{ ticket.get_year_choice_display }}</li>{% endif %}
                {% if ticket.required_ae %}
                  <li>Adhérent AE</li>{% endif %}
                {% if ticket.allowed_godson %}
                  <li>Ouvert aux parrainages</li>{% endif %}
                {% if ticket.groups.all %}
                  <li>Accessible uniquement aux membres de :
                    <ul>{% for groupe in ticket.groups.all %}
                      <li>{{ groupe }}</li>
                    {% endfor %}</ul>
                  </li>
                {% endif %}
              </ul>
              </p>
            {% endif %}
            <p><strong>Remarques (courtes) :</strong>
              {% if ticket.short_notes %}{{ ticket.short_notes }}{% else %}<em>pas de remarques</em>{% endif %}</p>
            {% if ticket.limit %}
              <p><strong>Nombre de place : </strong>{{ ticket.limit }} dont {{ ticket.places_remaining }}
                restante{{ ticket.places_remaining|pluralize }}</p>
            {% endif %}

            {% if ticket.max_purchase_date %}
              <p><strong>Date limite de vente : </strong>{{ ticket.max_purchase_date|date:'d b o à H:i' }}</p>
            {% endif %}

            {% if ticket.min_purchase_date %}
              <p><strong>Date début de vente : </strong>{{ ticket.min_purchase_date|date:'d b o à H:i' }}</p>
            {% endif %}

            {% if options|get_item:ticket %}
              <p><strong>Options :</strong>
              <ul>
                {% for op in options|get_item:ticket %}
                  <li><span data-toggle="popover" data-trigger="hover" data-content="{{ op.description }}">{{ op.name }} ({{ op.price }} €)
                    {% if op.description %} <span class="glyphicon glyphicon-question-sign"></span>{% endif %}</span>
                  </li>
                {% endfor %}
              </ul>
              </p>
            {% endif %}

            {% if options_exlusive|get_item:ticket %}
              <p><strong>Options exclusives :</strong>
              <ul>
                {% for opex in options_exlusive|get_item:ticket %}
                  <li><span data-toggle="popover" data-trigger="hover"
                            data-content="{{ opex.1.description }}">{{ opex.1.group_name }} :{% if opex.1.description %}
                    <span class="glyphicon glyphicon-question-sign"></span>{% endif %}</span>
                    <ul>
                      {% for op in opex.0 %}
                        <li>{{ op.name }} ({{ op.price }} €)</li>
                      {% endfor %}
                    </ul>
                  </li>
                {% endfor %}
              </ul>
              </p>
            {% endif %}

            {% if info_sup_before|get_item:ticket %}
              <p><strong>Informations à fournir avant le paiement :</strong>
              <ul>
                {% for info in info_sup_before|get_item:ticket %}
                  <li><span class="control-label" data-toggle="popover" data-trigger="hover"
                            data-content="{{ info.description }}">{{ info.name }}{% if info.description %}
                    <span class="glyphicon glyphicon-question-sign"></span>{% endif %}</span></li>
                {% endfor %}
              </ul>
              </p>
            {% endif %}

            {% if info_sup_after|get_item:ticket %}
              <p><strong>Informations à fournir après le paiement :</strong>
              <ul>
                {% for info in info_sup_after|get_item:ticket %}
                  <li><span class="control-label" data-toggle="popover" data-trigger="hover"
                            data-content="{{ info.description }}">{{ info.name }}{% if info.description %}
                    <span class="glyphicon glyphicon-question-sign"></span>{% endif %}</span></li>
                {% endfor %}
              </ul>
              </p>
            {% endif %}

            <p>
              <a class="btn btn-primary" href="{% url 'details-ticket' event.short_url ticket.id %}"><span
                      class="glyphicon glyphicon-edit"></span>&#160;Détails</a>
              {% if request.managers_access >= manager_acl.EVENT_MANAGER %}
                <a href="#" data-action="{% url 'delete-ticket' event.short_url ticket.id %}"
                   data-title="Supprimer un billet" data-message="Êtes-vous sûr de vouloir supprimer ce billet ?"
                   data-toggle="modal" data-target="#confirm-modal" class="btn btn-danger"><span
                        class="glyphicon glyphicon-remove"></span>&#160;Supprimer</a>
              {% endif %}
              {% if ticket.design and display_sandbox_ticket %}
                <a class="btn btn-info" href="{% url 'ticket_test_template' event.short_url ticket.id %}">Imprimer un
                  billet de test</a>
              {% endif %}
            </p>
          </li>
        {% endfor %}
      </ul>
    {% else %}
      <div class="panel-body">
        <p><em>Aucun billet n’a été créé pour le moment.</em></p>
      </div>
    {% endif %}
  </div>

  {% confirm_modal_form %}

{% endblock %}

{% block js_foot %}
  <script>
      $(document).ready(function () {
          $('[data-toggle="popover"]').popover();
      });
  </script>
  {{ block.super }}
  {% confirm_modal_js %}
{% endblock %}