row:
  '#type': container
  '#attributes':
    class:
      - 'row d-none'
  col12:
    '#type': container
    '#attributes':
      class:
        - col-12
    heading:
      '#type': markup
      '#markup': '<h2>Contact SPPA below</h2>'
  colmd8:
    '#type': container
    '#attributes':
      class:
        - 'col-12 col-lg-8'
    namerow:
      '#type': container
      '#attributes':
        class:
          - row
      first_name:
        '#type': textfield
        '#title': 'First Name'
        '#title_display': before
        '#required': true
        '#required_error': 'Please add your first name.'
        '#wrapper_attributes':
          class:
            - 'col-12 col-lg-6'
      last_name:
        '#type': textfield
        '#title': 'Last Name'
        '#title_display': before
        '#required': true
        '#required_error': 'Please add your last name.'
        '#wrapper_attributes':
          class:
            - 'col-12 col-lg-6'
    email_address:
      '#type': email
      '#title': 'Email address'
      '#title_display': before
      '#required': true
      '#required_error': 'Please add a valid email address.'
    phone_number:
      '#type': tel
      '#title': 'Phone number'
      '#title_display': before
      '#size': '60'
    subject:
      '#type': textfield
      '#title': Subject
      '#title_display': before
      '#required': true
      '#required_error': 'Please add the subject of your message.'
    your_message:
      '#type': textarea
      '#title': 'Your message'
      '#title_display': before
      '#required': true
      '#required_error': 'Please add a brief message.'
    attachments:
      '#type': managed_file
      '#title': Attachments
      '#description': '<p>You can upload images of the file type .png, .gif and .jpg or documents of the file type .doc, .xls, .ppt and .pdf. Your file size must be 5mb or under.</p>'
      '#title_display': before
      '#description_display': after
      '#max_filesize': '2'
      '#file_extensions': 'gif jpg png pdf doc docx ppt pptx xls xlsx pdf'
      '#sanitize': true
      '#button': true
      '#button__title': 'Browse your files'
      '#button__attributes':
        class:
          - 'btn btn-browse'
    captcha:
      '#type': captcha
      '#captcha_type': recaptcha/reCAPTCHA
    actions:
      '#type': webform_actions
      '#title': 'Submit button(s)'
      '#submit__label': 'Send your message'
      '#submit__attributes':
        class:
          - 'btn btn-info'
  colmd4:
    '#type': container
    '#attributes':
      class:
        - 'col-12 col-lg-4'
    processed_text:
      '#type': processed_text
      '#text': "<div class=\"panel time\">\r\n  <p>Average response time:&nbsp;\r\n    <br />\r\n    <strong>3 days</strong>\r\n  </p>\r\n</div>\r\n<div class=\"panel phone\"><p><strong>01896 893000</strong></p>\r\n</div>\r\n<div class=\"panel envelope\"><p>\r\n  <a href=\"mailto:sppacontactus@gov.scot\">sppacontactus@gov.scot</a>\r\n  </p>\r\n</div>\r\n<div class=\"panel pencil\">\r\n  <p>Scottish Public Pensions Agency\r\n    <br />\r\n    7 Tweedside Park\r\n    <br />\r\n    Tweedbank\r\n    <br />\r\n    Galashiels\r\n    <br />\r\n    TD1 3TE\r\n  </p>\r\n</div>\r\n"
      '#format': full_html