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

{% block page_title %}{% trans 'Prisons in England and Wales' %} – {{ block.super }}{% endblock %}

{% block content %}
  <div class="govuk-grid-row">
    <div class="govuk-grid-column-two-thirds">
      <header>
        <h1 class="govuk-heading-xl">
          {% trans 'Prisons in England and Wales' %}
        </h1>
      </header>

      <p>
        {% trans 'The ‘Send money to someone in prison’ service is available in the following prisons, young offender institutions and immigration removal centres in England and Wales.' %}
      </p>

      {% if prison_list %}
        <div class="mtp-filtered-list">
          <div class="govuk-form-group">
            <label class="govuk-visually-hidden" for="id_search">{% trans 'Search for a prison' %}</label>
            <input class="govuk-input govuk-input--width-10 mtp-filtered-list__input" id="id_search" value="" type="search" placeholder="{% trans 'Search' %}" />
          </div>
          <div class="govuk-inset-text">
            <ul class="mtp-filtered-list__list" data-stop-words="{{ stop_words|join:' ' }}">
              <li class="mtp-filtered-list__empty">{% trans 'No prisons found' %}</li>
              {% for prison in prison_list %}
                <li>{{ prison|describe_abbreviation }}</li>
              {% endfor %}
            </ul>
          </div>
        </div>
      {% else %}
        <h2 class="govuk-heading-m">
          {% trans 'Sorry, we can’t list the prisons right now' %}
        </h2>
        <p>
          {% blocktrans trimmed with link='https://www.gov.uk/government/collections/prisons-in-england-and-wales' %}
            You can see the full list of <a href="{{ link }}">prisons in England and Wales on GOV.UK</a>.
          {% endblocktrans %}
        </p>
      {% endif %}
    </div>
  </div>
{% endblock %}