{% extends baseLayoutPath %}

{% from "govuk/components/error-summary/macro.njk" import govukErrorSummary %}
{% from "govuk/components/summary-list/macro.njk" import govukSummaryList %}
{% from "govuk/components/button/macro.njk" import govukButton %}
{% from "govuk/components/notification-banner/macro.njk" import govukNotificationBanner %}
{% from "partials/components.html" import componentList with context %}
{% from "govuk/components/input/macro.njk" import govukInput %}

{% block content %}
  <div class="govuk-grid-row">
    <div class="govuk-grid-column-two-thirds">
      {% if previewMode %}
        {% include "partials/preview-banner.html" %}
      {% endif %}

      {% if paymentState and paymentState.preAuth and paymentState.preAuth.status == 'success' %}
        {{ govukNotificationBanner({
          type: "success",
          titleText: "Success",
          html: "<h3 class=\"govuk-notification-banner__heading\">We have your payment details</h3><p class=\"govuk-body\">Your payment is on hold. We will charge you when you submit the form.</p>"
        }) }}
      {% endif %}

      {% if errors %}
        {{ govukErrorSummary({
          titleText: "There is a problem",
          errorList: checkErrorTemplates(errors)
        }) }}
      {% endif %}

      {% if hasMissingNotificationEmail %}
        {% include "partials/warn-missing-notification-email.html" %}
      {% endif %}

      <h1 class="govuk-heading-l">
        {{ pageTitle }}
      </h1>

      {% for section in checkAnswers %}
        {% if section.title.text %}
          <h2 class="govuk-heading-m">
            {{ section.title.text }}
          </h2>
          {{ govukSummaryList(section.summaryList) }}
        {% else %}
          <div class="{% if not loop.first %}govuk-!-margin-top-9 govuk-!-padding-top-4{% endif %}">
            {{ govukSummaryList(section.summaryList) }}
          </div>
        {% endif %}
      {% endfor %}

      {% if paymentDetails %}
        <h2 class="govuk-heading-m">
          {{ paymentDetails.title.text }}
        </h2>
        {{ govukSummaryList(paymentDetails.summaryList) }}
      {% endif %}

      <form method="post" novalidate>
        <input type="hidden" name="crumb" value="{{ crumb }}">

        {% block customPageContent %}{% endblock %}

        {{ componentList(components) }}

        {% if declaration %}
          <h2 class="govuk-heading-m" id="declaration">Declaration</h2>
          <div class="govuk-body">
          {{ declaration | safe }}
          </div>
        {% endif %}

        <div class="govuk-button-group">
          {% set isDeclaration = declaration or components | length %}

          {{ govukButton({
            text: "Accept and submit" if isDeclaration else "Submit",
            name: "action",
            value: "send",
            preventDoubleClick: true
          }) }}

          {% if allowSaveAndExit %}
            {{ govukButton({
              text: "Save and exit",
              classes: "govuk-button--secondary",
              name: "action",
              value: "save-and-exit",
              preventDoubleClick: true
            }) }}
          {% endif %}
        </div>
      </form>
    </div>
  </div>

  {% if config.cdpEnvironment == 'local' and context | length and not context.isForceAccess %}
    {% include "partials/debug.html" %}
  {% endif %}
{% endblock %}