{% extends "lingo/manager_base.html" %}
{% load i18n %}

{% block appbar %}
  <h2>{% trans 'Payments in error' %}</h2>
{% endblock %}

{% block breadcrumb %}
  {{ block.super }}
  <li class="ariane--list-item">
    <a class="ariane--link" href="{% url 'lingo-manager-payment-error-list' %}">{% trans 'Payments in error' %}</a>
  </li>
{% endblock %}

{% block content %}
  <div>
    <form>
      <p><input name="q" type="search" value="{{ query }}"> <button>{% trans 'Search' %}</button></p>
    </form>

    {% if object_list %}
      <table class="main">
        <thead>
          <tr>
            <th>{% trans 'Item' %}</th>
            <th>{% trans 'Amount' %}</th>
            <th colspan="2">{% trans 'Date' %}</th>
          </tr>
        </thead>
        <tbody>
          {% for object in object_list %}
            <tr>
              <td>{% if object.source_url %}<a href="{{ object.source_url }}">{{ object.subject }}</a>{% else %}{{ object.subject }}{% endif %}</td>
              <td class="price">{{ object.amount }} €</td>
              <td>{{ object.payment_date }}</td>
              <td>
                {% if object.transaction_status != 99 %}
                  <a href="{% url 'lingo-manager-homepage' %}?q={{ object.bank_transaction_id }}">{% trans "See transaction" %}</a>
                  {% if object.source_url %}
                    <br />
                    <a href="{% url 'lingo-manager-basket-item-mark-as-notified' object.pk %}">{% trans "Mark as notified" %}</a>
                  {% endif %}
                {% endif %}
              </td>
            </tr>
          {% endfor %}
        </tbody>
      </table>

      {% include "gadjo/pagination.html" %}

    {% else %}
      <div class="big-msg-info">
        {% blocktrans %}
          This site doesn't have any payment in error.
        {% endblocktrans %}
      </div>
    {% endif %}
  </div>
{% endblock %}