flexipass_check_form:
  namespace: "Organisms/TM - Flexipass Check"
  use: "@organisms/tm-fc/flexipass-check.twig"
  label: Flexipass check form
  description: Flexipass check form
  libraries:
    - flexipass_check_form_lib:
        css:
          component:
            ../styles/flexipass-check.css: { weight: 10 }

  fields:
    origin_station:
      type: pattern
      label: Origin station
      preview:
        id: form-element
        variant: "textfield"
        settings:
          classes: input-group
        fields:
          errors: false
          description_content: false
          placeholder: "Enter origin station"
          label:
            id: form-label
            fields:
              title: "From:"
    destination_station:
      type: pattern
      label: Destination station
      preview:
        id: form-element
        variant: "textfield"
        settings:
          classes: input-group
        fields:
          errors: false
          description_content: false
          placeholder: "Enter destination station"
          label:
            id: form-label
            fields:
              title: "To:"
    swap_stations:
      type: pattern
      label: Swap stations
      preview:
        id: button
        variant: "default"
        fields:
          icon_position: left
          value: 'swap_stations'
          text: '<i class="fas fa-exchange-alt"></i>'
          class: "btn-icon a-pri m-0 mx-auto d-md-block swap-stations"
          type: button
    reset:
      type: pattern
      label: Reset
      preview:
        id: button
        variant: "default"
        fields:
          value: 'Clear search'
          icon: 'times-circle'
          icon_position: right
          class: "btn-link ps-0"
          status: reset
    alert_text:
      type: text
      label: Text message
      preview: 'Search your route and check if Flexipass is available.'
    submit_text:
      type: text
      label: Submit button text
      preview: 'Search my route'
    results_id:
      type: text
      label: ID
      preview: 'flexipass-check-form'
    ajax_callback:
      type: text
      label: Ajax callback
      preview: 'flexipass-check-form'
    ajax_id:
      type: text
      label: Ajax ID
      preview: 'flexipass-check-form'



  settings:
    tabbed:
      type: boolean
      label: Tabbed
      preview: false
      default: false

