{% extends "pretixcontrol/event/base.html" %}
{% load i18n %}
{% load money %}
{% block title %}{% trans "euPago" %}{% endblock %}
{% block content %}
    <h1>{% trans "euPago payments" %}</h1>

    {% comment %}
        A real submit button, not onchange="this.form.submit()": the Control panel's CSP
        blocks inline event handlers.
    {% endcomment %}
    <form class="form-inline helper-space-below" action="" method="get">
        <label class="sr-only" for="eupago-query">{% trans "Order code or reference" %}</label>
        <input type="search" name="query" id="eupago-query" class="form-control"
               value="{{ query }}" placeholder="{% trans "Order code or reference" %}">
        <label class="sr-only" for="eupago-provider">{% trans "Method" %}</label>
        <select name="provider" id="eupago-provider" class="form-control">
            <option value="">{% trans "All methods" %}</option>
            {% for value, label in provider_choices %}
                <option value="{{ value }}" {% if request.GET.provider == value %}selected{% endif %}>{{ label }}</option>
            {% endfor %}
        </select>
        <label class="sr-only" for="eupago-state">{% trans "Status" %}</label>
        <select name="state" id="eupago-state" class="form-control">
            <option value="">{% trans "All statuses" %}</option>
            {% for value, label in state_choices %}
                <option value="{{ value }}" {% if request.GET.state == value %}selected{% endif %}>{{ label }}</option>
            {% endfor %}
        </select>
        <button type="submit" class="btn btn-primary">
            <span class="fa fa-filter" aria-hidden="true"></span>
            {% trans "Filter" %}
        </button>
        {% if filtered %}
            <a href="?" class="btn btn-link">{% trans "Clear filters" %}</a>
        {% endif %}
    </form>

    <div class="table-responsive">
        <table class="table table-condensed table-hover">
            <thead>
            <tr>
                <th>{% trans "Order" %}</th>
                <th>{% trans "Order status" %}</th>
                <th>{% trans "Method" %}</th>
                <th>{% trans "Payment status" %}</th>
                <th>{% trans "Method details" %}</th>
                <th class="text-right flip">{% trans "Amount" %}</th>
                <th>{% trans "Created" %}</th>
            </tr>
            </thead>
            <tbody>
            {% for payment in payments %}
                <tr>
                    <td>
                        <strong>
                            <a href="{% url "control:event.order" event=request.event.slug organizer=request.event.organizer.slug code=payment.order.code %}">
                                {{ payment.order.code }}
                            </a>
                        </strong>
                        <br>
                        <span class="text-muted">{{ payment.order.email|default_if_none:"" }}</span>
                    </td>
                    <td>{{ payment.order.get_status_display }}</td>
                    <td>
                        {% if payment.provider == "eupago_multibanco" %}
                            {% trans "Multibanco" %}
                        {% else %}
                            {% trans "MB WAY" %}
                        {% endif %}
                    </td>
                    <td>
                        {{ payment.get_state_display }}
                        {% if payment.info_data.eupago_webhook_status %}
                            <br><span class="text-muted">{{ payment.info_data.eupago_webhook_status }}</span>
                        {% endif %}
                    </td>
                    <td>
                        {% if payment.provider == "eupago_multibanco" and payment.info_data.entidade %}
                            {% trans "Entity" %}: {{ payment.info_data.entidade }}<br>
                            {% trans "Reference" %}: {{ payment.info_data.referencia }}
                        {% elif payment.provider == "eupago_mbway" and payment.info_data.transactionID %}
                            {% trans "Transaction ID" %}: {{ payment.info_data.transactionID }}
                        {% elif payment.state == "failed" or payment.state == "canceled" %}
                            <span class="text-muted">{% trans "None — the request to euPago failed or was canceled" %}</span>
                        {% else %}
                            <span class="text-muted">{% trans "Not generated yet" %}</span>
                        {% endif %}
                    </td>
                    <td class="text-right flip">{{ payment.amount|money:request.event.currency }}</td>
                    <td>{{ payment.created|date:"SHORT_DATETIME_FORMAT" }}</td>
                </tr>
            {% empty %}
                <tr>
                    <td colspan="7" class="text-center text-muted">
                        {% if filtered %}
                            {% trans "No payments match these filters." %}
                        {% else %}
                            {% trans "No euPago payments found." %}
                        {% endif %}
                    </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
    {% include "pretixcontrol/pagination.html" %}
{% endblock %}