{% extends "standard-form.njk" %}
{% from "radios/macro.njk" import govukRadios %}
{% from "warning-text/macro.njk" import govukWarningText %}
{% from "pricing-summary.njk" import pricingSummary, pricingSummaryScript %}

{% set title = mssgs.licence_type_title_you if data.isLicenceForYou else mssgs.licence_type_title_other %}
{% set describedByTag = "selector-salmon-and-sea-trout-item-hint" %}

{%
    set errorMap = {
        'licence-type': {
            'any.required': { ref: '#selector-' + data.licenseTypes.troutAndCoarse2Rod, text: mssgs.licence_type_error_choose }
        }
    }
%}

{% set troutAndCoarse2Rod %}
    <p class="govuk-body-m"> {{ mssgs.licence_type_trout_two_rod }}</p>
{% endset -%}

{% set troutAndCoarse3Rod %}
    <p class="govuk-body-m"> {{ mssgs.licence_type_trout_three_rod }}</p>
{% endset -%}

{% set salmonAndSeaTrout %}
    {% if data.hasJunior %}<p class="govuk-body-m">{{ mssgs.licence_type_salmon_junior }}</p>{% endif %}
    <p class="govuk-body-m">
        {{ mssgs.licence_type_salmon_acr_note_1 }}</p>
    <p class="govuk-body-m">
        {% if data.isLicenceForYou %}
            {{ mssgs.licence_type_salmon_acr_note_2 }} <a class="govuk-link" rel="noreferrer noopener" target="_blank" href="{{ data.uri.catchReturn }}">{{ mssgs.licence_type_salmon_acr_note_link }}</a>
            {{ mssgs.licence_type_salmon_acr_note_3 }}
        {% else %}
            {{ mssgs.licence_type_salmon_acr_note_2_BOBO }} <a class="govuk-link" rel="noreferrer noopener" target="_blank" href="{{ data.uri.catchReturn }}">{{ mssgs.licence_type_salmon_acr_note_link }}</a>
            {{ mssgs.licence_type_salmon_acr_note_3_BOBO }}
        {% endif %}
    </p>
{% endset -%}

{% set items = [
        {
            id: 'selector-' + data.licenseTypes.troutAndCoarse2Rod,
            text: mssgs.licence_type_radio_trout_two_rod,
            value: data.licenseTypes.troutAndCoarse2Rod,
            checked: payload['licence-type'] === data.licenseTypes.troutAndCoarse2Rod,
            conditional: { html: troutAndCoarse2Rod }
        },
        {
            id: 'selector-' + data.licenseTypes.troutAndCoarse3Rod,
            text: mssgs.licence_type_radio_trout_three_rod,
            value: data.licenseTypes.troutAndCoarse3Rod,
            checked: payload['licence-type'] === data.licenseTypes.troutAndCoarse3Rod,
            conditional: { html: troutAndCoarse3Rod }
        },
        {
            id: 'selector-' + data.licenseTypes.salmonAndSeaTrout,
            text: mssgs.licence_type_radio_salmon,
            value: "salmon-and-sea-trout",
            checked: payload['licence-type'] === data.licenseTypes.salmonAndSeaTrout,
            conditional: { html: salmonAndSeaTrout }
        }
    ]
%}

{% block pageContent %}
    <p class="govuk-body-m">
        {% if data.isLicenceForYou %}
            {{ mssgs.licence_type_attended_rods_note }}
        {% else %}
            {{ mssgs.licence_type_attended_rods_note_BOBO }}
        {% endif %}
        <a class="govuk-link" rel="noreferrer noopener" target="_blank" href="{{ data.uri.freshWaterFishingRules }}">{{ mssgs.licence_type_byelaws }}</a>
        {{ mssgs.full_stop }}
    </p>
    {{ govukRadios({
        idPrefix: "licence-type",
        name: "licence-type",
        items: items,
        errorMessage: { text: mssgs.licence_type_error_choose } if error
    }) }}
{% endblock %}

{% block pricingSummary %}
    {{ pricingSummary(data.pricing.byType, {
        '12M': { desc: mssgs.licence_type_12m },
        '8D': { desc: mssgs.licence_type_8d },
        '1D': { desc: mssgs.licence_type_1d },
        'no-short': mssgs.licence_type_na,
        'payment-edge-case': mssgs.licence_type_payment_edge_case
    }, null,
    mssgs
    )}}
{% endblock %}

{% block bodyEnd %}
    <script type="module" src="/public/javascript/govuk-frontend-min.js"></script>
    <script nonce="{{nonce}}" type="module">
        import { initAll } from '/public/javascript/govuk-frontend-min.js'
        initAll()
    </script>
    {{ pricingSummaryScript(data.pricing.byType, nonce) }}
{% endblock %}