acp_travelpass_form:
  label: ACP Travelpass From
  namespace: Organisms/TM - ACP Travelpass
  use: '@organisms/tm-acp/acp-travelpass-form.html.twig'
  description: ACP Travelpass From
  dependencies:
    - form-element
    - button
  libraries:
    - acp_travelpass_form_lib:
        css:
          component:
            ../styles/acp-travelpass.css: {}
  fields:
    description:
      type: text
      label: Description
      preview: <h2>Buy Highland Rover M-Pass</h2><p>Fill out this form to buy M-Pass
        mobile tickets delivered to your phone.</p>
    number_of_passengers:
      type: pattern
      label: Number of passangers
      preview:
        - id: form-element
          variant: select
          fields:
            errors: false
            description_content: false
            label:
              id: form-label
              fields:
                title: Number of travellers
    passengers_ages:
      type: pattern
      label: Passengers ages
      preview:
        - id: form-element
          variant: textfield
          fields:
            errors: false
            description_content: false
            label:
              id: form-label
              fields:
                title: Passengers ages
          settings:
            classes: acp-age
    submit:
      type: pattern
      label: Submit
      preview:
        - id: button
          variant: default
          settings:
            text: View results
            class: btn-hover-inverted
