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

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

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

{% block eventcontent %}

  <div class="panel panel-primary">

    <div class="panel-heading">
      <h4>
        Réservations payées
        <div class="pull-right">
          <span data-toggle="tooltip" data-placement="bottom"
                title="Nombre de réservations valides">{{ count_without_opposed_and_doc_expected }}</span>
          (<span data-toggle="tooltip" data-placement="bottom"
                 title="Nombre de réservations (en incluant les réservations en opposition et en attente de document)">{{ count }}</span>)
        </div>
      </h4>
    </div>
    <div class="panel-default">
      <div class="panel-heading" role="tab" id="headingSearch">
        <h6 class="panel-title">
          <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseSearch"
             aria-expanded="false" aria-controls="collapseSearch">
            Filtrer
          </a>
        </h6>
      </div>
      <div id="collapseSearch" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSearch">
        <div class="panel-body">
          <form action="" method="get">
            {% bootstrap_form filters.form %}
            {% buttons %}
              <p>
                <button type="submit" class="btn btn-primary">Filtrer</button>
                <a href="{% url 'list-paid-registrations' event.short_url %}" class="btn btn-default">Réinitialiser</a>
              </p>
            {% endbuttons %}
          </form>
        </div>
      </div>
    </div>

    {% if registrations %}
      <div class="table-responsive">
        <table class="table">

          <tr>
            <th>#</th>
            <th>Client</th>
            <th>Bénéficiaire</th>
            <th>Billet</th>
            <th>Options</th>
            <th>Méthode de paiement</th>
            <th>Date de paiement</th>
            <th></th>
          </tr>

          {% for reg in registrations %}
            <tr class="{% if reg.opposed %}danger
              {% else %}{% if reg.info_state == reg.STATE_CAN_ENTER %}success{% else %}warning{% endif %}{% endif %}">
              <td>{{ reg.id }}</td>
              <td>
                {% if reg.owner.is_inp_net %}
                  <a target="_blank"
                     href="https://www.bde.inp-toulouse.fr/annuaire/fiche/{{ reg.owner.login_inp_net }}">{{ reg.owner.get_full_name }} ({{ reg.owner.ecole }})</a>
                {% elif not reg.owner.is_anonyme %}
                  <a href="mailto:{{ reg.owner.email }}">{{ reg.owner.get_full_name }}</a>
                {% else %}
                  {{ reg.owner.get_full_name }}
                {% endif %}
              </td>
              {% if reg.payee %}
                <td>{{ reg.payee }}</td>
              {% else %}
                <td><em>lui ou elle même</em></td>
              {% endif %}
              <td>{{ reg.ticket.name }}</td>
              <td>{% for o in reg.options.all %} {{ o.name }} {% if not forloop.last %},{% endif %}{% empty %}Pas
                d'options séléctionnées{% endfor %}</td>
              <td>{{ reg.get_payment_method }}</td>
              <td>{% if reg.payment_date %}{{ reg.payment_date|date:'d b o à H:i' }}{% else %}Inconnue{% endif %}</td>
              <td><a href="{% url 'registration-edit' event.short_url reg.id %}" class="btn btn-xs btn-warning">Info</a>
                {% if request.managers_access >= manager_acl.EVENT_MANAGER %}
                  {% if reg.is_free %}
                    {% if reg.opposed %}
                      <a href="#" data-action="{% url 'oppose-registration' event.short_url reg.id 'remove' %}"
                         data-title="Retirer une opposition"
                         data-message="Êtes-vous sûr de vouloir annuler la mise en opposition de ce billet ?"
                         data-toggle="modal" data-target="#confirm-modal" class="btn btn-xs btn-success">Retirer
                        l’opposition</a>
                    {% else %}
                      <a href="#" data-action="{% url 'oppose-registration' event.short_url reg.id 'norefund' %}"
                         data-title="Placer un billet en opposition"
                         data-message="Êtes-vous sûr de vouloir mettre ce billet en opposition ?" data-toggle="modal"
                         data-target="#confirm-modal" class="btn btn-xs btn-danger">Mettre en opposition</a>
                    {% endif %}
                  {% else %}
                    <div class="btn-group" role="group">
                      <button type="button"
                              class="btn btn-xs {% if reg.opposed %} btn-success {% else %} btn-danger {% endif %} dropdown-toggle"
                              data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        {% if reg.opposed %}En opposition{% if reg.reason_opposed == reg.REFUND_BY_ADMIN %} (remboursé)
                        {% elif reg.reason_opposed == reg.OPPOSED_BY_PAYPAL %} (PayPal) {% else %} (non
                          remboursé) {% endif %}{% else %}Mettre en opposition{% endif %}
                        <span class="caret"></span>
                      </button>
                      <ul class="dropdown-menu dropdown-menu-right">
                        {% if not reg.refund or not reg.opposed %}
                          <li><a href="#" data-action="{% url 'oppose-registration' event.short_url reg.id 'refund' %}"
                                 data-title="Placer un billet en opposition"
                                 data-message="Êtes-vous sûr de vouloir mettre ce billet en opposition (remboursé) ?"
                                 data-toggle="modal" data-target="#confirm-modal">Client remboursé</a></li>
                        {% endif %}
                        {% if reg.refund or not reg.opposed %}
                          <li><a href="#"
                                 data-action="{% url 'oppose-registration' event.short_url reg.id 'norefund' %}"
                                 data-title="Placer un billet en opposition"
                                 data-message="Êtes-vous sûr de vouloir mettre ce billet en opposition (non remboursé) ?"
                                 data-toggle="modal" data-target="#confirm-modal">Client non remboursé</a></li>
                        {% endif %}
                        {% if reg.opposed %}
                          <li>
                            <div class="dropdown-divider"></div>
                          </li>
                          <li><a href="#" data-action="{% url 'oppose-registration' event.short_url reg.id 'remove' %}"
                                 data-title="Retirer une opposition"
                                 data-message="Êtes-vous sûr de vouloir annuler la mise en opposition de ce billet ?"
                                 data-toggle="modal" data-target="#confirm-modal">Retirer l’opposition</a></li>
                        {% endif %}
                      </ul>
                    </div>
                  {% endif %}
                {% endif %}
              </td>
            </tr>
          {% endfor %}

        </table>
      </div>

      <div class="panel-footer">
        <p><a href="{% url 'download-registrations' event.short_url %}">Télécharger la liste des réservations (PDF)</a>
        </p>
        <p>Télécharger la liste des (pré-)réservations <a
                href="{% url 'download-xlsx-registrations' event.short_url %}">xlsx</a> <a
                href="{% url 'download-targz-registrations' event.short_url %}">targz</a> <a
                href="{% url 'download-zip-registrations' event.short_url %}">zip</a></p>
        <a href="mailto:{{ user.email }}?bcc={{ emails }}">Envoyer un email à l'ensemble des personnes ayant effectué
          une réservation</a>
      </div>

    {% else %}
      <div class="panel-body">
        <em>Pas de réservation payée.</em>
      </div>
    {% endif %}

  </div>

  {% if registrations %}
    <div style="text-align: center;">
      {% bootstrap_pagination registrations extra=request.GET.urlencode %}
    </div>
  {% endif %}

  {% confirm_modal_form %}

{% endblock %}

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