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

{% block page_title %}{% trans 'Check details' %} – {{ block.super }}{% endblock %}

{% block content %}
  <div class="govuk-grid-row">
    <div class="govuk-grid-column-two-thirds-from-desktop">

      <header>
        <h1 class="govuk-heading-xl">
          <span class="govuk-caption-xl">{% trans 'Pay now by debit card' %}</span>
          {% trans 'Check details' %}
        </h1>
      </header>

      <h2 class="govuk-heading-m">{% trans 'Prisoner details' %}</h2>
      <dl class="govuk-summary-list govuk-!-margin-bottom-9">
        <div class="govuk-summary-list__row">
          <dt class="govuk-summary-list__key">
            {% trans 'Name' %}
          </dt>
          <dd class="govuk-summary-list__value">
            {{ prisoner_name }}
          </dd>
          <dd class="govuk-summary-list__actions">
            <a href="{{ view.get_prisoner_details_url }}?focus=id_prisoner_name">
              {% trans 'Change' %}
              <span class="govuk-visually-hidden">{% trans 'prisoner name' %}</span>
            </a>
          </dd>
        </div>
        <div class="govuk-summary-list__row">
          <dt class="govuk-summary-list__key">
            {% trans 'Date of birth' %}
          </dt>
          <dd class="govuk-summary-list__value">
            {{ prisoner_dob|prepare_prisoner_dob|date:'d/m/Y' }}
          </dd>
          <dd class="govuk-summary-list__actions">
            <a href="{{ view.get_prisoner_details_url }}?focus=id_prisoner_dob_0">
              {% trans 'Change' %}
              <span class="govuk-visually-hidden">{% trans 'prisoner date of birth' %}</span>
            </a>
          </dd>
        </div>
        <div class="govuk-summary-list__row">
          <dt class="govuk-summary-list__key">
            {% trans 'Prisoner number' %}
          </dt>
          <dd class="govuk-summary-list__value">
            {{ prisoner_number }}
          </dd>
          <dd class="govuk-summary-list__actions">
            <a href="{{ view.get_prisoner_details_url }}?focus=id_prisoner_number">
              {% trans 'Change' %}
              <span class="govuk-visually-hidden">{% trans 'prisoner number' %}</span>
            </a>
          </dd>
        </div>
      </dl>

      <h2 class="govuk-heading-m">{% trans 'Amount' %}</h2>
      <dl class="govuk-summary-list govuk-!-margin-bottom-9">
        {% if service_charged %}
          <div class="govuk-summary-list__row">
            <dt class="govuk-summary-list__key">
              {% trans 'Total to prisoner' %}
            </dt>
            <dd class="govuk-summary-list__value">
              {{ amount|currency_format }}
            </dd>
            <dd class="govuk-summary-list__actions">
              <a href="{{ view.get_amount_url }}?focus=id_amount">
                {% trans 'Change' %}
                <span class="govuk-visually-hidden">{% trans 'amount' %}</span>
              </a>
            </dd>
          </div>
          <div class="govuk-summary-list__row govuk-summary-list__row--no-actions">
            <dt class="govuk-summary-list__key">
              {% trans 'Amount to be taken from your account' %}
            </dt>
            <dd class="govuk-summary-list__value">
              {{ amount|add_service_charge|currency_format }}
            </dd>
          </div>
        {% else %}
          <div class="govuk-summary-list__row">
            <dt class="govuk-summary-list__key">
              {% trans 'Total' %}
            </dt>
            <dd class="govuk-summary-list__value">
              {{ amount|currency_format }}
            </dd>
            <dd class="govuk-summary-list__actions">
              <a href="{{ view.get_amount_url }}?focus=id_amount">
                {% trans 'Change' %}
                <span class="govuk-visually-hidden">{% trans 'amount' %}</span>
              </a>
            </dd>
          </div>
        {% endif %}
      </dl>

      {% include 'govuk-frontend/components/warning-text.html' with text=_('Please be aware that you can’t request a refund once money is sent.')  %}

      <form action="{{ view.get_success_url }}" method="get">
        <div class="govuk-button-group">
          <input id="id_next_btn" class="govuk-button" type="submit" value="{% trans 'Enter card details' %}" data-module="govuk-button" data-prevent-double-click="true">
          <a href="{% url 'send_money:clear_session' %}" class="govuk-link">
            {% trans 'Cancel and delete all details' %}
          </a>
        </div>
      </form>

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