{% extends 'base.html' %}
{% load i18n %}
{% load send_money %}

{% block page_title %}{% trans 'Payment being processed' %} – {{ block.super }}{% endblock %}

{% block content %}

  <div class="govuk-panel mtp-panel--information">
    <h1 class="govuk-panel__title">{% trans 'This payment is being processed' %}</h1>
    <div class="govuk-panel__body">
      {% trans 'Your reference is' %}
      <br />
      <strong>{{ short_payment_ref }}</strong>
    </div>
  </div>

  <div class="mtp-reference-actions govuk-!-margin-bottom-6 govuk-!-display-none-print">
    <a class="mtp-reference-actions__print" href="#">{% trans 'Print this page' %}</a>
  </div>

  <div class="govuk-grid-row">
    <div class="govuk-grid-column-two-thirds">

      <div class="govuk-inset-text">
        <table class="govuk-table">
          <caption class="govuk-visually-hidden">
            {% trans 'Details of your payment' %}
          </caption>
          <tbody>
            <tr>
              <th scope="row">{% trans 'Payment to' %}:</th>
              <td>{{ prisoner_name }} ( {{ prisoner_number }})</td>
            </tr>
            <tr>
              <th scope="row">{% trans 'Amount' %}:</th>
              <td>{{ amount|currency_format }}</td>
            </tr>
            <tr>
              <th scope="row">{% trans 'Date' %}:</th>
              <td>{% now 'd/m/Y' %}</td>
            </tr>
            <tr>
              <th scope="row">{% trans 'Reference' %}:</th>
              <td>{{ short_payment_ref }}</td>
            </tr>
          </tbody>
        </table>
      </div>

      <p>{% trans 'We’ll email you a payment update in a few days.' %}</p>
      <p>{% trans 'Please don’t contact us until you have it.' %}</p>

    </div>
  </div>
{% endblock %}