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

{% load modal_tags %}

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

{% block eventcontent %}

  <div class="panel panel-primary">
    <div class="panel-heading">
      <h4>
        Résumé
      </h4>
    </div>
    <div class="panel-body">
      {% 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 %}
      {% 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 %}

      <p><strong>Remarques (courtes) :</strong>
        {% if ticket.short_notes %}{{ ticket.short_notes }}{% else %}<em>pas de remarques</em>{% endif %}</p>
      <p>
        {% if request.managers_access >= manager_acl.EVENT_MANAGER %}
          <a class="btn btn-primary" href="{% url 'edit-ticket' event.short_url ticket.id %}"><span
                  class="glyphicon glyphicon-edit"></span>&#160;Éditer</a>
          <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
            le billet</a>
        {% else %}
          <a class="btn btn-primary" href="{% url 'edit-ticket' event.short_url ticket.id %}"><span
                  class="glyphicon glyphicon-edit"></span>&#160;Infos Générales</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>
    </div>
  </div>


  <div class="panel panel-primary">
    <div class="panel-heading">
      <h4>
        Options du billet
      </h4>
    </div>
    <div class="panel-body">
      {% if options %}
        <p><strong>Options :</strong>
        <ul>
          {% for op in options %}
            <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>
              <a href="{% url 'option-alone-edit-ticket' event.short_url ticket.id op.id %}"
                 class="btn btn-xs btn-primary"><span class="glyphicon glyphicon-edit"></span>&#160;
                {% if request.managers_access >= manager_acl.EVENT_MANAGER %}Editer{% else %}Détails{% endif %}</a>
              {% if editable and request.managers_access >= manager_acl.EVENT_MANAGER %}
                <a href="#" data-action="{% url 'option-alone-del-ticket' event.short_url ticket.id op.id %}"
                   data-title="Supprimer une option"
                   data-message="Êtes-vous sûr de vouloir supprimer l'option {{ op.name }} ?" data-toggle="modal"
                   data-target="#confirm-modal" class="btn btn-xs btn-danger"><span
                        class="glyphicon glyphicon-trash"></span></a>
              {% endif %}
            </li>
          {% endfor %}
        </ul>
        </p>
      {% else %}
        <p><strong>Options :</strong> pas d'option pour ce billet</p>
      {% endif %}

      {% if options_exlusive %}
        <p><strong>Options exclusives :</strong>
        <ul>
          {% for opex in options_exlusive %}
            <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>
              <a href="{% url 'option-group-edit-ticket' event.short_url ticket.id opex.2 %}"
                 class="btn btn-xs btn-primary"><span class="glyphicon glyphicon-edit"></span>&#160;
                {% if request.managers_access >= manager_acl.EVENT_MANAGER %}Editer{% else %}Détails{% endif %}</a>
              {% if editable and request.managers_access >= manager_acl.EVENT_MANAGER %}
                <a href="#" data-action="{% url 'option-group-del-ticket' event.short_url ticket.id opex.2 %}"
                   data-title="Supprimer une option"
                   data-message="Êtes-vous sûr de vouloir supprimer le groupe d'options {{ opex.1 }} ?"
                   data-toggle="modal" data-target="#confirm-modal" class="btn btn-xs btn-danger"><span
                        class="glyphicon glyphicon-trash"></span></a>
              {% endif %}
              <br/>
              <ul>
                {% for op in opex.0 %}
                  <li>{{ op.name }} ({{ op.price }} €)</li>
                {% endfor %}
              </ul>
            </li>
          {% endfor %}
        </ul>
        </p>
      {% else %}
        <p><strong>Options exclusives :</strong> pas d'option exclusive pour ce billet</p>
      {% endif %}

      {% if request.managers_access >= manager_acl.EVENT_MANAGER %}
        {% if editable %}
          <p>
            <a class="btn btn-success" href="{% url 'option-alone-add-ticket' event.short_url ticket.id %}"
               title="Option seule (ex: supplément chantilly)">Ajouter une option*</a>
            <a class="btn btn-success" href="{% url 'option-group-add-ticket' event.short_url ticket.id %}"
               title="Groupe d'options mutuellement exclusives (ex: pack or, argent ou bronze)">Ajouter un groupe
              d'options**</a>
          </p>
        {% else %}
          <p><strong>Des (pré)reservations ont eu lieu sur ce ticket. Il est maintenant impossible d'ajouter ou de
            supprimer les options.</strong></p>
        {% endif %}
      {% endif %}
    </div>
  </div>

  <div class="panel panel-primary">
    <div class="panel-heading">
      <h4>
        Informations supplémentaires
      </h4>
    </div>
    <div class="panel-body">
      {% if info_sup_before %}
        <p><strong>Informations à fournir avant le paiement :</strong>
        <ul>
          {% for op in info_sup_before %}
            <li><span class="control-label" data-toggle="popover" data-trigger="hover"
                      data-content="{{ op.description }}">{{ op.name }}{% if op.description %}
              <span class="glyphicon glyphicon-question-sign"></span>{% endif %}</span>
              <a href="{% url 'infosup-edit-ticket' event.short_url ticket.id op.id %}"
                 class="btn btn-xs btn-primary"><span class="glyphicon glyphicon-edit"></span>&#160;
                {% if request.managers_access >= manager_acl.EVENT_MANAGER %}Editer{% else %}Détails{% endif %}</a>
              {% if editable and request.managers_access >= manager_acl.EVENT_MANAGER %}
                <a href="#" data-action="{% url 'infosup-del-ticket' event.short_url ticket.id op.id %}"
                   data-title="Supprimer une information supplémentaire"
                   data-message="Êtes-vous sûr de vouloir supprimer l'information supplémentaire {{ op.name }} ?"
                   data-toggle="modal" data-target="#confirm-modal" class="btn btn-xs btn-danger"><span
                        class="glyphicon glyphicon-trash"></span></a>
              {% endif %}
            </li>
          {% endfor %}
        </ul>
        </p>
      {% endif %}

      {% if info_sup_after %}
        <p><strong>Informations à fournir après le paiement :</strong>
        <ul>
          {% for op in info_sup_after %}
            <li><span class="control-label" data-toggle="popover" data-trigger="hover"
                      data-content="{{ op.description }}">{{ op.name }}{% if op.description %}
              <span class="glyphicon glyphicon-question-sign"></span>{% endif %}</span>
              <a href="{% url 'infosup-edit-ticket' event.short_url ticket.id op.id %}"
                 class="btn btn-xs btn-primary"><span class="glyphicon glyphicon-edit"></span>&#160;
                {% if request.managers_access >= manager_acl.EVENT_MANAGER %}Editer{% else %}Détails{% endif %}</a>
              {% if editable and request.managers_access >= manager_acl.EVENT_MANAGER %}
                <a href="#" data-action="{% url 'infosup-del-ticket' event.short_url ticket.id op.id %}"
                   data-title="Supprimer une information supplémentaire"
                   data-message="Êtes-vous sûr de vouloir supprimer l'information supplémentaire {{ op.name }} ?"
                   data-toggle="modal" data-target="#confirm-modal" class="btn btn-xs btn-danger"><span
                        class="glyphicon glyphicon-trash"></span></a>
              {% endif %}
            </li>
          {% endfor %}
        </ul>
        </p>
      {% endif %}

      {% if not info_sup_before and not info_sup_after %}
        <p>Pas d'information à fournir</p>
      {% endif %}

      {% if request.managers_access >= manager_acl.EVENT_MANAGER %}
        {% if editable %}
          <p>
            <a class="btn btn-success" href="{% url 'infosup-choices-ticket' event.short_url ticket.id %}">Demander une
              nouvelle informations supplémentaires</a>
          </p>
        {% else %}
          <p><strong>Des (pré)reservations ont eu lieu sur ce ticket. Il est maintenant impossible d'ajouter ou de
            supprimer les informations supplémentaires.</strong></p>
        {% endif %}
      {% endif %}

    </div>

  </div>

  {% confirm_modal_form %}

{% endblock %}

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