{% extends 'guichet/event_base.html' %}
{% load email_obfuscator %}
{% load martortags %}

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

{% block moretabs %}
  <div class="pull-right">
    <a href="{% url 'edit-event' event.short_url %}" class="btn btn-success">Éditer</a>
  </div>
{% endblock %}

{% block eventcontent %}

  <div class="panel panel-primary">
    <div class="panel-heading">
      <h4>Date et horaires</h4>
    </div>
    <div class="panel-body">
      <p>Début : {{ event.start_date|date:'d b o à H:i' }}</p>
      <p>Fin : {{ event.end_date|date:'d b o à H:i' }}</p>
    </div>
  </div>

  <div class="panel panel-primary">
    <div class="panel-heading">
      <h4>Description</h4>
    </div>
    <div class="panel-body">
      {% if event.description %}
        <p>{{ event.description|safe_markdown }}</p>
      {% else %}
        <p><em>Aucune description de l’évènement n’a été fournie.</em></p>
      {% endif %}
    </div>
  </div>

  <div class="panel panel-primary">
    <div class="panel-heading">
      <h4>Conditions générales de ventes</h4>
    </div>
    <div class="panel-body" style="max-height: 400px;overflow-y: scroll;">
      {% if event.terms_of_use %}
        <p>{{ event.terms_of_use|linebreaksbr }}</p>
      {% else %}
        <p><em>Aucunes conditions générales de ventes n'ont été fournies pour cet évènement.</em></p>
      {% endif %}
    </div>
  </div>


  <div class="panel panel-primary">
    <div class="panel-heading clearfix">
      <h4>Billets</h4>
      {% if registrations > 0 %}
        <p>Vous possédez déjà {{ registrations|pluralize:"une,des" }} place{{ registrations|pluralize }} pour cet
          évènement. Vous pouvez {{ registrations|pluralize:"la,les" }} retrouver dans l’onglet « Mes places ».</p>
      {% else %}
        <p>Vous n'avez aucune place pour cet évènement. Vous pouvez retrouver vos places pour d'autres événements dans
          l’onglet « Mes places ».</p>
      {% endif %}
    </div>
    {% if tickets %}
      <ul class="list-group">
        {% for ticket in tickets %}
          <a href="{% url 'purchase-ticket' event.short_url ticket.id %}"
             class="list-group-item{% if not ticket.is_remain or not ticket.still_available %} disabled{% endif %}">
            <p>
              <span class="h4">{{ ticket.name }}</span>
              {{ ticket.short_notes }}
              {% if ticket.limit %}{% if ticket.places_remaining < event.places_remaining or not event.limit_ticket %}
                <em class="text-danger pull-right">
                  Places restantes : {{ ticket.places_remaining }}
                </em>
                <br/>
              {% endif %}{% endif %}
              {% if event.limit_ticket %}{% if event.places_remaining <= ticket.places_remaining or not ticket.limit %}
                <em class="text-danger pull-right">
                  Places restantes sur l'évènement : {{ event.places_remaining }}
                </em>
                <br/>
              {% endif %}{% endif %}
              {% if ticket.max_purchase_date %}
                <em class="text-danger pull-right">
                  En vente jusqu’au {{ ticket.max_purchase_date|date:'d b o à H:i' }}
                </em>
                <br/>
              {% endif %}
              {% if ticket.min_purchase_date %}
                <em class="text-danger pull-right">
                  En vente à partir du {{ ticket.min_purchase_date|date:'d b o à H:i' }}
                </em>
                <br/>
              {% endif %}
            </p>
            <p>
              Prix : {{ ticket.price }} €
            </p>
          </a>
        {% endfor %}
      </ul>
    {% else %}
      {% if request.user.is_authenticated %}
        <div class="panel-body">
          <em>Désolé, votre profil ne vous donne accès à aucun billet.</em>
        </div>
      {% else %}
        <div class="panel-body">
          <em>Pour acheter un billet, veuillez vous connecter sur <a href="{% url 'login' %}">la page</a> dédiée à cet
            effet.</em>
        </div>
      {% endif %}
    {% endif %}
  </div>

  {% if event.email_event != "" and request.user.is_authenticated %}
    <a class="btn btn-info" href="mailto:{{ event.email_event|obfuscate }}">
      Contacter l'organisateur pour se faire aider</a>
  {% endif %}

{% endblock %}