{% load i18n %}
{% load mtp_common %}
{% load send_money %}

{# copy of govuk-frontend/components/error-summary.html from mtp-common including additional content #}

{% if form.errors %}
  <div class="govuk-error-summary" aria-labelledby="error-summary-heading" role="alert" data-module="govuk-error-summary">
    <h2 class="govuk-error-summary__title" id="error-summary-heading">
      {{ form.error_summary_title|default:_('There was a problem') }}
    </h2>
    <div class="govuk-error-summary__body">
      <ul class="govuk-list govuk-error-summary__list">
        {% get_form_errors form as errors %}

        {% for error in errors.non_field %}
          <li class="mtp-error-summary__non-field-error">{{ error }}<span class="govuk-visually-hidden">.</span></li>
        {% endfor %}

        {% if errors.non_field|prisoner_details_not_found %}
          <li class="mtp-error-summary__non-field-error">
            {% trans 'What to do:' %}
            <ul class="govuk-list govuk-list--bullet">
              <li>
                {% trans 'Check you’ve entered the details correctly' %}
              </li>
              <li>
                {% trans 'Ask the person in prison to check with their wing officer that your details match theirs' %}
              </li>
              <li>
                {% trans 'If your details are wrong, use the new details you’ve been given' %}
              </li>
              <li>
                {% trans 'If the prison details are wrong, the person in prison needs to submit a general application to the Offender Management Unit querying their details' %}
              </li>
            </ul>
          </li>
        {% endif %}

        {% for field, field_errors in errors.field_specific.items %}
          <li class="mtp-error-summary__field-error">
            <a href="#{{ field.id_for_label }}-label">{{ field.label }}</a>
            <ul>
              {% for field_error in field_errors %}
                <li>{{ field_error }}<span class="govuk-visually-hidden">.</span></li>
              {% endfor %}
            </ul>
          </li>
        {% endfor %}
      </ul>
    </div>
  </div>
{% endif %}