{% extends "layout.njk" %}

{% from "fieldset/macro.njk" import govukFieldset %}
{% from "button/macro.njk" import govukButton %}

{% set title = mssgs.payment_failed_title_3 %}

{% if data['failure-code'] === data.codes.EXPIRED %}
    {% set title = mssgs.payment_failed_title_1 %}
{% elseif data['failure-code'] === data.codes.REJECTED %}
    {% set title = mssgs.payment_failed_title_2 %}
{% else %}
    {% set title = mssgs.payment_failed_title_3 %}
{% endif %}

{% block pageTitle %}{{ title }}{{ mssgs.gov_uk }}{% endblock %}

{% block content %}
<div class="govuk-grid-row">
    <div class="govuk-grid-column-two-third">
        <form method="post">
            {% call govukFieldset({
              legend: {
                text: title,
                classes: "govuk-fieldset__legend--l govuk-!-margin-bottom-3",
                isPageHeading: true
              }
            }) %}
                {% if data['failure-code'] === data.codes.EXPIRED %}
                    <p class="govuk-body-m">{{ mssgs.payment_failed_expired }}</p>
                {% elseif data['failure-code'] === data.codes.REJECTED %}
                    <p class="govuk-body-m">{{ mssgs.payment_failed_rejected }}</p>
                {% endif %}

                {% if data.recurringPayment %}
                    <p class="govuk-body-m">{{ mssgs.payment_failed_not_taken_recurring }}</p>
                {% else %}
                    <p class="govuk-body-m">{{ mssgs.payment_failed_not_taken }}</p>
                {% endif %}

            {% endcall %}

                {{ govukButton({
                    attributes: { id: 'continue' },
                    preventDoubleClick: true,
                    name: "continue",
                    text: mssgs.try_payment_again,
                    classes: "govuk-!-margin-top-5"
                }) }}

            {{ csrf() }}
        </form>
        <a class="govuk-link" href="{{ data.uri.new }}">{{ mssgs.buy_another_licence }}</a>
    </div>
</div>
{% endblock %}