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

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

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

{% block eventcontent %}

  <div class="panel panel-primary">

    <div class="panel-heading">
      <h4>
        Réservations non payées
        <div class="pull-right">
          <span data-toggle="tooltip" data-placement="bottom"
                title="Nombre de réservations en attente de paiement">{{ count }}</span>
          (<span data-toggle="tooltip" data-placement="bottom"
                 title="Nombre de réservations en attente de document avant le paiement">{{ count_doc_expected_only }}</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-unpaid-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>Montant à régler</th>
            <th>Date de préréservation</th>
            <th></th>
          </tr>

          {% for reg in registrations %}
            <tr class="{% if reg.info_state == reg.STATE_CANNOT_PAID %}danger{% else %}warning{% endif %}">
              <td>{{ reg.id }}</td>
              <td>
                {% if 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>{{ reg.get_real_amount }}</td>
              <td>{{ reg.purchase_date|date:'d b o à H:i' }}</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.info_state != reg.STATE_CANNOT_PAID and reg.ticket.is_remain %}
                    {% for method in methods %}
                      <a href="#" data-action="{% url 'validate-registration-method' event.short_url reg.id method.0 %}"
                         data-title="Valider un paiement"
                         data-message="Confirmez-vous le paiement de {{ reg.get_real_amount }} € par la méthode {{ method.1 }} ?"
                         data-toggle="modal" data-target="#confirm-modal"
                         class="btn btn-xs btn-primary">{{ method.1 }}</a>
                    {% endfor %}
                    <a href="#" data-action="{% url 'validate-registration' event.short_url reg.id %}"
                       data-title="Valider un paiement"
                       data-message="Confirmez-vous avoir perçu la somme de {{ reg.get_real_amount }} € ?"
                       data-toggle="modal" data-target="#confirm-modal" class="btn btn-xs btn-primary">Autre</a>
                  {% endif %}
                  <a href="#" data-action="{% url 'cancel-registration' reg.id %}?manager"
                     data-title="Annuler une préréservation"
                     data-message="Êtes-vous sûr de vouloir annuler la préréservation de {{ reg.owner.get_full_name }} ?"
                     data-toggle="modal" data-target="#confirm-modal" class="btn btn-xs btn-danger"><span
                          class="glyphicon glyphicon-trash"></span></a>
                {% endif %}
              </td>
            </tr>
          {% endfor %}

        </table>
      </div>

      <div class="panel-footer">
        <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 préréservation</a>
      </div>

    {% else %}
      <div class="panel-body">
        <em>Pas de réservation impayé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 %}