{% extends 'base.html' %}

{% load bootstrap3 %}
{% load modal_tags %}

{% block registrationtab %} active{% endblock %}
{% block registrationwarntab %} active{% endblock %}

{% block content %}

  <div class="page-header">
    <h1>
      Vos places
    </h1>
  </div>

  <div class="panel panel-primary">
    <div class="panel-heading">
      <h3>Évènements à venir</h3>
    </div>
    <ul class="list-group">
      {% if registrations_to_come %}
        {% for reg in registrations_to_come %}
          <a class="list-group-item" href="{% url 'show-registration' reg.id %}">
            <p><strong>{{ reg.ticket.event }}</strong> – du {{ reg.ticket.event.start_date|date:'d b o H:i' }}
              au {{ reg.ticket.event.end_date|date:'d b o H:i' }} – {{ reg.ticket.name }} ({{ reg.ticket.price }} €) —
              {% if reg.payee %}{{ reg.payee }}{% else %}{{ request.user.get_full_name }}{% endif %}</p>
            {% if reg.opposed %}
              <p><em class="text-danger">En opposition.</em></p>
            {% else %}
              {% if not reg.paid and not reg.info_state == reg.STATE_CANNOT_PAID %}
                <p><em class="text-danger">En attente de paiement.</em></p>
              {% endif %}
              {% if not reg.info_state == reg.STATE_CAN_ENTER %}
                <p><em class="text-danger">En attente d'information complémentaire.</em></p>
              {% endif %}
            {% endif %}
          </a>
        {% endfor %}
      {% else %}
        <li class="list-group-item">
          <em>Vous n’avez aucune place pour les évènements à venir.</em>
        </li>
      {% endif %}
    </ul>
  </div>

  <div class="panel panel-primary">
    <div class="panel-heading">
      <h3>Évènements passés</h3>
    </div>
    <ul class="list-group">
      {% if registrations_passed %}
        {% for reg in registrations_passed %}
          <li class="list-group-item">
            <p>{{ reg.ticket.event }} – du {{ reg.ticket.event.start_date|date:'d b o H:i' }}
              au {{ reg.ticket.event.end_date|date:'d b o H:i' }} – {{ reg.ticket.name }}</p>
            {% if not reg.paid %}
              <p><em class="text-danger">Non payé.</em></p>
            {% endif %}
            {% if not reg.info_state == reg.STATE_CAN_ENTER %}
              <p><em class="text-danger">Toutes les informations complémentaires n'ont pas été fournies.</em></p>
            {% endif %}
          </li>
        {% endfor %}
      {% else %}
        <li class="list-group-item">
          <em>Vous n’avez participé à aucun évènement.</em>
        </li>
      {% endif %}
    </ul>
  </div>

  {% confirm_modal_form %}

{% endblock %}

{% block js_foot %}
  {{ block.super }}
  {% confirm_modal_js %}
{% endblock %}