booking_form_desktop:
  namespace: "Organisms/TM - Buy Tickets"
  use: "@organisms/tm-bkf/booking-form-desktop.twig"
  label: Desktop form
  description: Desktop form - Only demo, not exported.
  libraries:
    - booking_form_desktop_lib:
        js:
          ../behaviors/booking-form-desktop.js: { }
        css:
          component:
            ../styles/booking-form-desktop.css: { weight: 10 }
            ../styles/booking-form-modal.css: { weight: 10 }

  fields:
    el:
      type: object
      label: Data (el)
      preview:
        is_exposed: true
        base_url: https://et2-buytickets-greateranglia.ttlnonprod.com/buytickets/datapassedin.aspx
        base_url_mobile: https://et2-m-greateranglia.ttlnonprod.com/DataPassedIn
        search_url_mobile: https://et2-m-greateranglia.ttlnonprod.com/search
        season_url: https://et2-buytickets-greateranglia.ttlnonprod.com/season-tickets
        search_url: https://et2-buytickets-greateranglia.ttlnonprod.com/buytickets/advancedsearch.aspx
        id_suffix: tlbf
        outbound_times_options: |-
          <option value='00:00' >00:00</option>
          <option value='00:15' >00:15</option>
          <option value='00:30' >00:30</option>
          <option value='00:45' >00:45</option>
          <option value='01:00' >01:00</option>
          <option value='01:15' >01:15</option>
          <option value='01:30' >01:30</option>
          <option value='01:45' >01:45</option>
          <option value='02:00' >02:00</option>
          <option value='02:15' >02:15</option>
          <option value='02:30' >02:30</option>
          <option value='02:45' >02:45</option>
          <option value='03:00' >03:00</option>
          <option value='03:15' >03:15</option>
          <option value='03:30' >03:30</option>
          <option value='03:45' >03:45</option>
          <option value='04:00' >04:00</option>
          <option value='04:15' >04:15</option>
          <option value='04:30' >04:30</option>
          <option value='04:45' >04:45</option>
          <option value='05:00' >05:00</option>
          <option value='05:15' >05:15</option>
          <option value='05:30' >05:30</option>
          <option value='05:45' >05:45</option>
          <option value='06:00' >06:00</option>
          <option value='06:15' >06:15</option>
          <option value='06:30' >06:30</option>
          <option value='06:45' >06:45</option>
          <option value='07:00' >07:00</option>
          <option value='07:15' >07:15</option>
          <option value='07:30' >07:30</option>
          <option value='07:45' >07:45</option>
          <option value='08:00' >08:00</option>
          <option value='08:15' >08:15</option>
          <option value='08:30' >08:30</option>
          <option value='08:45' >08:45</option>
          <option value='09:00' >09:00</option>
          <option value='09:15' >09:15</option>
          <option value='09:30' >09:30</option>
          <option value='09:45' >09:45</option>
          <option value='10:00' >10:00</option>
          <option value='10:15' >10:15</option>
          <option value='10:30' >10:30</option>
          <option value='10:45' >10:45</option>
          <option value='11:00' >11:00</option>
          <option value='11:15'  selected>11:15</option>
          <option value='11:30' >11:30</option>
          <option value='11:45' >11:45</option>
          <option value='12:00' >12:00</option>
          <option value='12:15' >12:15</option>
          <option value='12:30' >12:30</option>
          <option value='12:45' >12:45</option>
          <option value='13:00' >13:00</option>
          <option value='13:15' >13:15</option>
          <option value='13:30' >13:30</option>
          <option value='13:45' >13:45</option>
          <option value='14:00' >14:00</option>
          <option value='14:15' >14:15</option>
          <option value='14:30' >14:30</option>
          <option value='14:45' >14:45</option>
          <option value='15:00' >15:00</option>
          <option value='15:15' >15:15</option>
          <option value='15:30' >15:30</option>
          <option value='15:45' >15:45</option>
          <option value='16:00' >16:00</option>
          <option value='16:15' >16:15</option>
          <option value='16:30' >16:30</option>
          <option value='16:45' >16:45</option>
          <option value='17:00' >17:00</option>
          <option value='17:15' >17:15</option>
          <option value='17:30' >17:30</option>
          <option value='17:45' >17:45</option>
          <option value='18:00' >18:00</option>
          <option value='18:15' >18:15</option>
          <option value='18:30' >18:30</option>
          <option value='18:45' >18:45</option>
          <option value='19:00' >19:00</option>
          <option value='19:15' >19:15</option>
          <option value='19:30' >19:30</option>
          <option value='19:45' >19:45</option>
          <option value='20:00' >20:00</option>
          <option value='20:15' >20:15</option>
          <option value='20:30' >20:30</option>
          <option value='20:45' >20:45</option>
          <option value='21:00' >21:00</option>
          <option value='21:15' >21:15</option>
          <option value='21:30' >21:30</option>
          <option value='21:45' >21:45</option>
          <option value='22:00' >22:00</option>
          <option value='22:15' >22:15</option>
          <option value='22:30' >22:30</option>
          <option value='22:45' >22:45</option>
          <option value='23:00' >23:00</option>
          <option value='23:15' >23:15</option>
          <option value='23:30' >23:30</option>
          <option value='23:45' >23:45</option>
        inbound_times_options: |-
          <option value='00:00' >00:00</option>
          <option value='00:15' >00:15</option>
          <option value='00:30' >00:30</option>
          <option value='00:45' >00:45</option>
          <option value='01:00' >01:00</option>
          <option value='01:15' >01:15</option>
          <option value='01:30' >01:30</option>
          <option value='01:45' >01:45</option>
          <option value='02:00' >02:00</option>
          <option value='02:15' >02:15</option>
          <option value='02:30' >02:30</option>
          <option value='02:45' >02:45</option>
          <option value='03:00' >03:00</option>
          <option value='03:15' >03:15</option>
          <option value='03:30' >03:30</option>
          <option value='03:45' >03:45</option>
          <option value='04:00' >04:00</option>
          <option value='04:15' >04:15</option>
          <option value='04:30' >04:30</option>
          <option value='04:45' >04:45</option>
          <option value='05:00' >05:00</option>
          <option value='05:15' >05:15</option>
          <option value='05:30' >05:30</option>
          <option value='05:45' >05:45</option>
          <option value='06:00' >06:00</option>
          <option value='06:15' >06:15</option>
          <option value='06:30' >06:30</option>
          <option value='06:45' >06:45</option>
          <option value='07:00' >07:00</option>
          <option value='07:15' >07:15</option>
          <option value='07:30' >07:30</option>
          <option value='07:45' >07:45</option>
          <option value='08:00' >08:00</option>
          <option value='08:15' >08:15</option>
          <option value='08:30' >08:30</option>
          <option value='08:45' >08:45</option>
          <option value='09:00' >09:00</option>
          <option value='09:15' >09:15</option>
          <option value='09:30' >09:30</option>
          <option value='09:45' >09:45</option>
          <option value='10:00' >10:00</option>
          <option value='10:15' >10:15</option>
          <option value='10:30' >10:30</option>
          <option value='10:45' >10:45</option>
          <option value='11:00' >11:00</option>
          <option value='11:15' >11:15</option>
          <option value='11:30' >11:30</option>
          <option value='11:45' >11:45</option>
          <option value='12:00' >12:00</option>
          <option value='12:15'  selected>12:15</option>
          <option value='12:30' >12:30</option>
          <option value='12:45' >12:45</option>
          <option value='13:00' >13:00</option>
          <option value='13:15' >13:15</option>
          <option value='13:30' >13:30</option>
          <option value='13:45' >13:45</option>
          <option value='14:00' >14:00</option>
          <option value='14:15' >14:15</option>
          <option value='14:30' >14:30</option>
          <option value='14:45' >14:45</option>
          <option value='15:00' >15:00</option>
          <option value='15:15' >15:15</option>
          <option value='15:30' >15:30</option>
          <option value='15:45' >15:45</option>
          <option value='16:00' >16:00</option>
          <option value='16:15' >16:15</option>
          <option value='16:30' >16:30</option>
          <option value='16:45' >16:45</option>
          <option value='17:00' >17:00</option>
          <option value='17:15' >17:15</option>
          <option value='17:30' >17:30</option>
          <option value='17:45' >17:45</option>
          <option value='18:00' >18:00</option>
          <option value='18:15' >18:15</option>
          <option value='18:30' >18:30</option>
          <option value='18:45' >18:45</option>
          <option value='19:00' >19:00</option>
          <option value='19:15' >19:15</option>
          <option value='19:30' >19:30</option>
          <option value='19:45' >19:45</option>
          <option value='20:00' >20:00</option>
          <option value='20:15' >20:15</option>
          <option value='20:30' >20:30</option>
          <option value='20:45' >20:45</option>
          <option value='21:00' >21:00</option>
          <option value='21:15' >21:15</option>
          <option value='21:30' >21:30</option>
          <option value='21:45' >21:45</option>
          <option value='22:00' >22:00</option>
          <option value='22:15' >22:15</option>
          <option value='22:30' >22:30</option>
          <option value='22:45' >22:45</option>
          <option value='23:00' >23:00</option>
          <option value='23:15' >23:15</option>
          <option value='23:30' >23:30</option>
          <option value='23:45' >23:45</option>
        outbound_date: 02/02/2022
        outbound_time: '00:00'
        outbound_sr_date: 2nd February 2022
        inbound_date: 02/02/2022
        inbound_sr_date: 2nd February 2022
        inbound_time: '00:00'
        filter_by_toc: ''
        filter_by_toc_text:
        filter_by_toc_tooltip:
        best_fares: 0
        best_fares_text: ''
        best_fares_tooltip: ''
        promo_code_text: Add a promo code
        promo_code_placeholder: Enter your promo code
        bottom_text: Wheelchair accessible space in Standard only
        add_advance_search_button: 0
        adults_text: 1 Adult
        children_text: 0 Children
        railcards_text: 0 Railcards/GroupSave
        add_railcards_title: Add Railcards
        trainline_season_child_enabled: 0
        show_season_railcard_options: 0
        railcard_options:
          None: None
          TSU: 16-17 Saver
          YNG: 16-25 Railcard
        railcard_options_season:
          None: None
        announcement_message: ''

booking_form_exposed:
  namespace: "Organisms/TM - Buy Tickets"
  use: "@organisms/tm-bkf/booking-form-exposed.twig"
  label: Exposed form
  description: Exposed form - Only demo, not exported.

  variants:
    __default:
      label: Standard
    sr:
      label: Alternative
      settings:
        layout: alt

  settings:
    layout:
      type: select
      label: Layout
      default_value: std
      options:
        std: Standard
        alt: From/To above

  fields:
    sidebar_classes:
      type: text
      label: Wrapper classes

    el:
      type: object
      label: Data (el)
      preview:
        is_exposed: true
        base_url: https://et2-buytickets-greateranglia.ttlnonprod.com/buytickets/datapassedin.aspx
        base_url_mobile: https://et2-m-greateranglia.ttlnonprod.com/DataPassedIn
        search_url_mobile: https://et2-m-greateranglia.ttlnonprod.com/search
        season_url: https://et2-buytickets-greateranglia.ttlnonprod.com/season-tickets
        search_url: https://et2-buytickets-greateranglia.ttlnonprod.com/buytickets/advancedsearch.aspx
        id_suffix: tlbf
        outbound_times_options: |-
          <option value='00:00' >00:00</option>
          <option value='00:15' >00:15</option>
          <option value='00:30' >00:30</option>
          <option value='00:45' >00:45</option>
          <option value='01:00' >01:00</option>
          <option value='01:15' >01:15</option>
          <option value='01:30' >01:30</option>
          <option value='01:45' >01:45</option>
          <option value='02:00' >02:00</option>
          <option value='02:15' >02:15</option>
          <option value='02:30' >02:30</option>
          <option value='02:45' >02:45</option>
          <option value='03:00' >03:00</option>
          <option value='03:15' >03:15</option>
          <option value='03:30' >03:30</option>
          <option value='03:45' >03:45</option>
          <option value='04:00' >04:00</option>
          <option value='04:15' >04:15</option>
          <option value='04:30' >04:30</option>
          <option value='04:45' >04:45</option>
          <option value='05:00' >05:00</option>
          <option value='05:15' >05:15</option>
          <option value='05:30' >05:30</option>
          <option value='05:45' >05:45</option>
          <option value='06:00' >06:00</option>
          <option value='06:15' >06:15</option>
          <option value='06:30' >06:30</option>
          <option value='06:45' >06:45</option>
          <option value='07:00' >07:00</option>
          <option value='07:15' >07:15</option>
          <option value='07:30' >07:30</option>
          <option value='07:45' >07:45</option>
          <option value='08:00' >08:00</option>
          <option value='08:15' >08:15</option>
          <option value='08:30' >08:30</option>
          <option value='08:45' >08:45</option>
          <option value='09:00' >09:00</option>
          <option value='09:15' >09:15</option>
          <option value='09:30' >09:30</option>
          <option value='09:45' >09:45</option>
          <option value='10:00' >10:00</option>
          <option value='10:15' >10:15</option>
          <option value='10:30' >10:30</option>
          <option value='10:45' >10:45</option>
          <option value='11:00' >11:00</option>
          <option value='11:15'  selected>11:15</option>
          <option value='11:30' >11:30</option>
          <option value='11:45' >11:45</option>
          <option value='12:00' >12:00</option>
          <option value='12:15' >12:15</option>
          <option value='12:30' >12:30</option>
          <option value='12:45' >12:45</option>
          <option value='13:00' >13:00</option>
          <option value='13:15' >13:15</option>
          <option value='13:30' >13:30</option>
          <option value='13:45' >13:45</option>
          <option value='14:00' >14:00</option>
          <option value='14:15' >14:15</option>
          <option value='14:30' >14:30</option>
          <option value='14:45' >14:45</option>
          <option value='15:00' >15:00</option>
          <option value='15:15' >15:15</option>
          <option value='15:30' >15:30</option>
          <option value='15:45' >15:45</option>
          <option value='16:00' >16:00</option>
          <option value='16:15' >16:15</option>
          <option value='16:30' >16:30</option>
          <option value='16:45' >16:45</option>
          <option value='17:00' >17:00</option>
          <option value='17:15' >17:15</option>
          <option value='17:30' >17:30</option>
          <option value='17:45' >17:45</option>
          <option value='18:00' >18:00</option>
          <option value='18:15' >18:15</option>
          <option value='18:30' >18:30</option>
          <option value='18:45' >18:45</option>
          <option value='19:00' >19:00</option>
          <option value='19:15' >19:15</option>
          <option value='19:30' >19:30</option>
          <option value='19:45' >19:45</option>
          <option value='20:00' >20:00</option>
          <option value='20:15' >20:15</option>
          <option value='20:30' >20:30</option>
          <option value='20:45' >20:45</option>
          <option value='21:00' >21:00</option>
          <option value='21:15' >21:15</option>
          <option value='21:30' >21:30</option>
          <option value='21:45' >21:45</option>
          <option value='22:00' >22:00</option>
          <option value='22:15' >22:15</option>
          <option value='22:30' >22:30</option>
          <option value='22:45' >22:45</option>
          <option value='23:00' >23:00</option>
          <option value='23:15' >23:15</option>
          <option value='23:30' >23:30</option>
          <option value='23:45' >23:45</option>
        inbound_times_options: |-
          <option value='00:00' >00:00</option>
          <option value='00:15' >00:15</option>
          <option value='00:30' >00:30</option>
          <option value='00:45' >00:45</option>
          <option value='01:00' >01:00</option>
          <option value='01:15' >01:15</option>
          <option value='01:30' >01:30</option>
          <option value='01:45' >01:45</option>
          <option value='02:00' >02:00</option>
          <option value='02:15' >02:15</option>
          <option value='02:30' >02:30</option>
          <option value='02:45' >02:45</option>
          <option value='03:00' >03:00</option>
          <option value='03:15' >03:15</option>
          <option value='03:30' >03:30</option>
          <option value='03:45' >03:45</option>
          <option value='04:00' >04:00</option>
          <option value='04:15' >04:15</option>
          <option value='04:30' >04:30</option>
          <option value='04:45' >04:45</option>
          <option value='05:00' >05:00</option>
          <option value='05:15' >05:15</option>
          <option value='05:30' >05:30</option>
          <option value='05:45' >05:45</option>
          <option value='06:00' >06:00</option>
          <option value='06:15' >06:15</option>
          <option value='06:30' >06:30</option>
          <option value='06:45' >06:45</option>
          <option value='07:00' >07:00</option>
          <option value='07:15' >07:15</option>
          <option value='07:30' >07:30</option>
          <option value='07:45' >07:45</option>
          <option value='08:00' >08:00</option>
          <option value='08:15' >08:15</option>
          <option value='08:30' >08:30</option>
          <option value='08:45' >08:45</option>
          <option value='09:00' >09:00</option>
          <option value='09:15' >09:15</option>
          <option value='09:30' >09:30</option>
          <option value='09:45' >09:45</option>
          <option value='10:00' >10:00</option>
          <option value='10:15' >10:15</option>
          <option value='10:30' >10:30</option>
          <option value='10:45' >10:45</option>
          <option value='11:00' >11:00</option>
          <option value='11:15' >11:15</option>
          <option value='11:30' >11:30</option>
          <option value='11:45' >11:45</option>
          <option value='12:00' >12:00</option>
          <option value='12:15'  selected>12:15</option>
          <option value='12:30' >12:30</option>
          <option value='12:45' >12:45</option>
          <option value='13:00' >13:00</option>
          <option value='13:15' >13:15</option>
          <option value='13:30' >13:30</option>
          <option value='13:45' >13:45</option>
          <option value='14:00' >14:00</option>
          <option value='14:15' >14:15</option>
          <option value='14:30' >14:30</option>
          <option value='14:45' >14:45</option>
          <option value='15:00' >15:00</option>
          <option value='15:15' >15:15</option>
          <option value='15:30' >15:30</option>
          <option value='15:45' >15:45</option>
          <option value='16:00' >16:00</option>
          <option value='16:15' >16:15</option>
          <option value='16:30' >16:30</option>
          <option value='16:45' >16:45</option>
          <option value='17:00' >17:00</option>
          <option value='17:15' >17:15</option>
          <option value='17:30' >17:30</option>
          <option value='17:45' >17:45</option>
          <option value='18:00' >18:00</option>
          <option value='18:15' >18:15</option>
          <option value='18:30' >18:30</option>
          <option value='18:45' >18:45</option>
          <option value='19:00' >19:00</option>
          <option value='19:15' >19:15</option>
          <option value='19:30' >19:30</option>
          <option value='19:45' >19:45</option>
          <option value='20:00' >20:00</option>
          <option value='20:15' >20:15</option>
          <option value='20:30' >20:30</option>
          <option value='20:45' >20:45</option>
          <option value='21:00' >21:00</option>
          <option value='21:15' >21:15</option>
          <option value='21:30' >21:30</option>
          <option value='21:45' >21:45</option>
          <option value='22:00' >22:00</option>
          <option value='22:15' >22:15</option>
          <option value='22:30' >22:30</option>
          <option value='22:45' >22:45</option>
          <option value='23:00' >23:00</option>
          <option value='23:15' >23:15</option>
          <option value='23:30' >23:30</option>
          <option value='23:45' >23:45</option>
        outbound_date: 02/02/2022
        outbound_time: '00:00'
        outbound_sr_date: 2nd February 2022
        inbound_date: 02/02/2022
        inbound_sr_date: 2nd February 2022
        inbound_time: '00:00'
        filter_by_toc: ''
        filter_by_toc_text:
        filter_by_toc_tooltip:
        best_fares: 0
        best_fares_text: ''
        best_fares_tooltip: ''
        promo_code_text: Add a promo code
        promo_code_placeholder: Enter your promo code
        bottom_text: <i class="fas fa-wheelchair"></i> Wheelchair accessible space in Standard only
        add_advance_search_button: 0
        adults_text: 1 Adult
        children_text: 0 Children
        railcards_text: 0 Railcards/GroupSave
        add_railcards_title: Add Railcards
        trainline_season_child_enabled: 0
        show_season_railcard_options: 0
        railcard_options:
          None: None
          TSU: 16-17 Saver
          YNG: 16-25 Railcard
        railcard_options_season:
          None: None
        announcement_message: ''

booking_form_modal:
  namespace: "Organisms/TM - Buy Tickets"
  use: "@organisms/tm-bkf/booking-form-calendar-modal.twig"
  label: Calendar Modal
  description: Calendar Modal - Only demo, not exported.

  settings:
    show_button:
      type: boolean
      label: Show modal
      preview: true
