{% extends 'base.html' %}

{% load bootstrap3 %}
{% load modal_tags %}
{% load email_obfuscator %}
{% load get_item %}

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

{% block content %}

  <div class="page-header">
    <h1>
      {{ event.name }} — {{ ticket.name }}
    </h1>
  </div>

  <div class="panel panel-default">
    <div class="panel-heading clearfix">
      <h4>
        Résumé de votre place
        {% if not registration.paid %}
          <a href="#" class="btn btn-danger pull-right" data-action="{% url 'cancel-registration' registration.id %}"
             data-title="Annuler une préréservation"
             data-message="Êtes-vous sûr de vouloir annuler votre préréservation ? Si vous avez déjà payé en espèce ou chèque, votre place ne pourra pas être validée."
             data-toggle="modal" data-target="#confirm-modal">Annuler ou choisir une autre place</a>
        {% endif %}
      </h4>
    </div>
    <div class="panel-body">
      <p><strong>Évènement :</strong> <a href="{% url 'show-event' event.short_url %}">{{ event.name }}</a></p>
      <p><strong>Date :</strong> du {{ event.start_date|date:'d b o H:i' }} au {{ event.end_date|date:'d b o H:i' }}</p>
      <p><strong>Billet :</strong> {{ ticket.name }}</p>
      {% if ticket.long_notes %}
        <p><strong>Remarques :</strong> {{ ticket.long_notes }}</p>
      {% elif ticket.short_notes %}
        <p><strong>Remarques :</strong> {{ ticket.short_notes }}</p>
      {% endif %}
      <p><strong>Bénéficiaire :</strong> {{ registration.get_real_payee }}</p>
      {% if ticket.year_choice %}
        <p><strong>Catégorie :</strong> {{ category }}</p>
      {% endif %}
      <p><strong>Prix billet :</strong> {{ ticket.price }}
        {% if registration.options.all %}
          <p><strong>Options :</strong>
          <ul>
            {% for option in registration.options.all %}
              <li><span data-toggle="popover" data-trigger="hover"
                        data-content="{{ option.description }}">{% if option.group %}{{ option.group_name }}
                : {% endif %}{{ option.name }} ({{ option.price }}€){% if option.description %}
                <span class="glyphicon glyphicon-question-sign"></span>{% endif %}</span></li>
            {% endfor %}
          </ul>
          </p>
          <p><strong>Prix total :</strong> {{ registration.get_real_amount }} €</p>
        {% endif %}


      {% if registration.paid %}
        {% if registration.opposed %}
          <p><strong>Statut :</strong> <em class="text-danger">En opposition</em><br/></p>
            {% if registration.reason_opposed == Registration.OPPOSED_BY_PAYPAL %}
              Votre place est en opposition suite à un problème lors du paiement par paypal.
            {% else %}
              Votre place est actuellement en opposition.
            {% endif %}
            Nous vous invitons à vous rapprocher de l'équipe organisatrice pour avoir plus de détails
            {% else %}
            {% if registration.info_state == registration.STATE_CAN_ENTER %}
              <p><strong>Statut :</strong> Payé</p>
              {% if registration.ticket.design %}
                {% for f in dl_formats %}
                  <p><a href="{% url 'print-registration' registration.id f %}"><span
                          class="glyphicon glyphicon-download-alt"></span>Télécharger en {{ f }}</a></p>
                {% endfor %}
                <p><a href="{% url 'mail-registration' registration.id %}"><span
                        class="glyphicon glyphicon-envelope"></span> Renvoyer le billet par email</a></p>
              {% endif %}
            {% else %}
              <p><strong>Statut :</strong> Payé, <em class="text-danger">en attente d'informations.</em></p>
            {% endif %}
        {% endif %}

      {% else %}{% comment %}Reservartion non payé{% endcomment %}

        {% if registration.info_state != registration.STATE_CANNOT_PAID %}
          {% if registration.lydia_request_uuid %}
            <p><strong>Statut : </strong><em class="text-danger">{{ lydia_status }}</em></p>
            <a href="{% url 'show-registration' registration.id %}" class="btn btn-primary" style="margin-bottom: 1em">
              Actualiser le statut
            </a>
            <br/>
          {%  else %}
            <p><strong>Statut : </strong><em class="text-danger">En attente de paiement.</em></p>
          {% endif %}
          {% if ticket.is_remain and ticket.still_available and ticket.online_payment %}
            {% if not event.paypal_account.no_account %}
              <p class="text-danger"><strong>Attention !</strong> Le paiement par PayPal peut prendre du temps (jusqu’à
                quelques heures dans le pire des cas).
                Si vous avez reçu un e-mail de confirmation de PayPal, votre paiement sera très certainement validé sous
                peu, inutile de payer une nouvelle fois.</p>
              <p>
            {% endif %}
          <strong>Procéder au paiement en ligne :</strong>
          {% if paypal_form %}
            <p>En cliquant sur le bouton ci dessous, vous acceptez de transmettre à Paypal les informations
              nécessaires au paiement de votre place.</p>
            {{ paypal_form.render }}
          {% endif %}
            {% if not event.lydia_account.no_account %}
              {% if registration.lydia_request_uuid %}
                <p>Une demande de paiement vous a été envoyé, si vous ne l'avez pas reçu, cliquez sur le bouton ci-dessous.</p>
              {%  endif %}
              <a href="{% url 'lydia-payment' registration.id %}" class="btn btn-primary" style="margin-bottom: 1em">
                {% if registration.lydia_request_uuid %}
                  Renouveler le paiement avec Lydia
                {% else %}
                  Payer avec Lydia
                {% endif %}
              </a>
            {% endif %}

            <p>
              <strong>Autre moyen de paiement :</strong><br/>
              {% if event.other_payment_description %}
                {{ event.other_payment_description }}
              {% else %}
                Aucun autre moyen de paiement que PayPal n'a été proposé pour cet évènement.
              {% endif %}
            </p>
          {% elif not ticket.is_remain or not ticket.still_available %}
            <p class="text-danger">Ce billet n’est plus disponible à la vente.</p>
          {% else %}
            {% if not event.paypal_account.no_account and not ticket.online_payment %}
              <p class="text-warning">Ce billet ne peut être payé en ligne. Merci de vous rapprocher de l’équipe
                organisatrice de l’évènement pour procéder au réglement.</p>
            {% endif %}
            <p>
              <strong>Moyen de paiement :</strong><br/>
              {% if event.other_payment_description %}
                {{ event.other_payment_description }}
              {% else %}
                Aucun autre moyen de paiement que PayPal n'a été proposé pour cet évènement.
              {% endif %}
            </p>
          {% endif %}
        {% else %}
          <p><strong>Statut :</strong> <em class="text-danger">Non payé, en attente d'informations.</em></p>
          <p>Les informations suivantes doivent être fournies et validées avant le paiement :</p>
          <ul>
            {% for info in info_expected_before_payement %}
              <li><span class="control-label" data-toggle="popover" data-trigger="hover"
                        data-content="{{ info.reference.description }}">{{ info.reference.name }}
                {% if info.reference.description %}
                  <span class="glyphicon glyphicon-question-sign"></span>{% endif %}</span></li>
            {% endfor %}
          </ul>
        {% endif %}
        <p class="text-danger"><strong>Attention !</strong> Ceci ne constitue pas une réservation, votre place ne sera
          réservée qu’une fois votre paiement perçu.</p>
      {% endif %}

      {# Gestion des informations supplémentaires #}
      {% if info_associated_form %}
        <p><strong>Informations supplémentaires</strong></p>
        <form action="{% url 'show-registration' registration.id %}" method="post" role="form"
              enctype="multipart/form-data">
          {% csrf_token %}
          <ul>
            {% for info, form in info_associated_form %}
              <li><span class="control-label" data-toggle="popover" data-trigger="hover"
                        data-content="{{ info.reference.description }}">{{ info.reference.name }}
                {% if info.reference.description %}
                  <span class="glyphicon glyphicon-question-sign"></span>{% endif %}</span>
                {% if info.state == info.STATE_ACCEPTED %}
                  <span class="text-success">(Accepté)</span>
                {% elif info.state == info.STATE_PENDING %}
                  <span class="text-warning">(En attente de validation)</span>
                {% elif info.state == info.STATE_REJECTED %}
                  <span class="text-danger">(Rejeté)</span>
                {% else %}
                  <span class="text-danger">(Manquante)</span>
                {% endif %}
                {% for field in form %}
                  {% bootstrap_field field show_label=False %}
                {% endfor %}
              </li>
            {% endfor %}
          </ul>
          {% if active_info_form %}
            {% buttons %}
              <br/>
              <button type="submit" class="btn btn-primary">Enregistrer</button>
            {% endbuttons %}
          {% endif %}
        </form>
      {% endif %}
      <a href="mailto:{{ event.email_event|obfuscate }}" class="btn btn-info pull-right">
        <small>Contacter l'organisateur pour se faire aider</small>
      </a>

    </div>
  </div>

  {% confirm_modal_form %}

{% endblock %}

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