{% extends "standard-form.njk" %}
{% from "radios/macro.njk" import govukRadios %}
{% from "input/macro.njk" import govukInput %}

{% set title = mssgs.disability_concession_title_self if data.isLicenceForYou else mssgs.disability_concession_title_bobo %}
{% set describedByTag = "ni-number-hint" %}
{% set suffix = 'self' if data.isLicenceForYou else 'bobo' %}

{%
    set errorMap = {
        'disability-concession': {
            'any.required': { ref: '#disability-concession', text: mssgs.disability_concession_error_choose_option }
        },
        'ni-number': {
            'string.empty': { ref: '#ni-number', text: mssgs.disability_concession_error_ni_empty },
            'string.pattern.base': { ref: '#ni-number', text: mssgs.disability_concession_error_ni_pattern }
        }
    }
%}

{% set pipDla %}
    {{ govukInput({
      label: {
        html: mssgs.disability_concession_ni_label_jr if data.hasJunior else mssgs.disability_concession_ni_label
      },
      hint: {
        html: mssgs.disability_concession_ni_hint if not data.hasJunior else mssgs.disability_concession_ni_hint_jr
      },
      id: "ni-number",
      name: "ni-number",
      value: payload['ni-number'],
      classes: "govuk-input--width-20",
      attributes: { maxlength: 13 },
      errorMessage: { text: mssgs.disability_concession_ni_error_msg } if error['ni-number']
    }) }}
{% endset -%}

{% block pageContent %}
    {% if not data.hasJunior and not data.hasSenior %}
        <p class="govuk-hint">{{ mssgs.disability_concession_12_month }}<a href="https://www.gov.uk/government/publications/blue-badge-can-i-get-one/can-i-get-a-blue-badge" class="govuk-link" target="_blank">{{ mssgs.disability_concession_12_month_link }}</a></p>
    {% endif %}

    {{ govukRadios({
           idPrefix: "disability-concession",
           name: "disability-concession",
           items: [
               {
                  html: mssgs['disability_concession_radio_pip_' ~ suffix] ~ '<br>' ~ mssgs.disability_concession_radio_dla,
                  value: data.pipDla,
                  checked: payload['disability-concession'] === data.pipDla,
                  conditional: { html: pipDla }
               },
               {
                  text: mssgs['disability_concession_radio_badge_' ~ suffix],
                  value: data.blueBadge,
                  checked: payload['disability-concession'] === data.blueBadge
               },
               {
                  text: mssgs['disability_concession_radio_no_' ~ suffix],
                  value: data.no,
                  checked: payload['disability-concession'] === data.no
               }
           ],
           errorMessage: { text: mssgs.disability_concession_error_choose_option } if error['disability-concession']
       })
    }}

{% endblock %}