{% load i18n %}
{% load money %}
<div class="eupago-pending eupago-multibanco">
    {% if info.referencia %}
    <table class="table">
        <caption class="sr-only">{% trans "Multibanco payment details" %}</caption>
        <tbody>
            <tr>
                <th scope="row">{% trans "Entity" %}</th>
                <td><strong style="font-family: monospace">{{ info.entidade }}</strong></td>
            </tr>
            <tr>
                <th scope="row">{% trans "Reference" %}</th>
                <td><strong style="font-family: monospace">{{ info.referencia|slice:":3" }} {{ info.referencia|slice:"3:6" }} {{ info.referencia|slice:"6:" }}</strong></td>
            </tr>
            <tr>
                <th scope="row">{% trans "Amount" %}</th>
                <td><strong>{{ payment.amount|money:payment.order.event.currency }}</strong></td>
            </tr>
            {% if expiry %}
            <tr>
                <th scope="row">{% trans "Pay by" %}</th>
                <td>{{ expiry|date:"SHORT_DATE_FORMAT" }}</td>
            </tr>
            {% endif %}
        </tbody>
    </table>
    <p>
        {% blocktrans trimmed %}
            Pay at any Multibanco ATM or through your bank's online portal (homebanking).
            Your order will be confirmed automatically once the payment is received.
        {% endblocktrans %}
    </p>
    {% else %}
    <p>{% trans "Payment reference is being generated. Please refresh this page in a moment." %}</p>
    {% endif %}
</div>