{% extends "look-and-feel/layouts/two_thirds.html" %}
{% from "look-and-feel/components/header.njk" import header %}
{% from "look-and-feel/components/check-your-answers.njk" import answer %}
{% from "look-and-feel/components/phase_banner.njk" import phaseBanner %}
{% from "look-and-feel/components/fields.njk" import hiddenInput %}
{% from "look-and-feel/components/errors.njk" import errorSummary %}
{% from "look-and-feel/components/i18n.njk" import languageSwitch %}

{% set defaultContent = {
  title: 'Check your answers',
  incompleteHeader: 'Your application is incomplete',
  incompleteMessage: 'There are still some questions to answer.',
  continue: 'Continue your application',
  statementOfTruth: 'By submitting this notification you are confirming that, to the best of your knowledge, the details you are providing are correct.',
  sendApplication: 'Send your application',
  cyaTableCaption: 'This table has a list of your questions and answers. The first column is the question. The second column is your answer and the third column is a link to change your answer of that particular question.',
  nowSendApplication: 'Now send your application'
} %}

{% block pageTitle %}{{ pageContent.title | default(defaultContent.title) }}{% endblock %}

{% block breadcrumbs %}
{{ phaseBanner(phase, feedbackLink) }}
<a class="govuk-back-link" href="#" onclick="history.go(-1); return false;">Back</a>
{{ languageSwitch(i18n.currentLanguage, i18n.availableLanguages) }}
{% endblock %}

{% block two_thirds %}

{{ errorSummary(fields, content.thereWasAProblem) }}

{{ header(pageContent.title | default(defaultContent.title)) }}

    <table class="govuk-table">
      <caption class="govuk-table__caption">
        <span class="govuk-visually-hidden">{{ content.cyaTableCaption | default(defaultContent.cyaTableCaption) }}</span>
      </caption>
      <tbody class="govuk-table__body">

        {% for section in _sections %}

          {% if section.atLeast1Completed %}
            {% if section.title and _sections|length > 1 %}
              <h2 class="govuk-heading-m">{{ section.title | safe }}</h2>
            {% endif %}
              {% for part in section.completedAnswers %}
                {% if not part.hide %}
                  {% if part.html %}
                    {{ part.html | safe }}
                  {% else %}
                    {{ answer(part.question, part.answer, part.url, part.id) }}
                  {% endif %}
                {% endif %}
              {% endfor %}
          {% endif %}
        {% endfor %}
      </tbody>
    </table>

  {% if incomplete %}
    {% block continue_application %}
      <h2 class="govuk-heading-m">{{ pageContent.incompleteHeader or default(defaultContent.incompleteHeader) }}</h2>
      <p class="govuk-body">{{ pageContent.incompleteMessage | default(defaultContent.incompleteMessage) }}</p>
      <a href="{{ continueUrl }}" class="govuk-button">{{ pageContent.continue | default(defaultContent.continue) }}</a>
    {% endblock %}
  {% endif %}

  {% if complete %}
    {% block statement_of_truth_content %}
      <h2 class="govuk-heading-m">{{ content.nowSendApplication | default(defaultContent.nowSendApplication) }}</h2>
      <p class="govuk-body">{{ pageContent.statementOfTruth | default(defaultContent.statementOfTruth) }}</p>
    {% endblock %}
    <form
      action="{{ postUrl | default(path if path else url) }}"
      method="post"
      class="form"
      {% if config.autocomplete %}
        autocomplete="{{config.autocomplete}}"
      {% endif %}
    >

      {% block statement_of_truth_fields %}
        {{ hiddenInput(fields.statementOfTruth, value=true) }}
      {%- endblock %}

      <input class="govuk-button" type="submit" value="{{ pageContent.sendApplication | default(defaultContent.sendApplication) }}">
    </form>

  {% endif %}

  {% block after_form -%}
  {%- endblock %}

{% endblock %}