flexipass_check_form:
  label: Flexipass check form
  namespace: Organisms/TM - Flexipass Check
  use: '@organisms/tm-fc/flexipass-check.twig'
  description: Flexipass check form
  dependencies:
    - form-element
    - button
    - alert
  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
