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

{% block page_title %}{% trans 'What do you need help with?' %} – {{ block.super }}{% endblock %}

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

      <header>
        <h1 class="govuk-heading-xl">
          <span class="govuk-caption-xl">
            {% trans 'Help' %}
          </span>
          {% trans 'What do you need help with?' %}
        </h1>
      </header>

      <ul class="govuk-list">
        <li class="govuk-!-margin-bottom-2">
          <a href="{% url 'help_area:help-new-payment' %}">
            {% trans 'Making a payment' %}
          </a>
        </li>
        <li class="govuk-!-margin-bottom-2">
          <a href="{% url 'help_area:help-sent-payment' %}">
            {% trans 'A payment I’ve already made' %}
          </a>
        </li>
        <li class="govuk-!-margin-bottom-2">
          <a href="{% url 'help_area:help-cannot-access' %}">
            {% trans 'I don’t have a debit card / can’t access this service' %}
          </a>
        </li>
      </ul>

    </div>
  </div>

{% endblock %}