acp_travelpass_form:
  namespace: "Organisms/TM - ACP Travelpass"
  use: "@organisms/tm-acp/acp-travelpass-form.html.twig"
  label: ACP Travelpass From
  description: ACP Travelpass From
  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"



