{% extends "layout.njk" %}
{% from "fieldset/macro.njk" import govukFieldset %}
{% from "button/macro.njk" import govukButton %}
{% from "inset-text/macro.njk" import govukInsetText %}

{% set title = '' %}
{% if prePaymentError %}
    {% set title = mssgs.server_error_unable_to_process_payment %}
{% elseif postPaymentError %}
    {% set title = mssgs.server_error_unable_to_retrieve %}
{% else %}
    {% set title = mssgs.server_error_occured %}
{% endif %}

{% block pageTitle %}{{ title }}{{ header_service_name_title }}{% endblock %}

{% block content %}

<div class="govuk-grid-row">
    <div class="govuk-grid-column-full">
    {% block pageContent %}
        {% call govukFieldset({
            legend: {
              text: title,
              classes: "govuk-fieldset__legend--l govuk-!-margin-bottom-3",
              isPageHeading: true
            }
          }) %}

          {% if prePaymentError %}
              <p class="govuk-body-m">{{ mssgs.server_error_try_again }}</p>
              <p class="govuk-body-m">{{ mssgs.server_error_environment_agency }}</p>
            {{ govukInsetText({
                html: mssgs.server_error_environment_agency_name + '<br/>'
                + mssgs.server_error_environment_agency_telephone + '<br/>'
                + mssgs.server_error_environment_agency_opening + '<br/>'
                + '<a href="https://www.gov.uk/call-charges" class="govuk_link" rel="noreferrer noopener" target="_blank">' + mssgs.server_error_environment_agency_link + '</a>',
                classes: "no-print"
            }) }}
            {{ govukButton({
                attributes: { id: "try-again" },
                preventDoubleClick: true,
                name: "try-again",
                text: mssgs.enter_payment_details,
                href: uri.agreed,
                classes: "govuk-!-margin-top-5"
            }) }}
          {% elseif postPaymentError %}
              <p class="govuk-body-m">{{ mssgs.server_error_unable_to_retrieve_pay_details }}</p>
              <p class="govuk-body-m">{{ mssgs.server_error_if_seeing_page }}</p>
              <ul class="govuk-list govuk-list--bullet">
                <li>{{ mssgs.server_error_bulletpoint_1 }}</li>
                <li>{{ mssgs.server_error_bulletpoint_2 }}</li>
                <li>{{ mssgs.server_error_bulletpoint_3 }}</li>
              </ul>
              {{ govukButton({
                  attributes: { id: "try-again" },
                  preventDoubleClick: true,
                  name: "try-again",
                  text: mssgs.try_again,
                  href: uri.agreed,
                  classes: "govuk-!-margin-top-5"
              }) }}
          {% else %}
              <p class="govuk-body-m">{{ mssgs.server_error_logged }}<a class="govuk-link" href="{{ _uri.feedback }}" rel="noreferrer noopener" target="_blank">{{ mssgs.server_error_feedback_link_text }}</a>{{ mssgs.feedback_link_suffix_alt }}</p>
              <h2 class="govuk-heading-m">{{ mssgs.server_error_what_now }}</h2>
          {% endif %}
          {% if not prePaymentError %}
            <p class="govuk-body-m"><a class="govuk-link" href="{{ uri.new }}">{{ mssgs.buy_another_licence }}</a></p>
          {% endif %}

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