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

{% set title = mssgs.name_title_you if data.isLicenceForYou else mssgs.name_title_other %}
{% set describedByTag = "first-name-hint" %}

{% set errorMap = {
        'first-name': {
            'string.empty': { ref: '#first-name', text: mssgs.name_first_empty_error },
            'string.min': { ref: '#first-name', text: mssgs.name_first_min_error },
            'string.max': { ref: '#first-name', text: mssgs.name_first_max_error },
            'string.forbidden': { ref: '#first-name', text: mssgs.name_first_non_letter_error }
        },
        'last-name': {
            'string.empty': { ref: '#last-name', text: mssgs.name_last_empty_error },
            'string.min': { ref: '#last-name', text: mssgs.name_last_min_error },
            'string.max': { ref: '#last-name', text: mssgs.name_last_max_error },
            'string.forbidden': { ref: '#last-name', text: mssgs.name_last_non_letter_error }
        }
    }
%}

{% block pageContent %}
    {% if not data.isLicenceForYou %}
      <p class="govuk-body-m">{{ mssgs.name_spelling_hint }}</p>
    {% endif %}

    {{ govukInput({
      label: {
        text: mssgs.name_first_label
      },
      id: "first-name",
      name: "first-name",
      hint: { text: mssgs.name_abbr_hint },
      value: payload['first-name'],
      classes: "govuk-input--width-20",
      autocomplete: 'given-name',
      attributes: { maxlength: 100 },
      errorMessage: { text: mssgs.name_first_empty_error_msg } if error['first-name']
    }) }}

    {{ govukInput({
      label: {
        text: mssgs.name_last_label
      },
      id: "last-name",
      name: "last-name",
      value: payload['last-name'],
      autocomplete: 'family-name',
      classes: "govuk-input--width-20",
      attributes: { maxlength: 100 },
      errorMessage: { text: mssgs.name_last_empty_error_msg } if error['last-name']
    }) }}

{% endblock %}