DEFRA/ivory-front-office

{% extends 'two-thirds-layout.njk' %}

{% from "input/macro.njk" import govukInput %}
{% from "fieldset/macro.njk" import govukFieldset %}

{% block formContent %}

  {% call govukFieldset() %}

    {{ govukInput({
      id: "business-name",
      name: "business-name",
      value: viewData['business-name'],
      errorMessage: errors['business-name'],
      label: {
        html: 'Business name (if applicable)'
      }
    }) }}

    {{ govukInput({
      id: "address-line-1",
      name: "address-line-1",
      value: viewData['address-line-1'],
      errorMessage: errors['address-line-1'],
      label: {
        html: 'Building and street <span class="govuk-visually-hidden">line 1 of 2</span>'
      }
    }) }}

    {{ govukInput({
      id: "address-line-2",
      name: "address-line-2",
      value: viewData['address-line-2'],
      errorMessage: errors['address-line-2'],
      label: {
        html: '<span class="govuk-visually-hidden">Building and street line 2 of 2</span>'
      }
    }) }}

    {{ govukInput({
      id: "address-town",
      name: "address-town",
      value: viewData['address-town'],
      errorMessage: errors['address-town'],
      label: {
        text: "Town or city"
      },
      classes: "govuk-!-width-two-thirds"
    }) }}

    {{ govukInput({
      id: "address-county",
      name: "address-county",
      value: viewData['address-county'],
      errorMessage: errors['address-county'],
      label: {
        text: "County"
      },
      classes: "govuk-!-width-two-thirds"
    }) }}

    {{ govukInput({
      id: "address-postcode",
      name: "address-postcode",
      value: viewData['address-postcode'],
      errorMessage: errors['address-postcode'],
      label: {
        text: "Postcode"
      },
      classes: "govuk-input--width-10 ivory-upper-case"
    }) }}

  {% endcall %}

{% endblock %}