{% extends "layout.njk" %}

{% from "fieldset/macro.njk" import govukFieldset %}
{% from "button/macro.njk" import govukButton %}
{% from "checkboxes/macro.njk" import govukCheckboxes %}
{% from "error-summary.njk" import errorSummary %}
{% from "warning-text/macro.njk" import govukWarningText %}
{% from "page-title.njk" import pageTitle %}

{% set title = data.content.title %}

{% block pageTitle %}{{ pageTitle(title, error, mssgs) }}{% endblock %}

{%
    set errorMap = {
        'agree': {
            'any.required': { ref: '#agree', text: mssgs.terms_conds_error }
        }
    }
%}

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

        {{ errorSummary(error, errorMap, mssgs.there_is_a_problem) }}

        <form method="post">

            {% call govukFieldset({
              legend: {
                text: title,
                classes: "govuk-fieldset__legend--l govuk-!-margin-bottom-3",
                isPageHeading: true
              }
            }) %}

            <div class="govuk-!-margin-bottom-9">
                <p class="govuk-body">{{ data.content.body }}</p>
                <ul class="govuk-list govuk-list--bullet">
                    <li>{{ mssgs.terms_conds_bulletpoint_1_1_notify }}</li>
                    <p>{{ mssgs.terms_conds_bulletpoint_1_2_notify }}</p>
                    <li>{{ data.content.bulletpoint.bulletpointTwo }}</li>
                    <li>{{ data.content.bulletpoint.bulletpointThree }}</li>
                    <li>{{ data.content.bulletpoint.bulletpointFour }}</li>
                    <li>{{ data.content.bulletpoint.bulletpointFivePartOne }}<a class="govuk-link" href="https://www.gov.uk/freshwater-rod-fishing-rules" rel="noreferrer noopener" target="_blank">{{ data.content.bulletpoint.bulletpointFiveLink }}</a>{{ data.content.bulletpoint.bulletpointFivePartTwo }}</li>
                    <li>{{ data.content.bulletpoint.bulletpointSix }}</li>
                    {% if data.isSalmonAndSeaTrout %}
                        <li>{{ data.content.bulletpoint.bulletpointSeven }}<a class="govuk-link" href="https://www.gov.uk/catch-return" rel="noreferrer noopener" target="_blank">{{ data.content.bulletpoint.bulletpointSevenLink }}</a></li>
                    {% endif %}
                </ul>
            </div>

                {{ govukCheckboxes({
                  idPrefix: "agree",
                  name: "agree",
                  errorMessage: { text: mssgs.terms_conds_error_must_agree } if error,
                  items: [
                    {
                      value: "yes",
                      text: data.content.agree
                    }
                  ]
                }) }}

                {% if data.paymentRequired %}
                    {{ govukWarningText({
                        text: mssgs.terms_conds_warning,
                        iconFallbackText: "Warning"
                    }) }}
                {% endif %}

            {% endcall %}

                {{ govukButton({
                    attributes: { id: 'continue' },
                    preventDoubleClick: true,
                    name: "continue",
                    text: mssgs.terms_conds_pay_button_1 if data.paymentRequired else mssgs.terms_conds_pay_button_2,
                    classes: "govuk-!-margin-top-5"
                }) }}

                {% if data.paymentRequired %}
                    <span class="govuk-caption-m">{{ mssgs.terms_conds_pay_on_gov_uk }}</span>
                {% endif %}

            {{ csrf() }}
        </form>
    </div>
</div>
{% endblock %}