{"id":6043,"date":"2024-07-23T15:54:27","date_gmt":"2024-07-23T15:54:27","guid":{"rendered":"https:\/\/sankofambs.com\/index.php\/bus-global-search-flix\/"},"modified":"2024-07-23T15:54:27","modified_gmt":"2024-07-23T15:54:27","slug":"bus-global-search-flix","status":"publish","type":"page","link":"https:\/\/sankofambs.com\/index.php\/bus-global-search-flix\/","title":{"rendered":"Global search form flix style"},"content":{"rendered":"<div class=\"woocommerce-notices-wrapper\"><\/div>\t\t\t\t<div class=\"wbtm_style wbtm_container\">\n\t\t\t\t\t        <div id=\"wbtm_area\">\n            <style>\n            \/* ============================================================\n               WBTM Pill-Bar Search Form \u2014 scoped to .wbtm-bar-redesign\n               All rules prefixed with #wbtm_area .wbtm-bar-redesign so\n               they never bleed into other plugin areas.\n               ============================================================ *\/\n\n            \/* Outer wrapper *\/\n            #wbtm_area .wbtm_search_area.wbtm-bar-redesign {\n                background: transparent;\n                padding: 0;\n            }\n            #wbtm_area .wbtm-bar-redesign h4 {\n                display: none;\n            }\n\n            \/* \u2500\u2500 Pill container \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n            #wbtm_area .wbtm-bar-redesign .wbtm_search_input_fields_holder {\n                display:      flex;\n                flex-wrap:    nowrap;\n                align-items:  stretch;\n                background:   #ffffff;\n                border-radius: 10px;\n                border:       1.5px solid #dde1e7;\n                box-shadow:   0 2px 16px rgba(0,0,0,.09);\n                min-height:   64px;\n                padding:      0;\n            }\n\n            \/* \u2500\u2500 Row groups \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n            #wbtm_area .wbtm-bar-redesign .wbtm_input_fields_holder,\n            #wbtm_area .wbtm-bar-redesign .wbtm_input_start_end_location,\n            #wbtm_area .wbtm-bar-redesign .wbtm_input_start_end_date {\n                display:        flex;\n                flex-direction: row;\n                align-items:    stretch;\n                flex:           1;\n                min-width:      0;\n            }\n\n            \/* \u2500\u2500 Each field segment \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n            #wbtm_area .wbtm-bar-redesign .wtbm_inputList {\n                flex:         1;\n                min-width:    110px;\n                position:     relative;\n                padding:      30px 40px;\n                border-right: 1.5px solid #dde1e7;\n                display:      flex;\n                align-items:  center;\n                cursor:       pointer;\n                transition:   background 0.15s ease;\n            }\n            #wbtm_area .wbtm-bar-redesign .wtbm_inputList:last-child {\n                border-right: none;\n            }\n            #wbtm_area .wbtm-bar-redesign .wtbm_inputList:hover {\n                background: #f5f7fb;\n            }\n            #wbtm_area .wbtm-bar-redesign .wbtm_input_start_end_location .wtbm_inputList:first-child:hover {\n                border-radius: 9px 0 0 9px;\n            }\n\n            \/* \u2500\u2500 Field label (\"From\", \"Journey Date\" \u2026) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n            #wbtm_area .wbtm-bar-redesign label.wtbm_fdColumn {\n                display:        flex;\n                flex-direction: column;\n                width:          100%;\n                font-size:      11px;\n                font-weight:    700;\n                color:          #777;\n                text-transform: uppercase;\n                letter-spacing: 0.6px;\n                line-height:    1.2;\n                cursor:         pointer;\n                margin:         0;\n            }\n\n            \/* \u2500\u2500 Icon + value row \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n            \/* wbtm.css sets .wbtm_search_area .marker i { position: absolute; left: 10px }\n               and compensates with input { padding-left: 30px }.\n               We reset both here so the flex gap controls spacing instead. *\/\n            #wbtm_area .wbtm-bar-redesign .marker,\n            #wbtm_area .wbtm-bar-redesign .calendar {\n                position:    static !important;  \/* override position:relative used as absolute-icon parent *\/\n                display:     flex !important;\n                align-items: center !important;\n                gap:         7px !important;\n                margin-top:  5px;\n                font-size:   15px;\n                color:       #1a1a1a;\n            }\n            #wbtm_area .wbtm-bar-redesign .marker > i,\n            #wbtm_area .wbtm-bar-redesign .calendar > i {\n                position:    static !important;  \/* reset from position:absolute *\/\n                top:         auto !important;\n                left:        auto !important;\n                transform:   none !important;\n                font-size:   15px !important;\n                color:       #666 !important;\n                flex-shrink: 0 !important;\n                width:       16px !important;\n                text-align:  center !important;\n            }\n\n            \/* \u2500\u2500 Input styled as plain readable text \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n            #wbtm_area .wbtm-bar-redesign .formControl {\n                border:       0 !important;\n                background:   transparent !important;\n                padding:      0 !important;         \/* removes original 30px-left that accommodated absolute icon *\/\n                padding-left: 0 !important;\n                margin:       0 !important;\n                font-size:    15px !important;\n                font-weight:  600 !important;\n                color:        #1a1a1a !important;\n                box-shadow:   none !important;\n                outline:      none !important;\n                height:       auto !important;\n                line-height:  1.3 !important;\n                width:        100%;\n                min-width:    0;\n                cursor:       pointer;\n            }\n            #wbtm_area .wbtm-bar-redesign .formControl::placeholder {\n                color:       #aaa !important;\n                font-weight: 400 !important;\n            }\n\n            \/* \u2500\u2500 Swap toggle \u21c4 (sits inline between From and To) \u2500\u2500\u2500 *\/\n            #wbtm_area .wbtm-bar-redesign .wbtm_search_location_toggle {\n                flex:            0 0 auto;\n                align-self:      center;\n                width:           34px;\n                height:          34px;\n                margin:          0 2px;\n                border-radius:   50%;\n                background:      #fff;\n                border:          1.5px solid #dde1e7;\n                box-shadow:      0 1px 5px rgba(0,0,0,.09);\n                display:         flex;\n                align-items:     center;\n                justify-content: center;\n                cursor:          pointer;\n                transition:      background 0.15s;\n                z-index:         2;\n            }\n            #wbtm_area .wbtm-bar-redesign .wbtm_search_location_toggle:hover {\n                background: #f0f2f5;\n            }\n            #wbtm_area .wbtm-bar-redesign .wbtm_search_location_toggle i {\n                font-size:  13px;\n                color:      #555;\n                transition: transform 0.25s;\n            }\n            #wbtm_area .wbtm-bar-redesign .wbtm_search_location_toggle.rotate i {\n                transform: rotate(180deg);\n            }\n\n            \/* \u2500\u2500 Dropdown list \u2014 floats above content \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n            #wbtm_area .wbtm-bar-redesign ul.wbtm_input_select_list {\n                position:      absolute !important;\n                top:           calc(100% + 8px) !important;\n                left:          0 !important;\n                width:         max-content !important;\n                min-width:     285px !important;\n                background:    #fff !important;\n                border:        1.5px solid #dde1e7 !important;\n                border-radius: 14px !important;\n                box-shadow:    0 8px 28px rgba(0,0,0,.13) !important;\n                z-index:       9999 !important;\n                margin:        0 !important;\n                padding:       0 !important;\n                overflow:      hidden !important;\n                max-height:    320px !important;\n                overflow-y:    auto !important;\n            }\n            \/* Panel title sticky header via CSS ::before *\/\n            #wbtm_area .wbtm-bar-redesign .wbtm_start_point ul.wbtm_input_select_list::before {\n                content:        'Select Boarding Point' !important;\n                display:        block !important;\n                padding:        13px 16px 11px !important;\n                font-size:      11px !important;\n                font-weight:    700 !important;\n                color:          #6b7280 !important;\n                letter-spacing: 0.5px !important;\n                text-transform: uppercase !important;\n                border-bottom:  1px solid #f1f3f5 !important;\n                background:     #fff !important;\n                position:       sticky !important;\n                top:            0 !important;\n                z-index:        1 !important;\n            }\n            #wbtm_area .wbtm-bar-redesign .wbtm_dropping_point ul.wbtm_input_select_list::before {\n                content:        'Select Dropping Point' !important;\n                display:        block !important;\n                padding:        13px 16px 11px !important;\n                font-size:      11px !important;\n                font-weight:    700 !important;\n                color:          #6b7280 !important;\n                letter-spacing: 0.5px !important;\n                text-transform: uppercase !important;\n                border-bottom:  1px solid #f1f3f5 !important;\n                background:     #fff !important;\n                position:       sticky !important;\n                top:            0 !important;\n                z-index:        1 !important;\n            }\n            \/* List items \u2014 flex row: checkbox + city name + optional tick *\/\n            #wbtm_area .wbtm-bar-redesign ul.wbtm_input_select_list li {\n                display:       flex !important;\n                align-items:   center !important;\n                gap:           12px !important;\n                padding:       11px 16px !important;\n                font-size:     14px !important;\n                color:         #374151 !important;\n                border-bottom: 1px solid #f7f8fa !important;\n                margin:        0 !important;\n                cursor:        pointer !important;\n                transition:    background 0.1s !important;\n            }\n            #wbtm_area .wbtm-bar-redesign ul.wbtm_input_select_list li:last-child {\n                border-bottom: none !important;\n            }\n            \/* Square checkbox on the left *\/\n            #wbtm_area .wbtm-bar-redesign ul.wbtm_input_select_list li::before {\n                content:       '' !important;\n                display:       inline-block !important;\n                width:         16px !important;\n                height:        16px !important;\n                min-width:     16px !important;\n                border:        2px solid #d1d5db !important;\n                border-radius: 4px !important;\n                background:    #fff !important;\n                box-sizing:    border-box !important;\n                flex-shrink:   0 !important;\n            }\n            #wbtm_area .wbtm-bar-redesign ul.wbtm_input_select_list li:hover {\n                background: #f8f9fa !important;\n            }\n            \/* Selected item \u2014 filled checkbox + right blue tick badge *\/\n            #wbtm_area .wbtm-bar-redesign ul.wbtm_input_select_list li.wbtm_city_selected {\n                font-weight: 600 !important;\n            }\n            #wbtm_area .wbtm-bar-redesign ul.wbtm_input_select_list li.wbtm_city_selected::before {\n                background:   #16213e !important;\n                border-color: #16213e !important;\n            }\n            #wbtm_area .wbtm-bar-redesign ul.wbtm_input_select_list li.wbtm_city_selected::after {\n                content:         '\u2713' !important;\n                margin-left:     auto !important;\n                display:         inline-flex !important;\n                align-items:     center !important;\n                justify-content: center !important;\n                width:           20px !important;\n                height:          20px !important;\n                min-width:       20px !important;\n                border-radius:   50% !important;\n                background:      #dbeafe !important;\n                color:           #1d4ed8 !important;\n                font-size:       11px !important;\n                font-weight:     700 !important;\n                flex-shrink:     0 !important;\n            }\n\n            \/* \u2500\u2500 Live search \/ autocomplete states \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n            \/* The li rule above needs `display:flex !important` for the\n               checkbox + city + tick row, and an !important stylesheet\n               declaration outranks the inline `display:none` that jQuery's\n               filter sets \u2014 so non-matching cities could never be hidden.\n               Hiding is therefore driven by this class instead. *\/\n            #wbtm_area .wbtm-bar-redesign ul.wbtm_input_select_list li.wbtm_city_filtered_out {\n                display: none !important;\n            }\n            \/* \"No match\" placeholder \u2014 plain text row, no checkbox, not clickable\n               (pointer-events:none keeps it out of the shared li click handler). *\/\n            #wbtm_area .wbtm-bar-redesign ul.wbtm_input_select_list li.wbtm_city_no_result {\n                color:          #9ca3af !important;\n                font-style:     italic !important;\n                cursor:         default !important;\n                pointer-events: none !important;\n            }\n            #wbtm_area .wbtm-bar-redesign ul.wbtm_input_select_list li.wbtm_city_no_result::before,\n            #wbtm_area .wbtm-bar-redesign ul.wbtm_input_select_list li.wbtm_city_no_result::after {\n                display: none !important;\n            }\n\n            .wtbm_inputList.wbtm_input_select.wbtm_dropping_point {\n                border-right: 1px solid #e9e5e5 !important;\n            }\n\n            \/* \u2500\u2500 Search button section \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n            #wbtm_area .wbtm-bar-redesign .wtbm_bus_search_button_holder {\n                display:      flex;\n                align-items:  center;\n                padding:      6px;\n                margin-right: 20px;\n                flex-shrink: 0;\n            }\n            \/* Stack both buttons inside the holder; PHP inline style=\"display:none\/block\"\n               controls which one is visible \u2014 we must NOT override display with !important\n               or both buttons would show at once. *\/\n            #wbtm_area .wbtm-bar-redesign .search_button_holder {\n                display:        flex;\n                flex-direction: column;\n                align-items:    stretch;\n            }\n            #wbtm_area .wbtm-bar-redesign .wbtm_search_button_spacer {\n                display: none !important;\n            }\n\n            \/* \u2500\u2500 Button holder: vertically center the button \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n            #wbtm_area .wbtm-bar-redesign .search_button_holder {\n                justify-content: center !important;\n            }\n            #wbtm_area .wbtm-bar-redesign .wbtm_search_button_spacer {\n                display: none !important;\n            }\n\n            \/* \u2500\u2500 Search \/ Modify button \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n            \/* No \"display\" property here \u2014 PHP inline style=\"display:none\/block\" controls\n               which of the two buttons is shown. We only restyle the visible one. *\/\n            #wbtm_area .wbtm-bar-redesign .wbtm_search_action_button {\n                border-radius: 50px !important;\n                padding:       13px 26px !important;\n                font-size:     15px !important;\n                font-weight:   600 !important;\n                white-space:   nowrap !important;\n                height:        auto !important;\n                line-height:   1.3 !important;\n                align-items:   center !important;\n                gap:           7px !important;\n                border:        none !important;\n                cursor:        pointer;\n                text-align:    center;\n            }\n\n            \/* \u2500\u2500 Mobile: stack vertically \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n            @media (max-width: 767px) {\n                #wbtm_area .wbtm-bar-redesign .wbtm_search_input_fields_holder {\n                    flex-direction: column;\n                    border-radius:  10px;\n                }\n                #wbtm_area .wbtm-bar-redesign .wbtm_input_fields_holder,\n                #wbtm_area .wbtm-bar-redesign .wbtm_input_start_end_location,\n                #wbtm_area .wbtm-bar-redesign .wbtm_input_start_end_date {\n                    flex-direction: column;\n                }\n                #wbtm_area .wbtm-bar-redesign .wtbm_inputList {\n                    border-right:  none;\n                    border-bottom: 1.5px solid #dde1e7;\n                }\n                #wbtm_area .wbtm-bar-redesign .wtbm_inputList:last-child {\n                    border-bottom: none;\n                }\n                #wbtm_area .wbtm-bar-redesign .wbtm_input_start_end_location {\n                    position: relative;\n                }\n                #wbtm_area .wbtm-bar-redesign .wbtm_search_location_toggle {\n                    position:  absolute;\n                    right:     14px;\n                    top:       50%;\n                    transform: translateY(-50%);\n                    margin:    0;\n                }\n                #wbtm_area .wbtm-bar-redesign .wtbm_bus_search_button_holder {\n                    padding: 10px;\n                }\n                #wbtm_area .wbtm-bar-redesign .wbtm_search_action_button {\n                    width:           100% !important;\n                    justify-content: center !important;\n                }\n            }\n            <\/style>\n            <script>\n            jQuery(document).ready(function($) {\n                var wbtmNoResultText = \"No matching location found\";\n                var wbtmFieldSelector = '#wbtm_area .wbtm-bar-redesign .wbtm_input_select input.formControl';\n\n                \/\/ Lower-cased and accent-stripped, so \"brasov\" still matches \"Bra\u015fov\".\n                function wbtmNormalize(value) {\n                    value = (value || '').toLowerCase().trim();\n                    return value.normalize ? value.normalize('NFD').replace(\/[\\u0300-\\u036f]\/g, '') : value;\n                }\n\n                \/\/ Filter the city list to what the user typed. The shared handler in\n                \/\/ wbtm_plugin_global.js hides items with an inline display:none, which the\n                \/\/ pill-bar's `li{display:flex !important}` rule outranks, so filtering is\n                \/\/ re-applied here with a class the CSS above can act on.\n                function wbtmFilterRouteList($input) {\n                    var $wrap  = $input.closest('.wbtm_input_select');\n                    var $list  = $wrap.find('.wbtm_input_select_list');\n                    var $items = $list.find('li').not('.wbtm_city_no_result');\n                    var term   = wbtmNormalize($input.val());\n                    var shown  = 0;\n\n                    $items.each(function() {\n                        var value = wbtmNormalize($(this).attr('data-value'));\n                        var match = term === '' || value.indexOf(term) !== -1;\n                        $(this).toggleClass('wbtm_city_filtered_out', !match);\n                        if (match) {\n                            shown++;\n                        }\n                    });\n\n                    if (!$items.length) {\n                        return;\n                    }\n                    var $empty = $list.find('li.wbtm_city_no_result');\n                    if (shown === 0) {\n                        if (!$empty.length) {\n                            \/\/ data-value=\"\" is required: the shared handlers in\n                            \/\/ wbtm_plugin_global.js call .toLowerCase() on every li's\n                            \/\/ data-value and would throw on a missing attribute.\n                            $empty = $('<li class=\"wbtm_city_no_result\" data-value=\"\" aria-live=\"polite\"><\/li>').text(wbtmNoResultText).appendTo($list);\n                        }\n                        $empty.removeClass('wbtm_city_filtered_out');\n                    } else {\n                        $empty.addClass('wbtm_city_filtered_out');\n                    }\n                }\n\n                \/\/ Mark the currently-selected li when the dropdown opens, and start from\n                \/\/ the full list so a previously picked city can be changed.\n                $(document).on('click focus', wbtmFieldSelector, function() {\n                    var currentVal = $(this).val().toLowerCase().trim();\n                    var $list = $(this).closest('.wbtm_input_select').find('.wbtm_input_select_list');\n                    $list.find('li').removeClass('wbtm_city_filtered_out');\n                    $list.find('li.wbtm_city_no_result').addClass('wbtm_city_filtered_out');\n                    $list.find('li').not('.wbtm_city_no_result').each(function() {\n                        var liVal = ($(this).attr('data-value') || '').toLowerCase().trim();\n                        $(this).toggleClass('wbtm_city_selected', liVal === currentVal && currentVal !== '');\n                    });\n                });\n\n                \/\/ Type to filter \u2014 `input` also covers paste, cut and clear-button clears.\n                $(document).on('input', wbtmFieldSelector, function() {\n                    wbtmFilterRouteList($(this));\n                    $(this).closest('.wbtm_input_select').find('.wbtm_input_select_list').stop(true, true).show();\n                });\n\n                \/\/ Update selected state when an li is clicked\n                $(document).on('click', '#wbtm_area .wbtm-bar-redesign .wbtm_input_select_list li', function() {\n                    var $list = $(this).closest('.wbtm_input_select_list');\n                    $list.find('li').removeClass('wbtm_city_selected wbtm_city_filtered_out');\n                    $list.find('li.wbtm_city_no_result').addClass('wbtm_city_filtered_out');\n                    $(this).addClass('wbtm_city_selected');\n                });\n            });\n            <\/script>\n\n            <div class=\"_dLayout wbtm_search_area wbtm-bar-redesign inputInline\">\n\t\t\t\t                    <h4>BUY TICKET<\/h4>\n\t\t\t\t                <input type=\"hidden\" name=\"wbtm_post_id\" value=\"0\"\/>\n                <form action=\"\" method=\"get\" class=\"mpForm\">\n\n                    <input type=\"hidden\" name='wbtm_list_style' value=\"flix\"\/>\n                    <input type=\"hidden\" name='wbtm_list_btn_show' value=\"show\"\/>\n                                        <input type=\"hidden\" name='wbtm_left_filter_show' value=\"on\"\/>\n                    <input type=\"hidden\" name='wbtm_left_filter_type' value=\"on\"\/>\n                    <input type=\"hidden\" name='wbtm_left_filter_operator' value=\"on\"\/>\n                    <input type=\"hidden\" name='wbtm_left_filter_boarding' value=\"on\"\/>\n\n\t\t\t\t\t<input type=\"hidden\" id=\"wbtm_form_nonce\" name=\"wbtm_form_nonce\" value=\"66943f135f\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php\/wp-json\/wp\/v2\/pages\/6043\" \/>\t\t\t\t\t\n                    <div class=\"wbtm_search_input_fields_holder\">\n                        <div class=\"wbtm_input_fields_holder\">\n                            <div class=\"wbtm_input_start_end_location\">\n                                \n                                <div class=\"wtbm_inputList wbtm_input_select wbtm_start_point\">\n                                    <label class=\"wtbm_fdColumn\">\n                                        From                                        <div class=\"marker\">\n                                            <i class=\"fas fa-map-marker-alt\"><\/i>\n                                            <input type=\"text\" class=\"formControl\" name=\"bus_start_route\" id=\"bus_start_route\" value=\"\" placeholder=\"Please Select\" autocomplete=\"off\" required\/>\n                                        <\/div>\n                                    <\/label>\n                                                        <ul class=\"wbtm_input_select_list\">\n\t\t\t\t\t\t                            <li data-value=\"Paris\">\n\t\t\t\t\t\t\t\tParis                            <\/li>\n\t\t\t\t\t\t                            <li data-value=\"Frankfurt\">\n\t\t\t\t\t\t\t\tFrankfurt                            <\/li>\n\t\t\t\t\t\t                            <li data-value=\"Hamburg\">\n\t\t\t\t\t\t\t\tHamburg                            <\/li>\n\t\t\t\t\t\t                            <li data-value=\"Berlin\">\n\t\t\t\t\t\t\t\tBerlin                            <\/li>\n\t\t\t\t\t\t                    <\/ul>\n\t\t\t\t\t                                <\/div>\n                                <div class=\"wbtm_search_location_toggle\" id=\"wbtm_search_location_toggle\" title=\"Swap locations\">\n                                    <i class=\"fas fa-exchange-alt\"><\/i>\n                                <\/div>\n                                <div class=\"wtbm_inputList wbtm_input_select wbtm_dropping_point\" data-alert=\"You select Wrong Route !\">\n                                    <label class=\"wtbm_fdColumn \">\n                                        To                                        <div class=\"marker\">\n                                            <i class=\"fas fa-map-marker-alt wtbm_icon_margin\"><\/i>\n                                            <input type=\"text\" class=\"formControl\" name=\"bus_end_route\" value=\"\" placeholder=\"Please Select\" autocomplete=\"off\" required\/>\n                                        <\/div>\n                                    <\/label>\n                                                        <ul class=\"wbtm_input_select_list\">\n\t\t\t\t\t\t                            <li data-value=\"Paris\">\n\t\t\t\t\t\t\t\tParis                            <\/li>\n\t\t\t\t\t\t                            <li data-value=\"Frankfurt\">\n\t\t\t\t\t\t\t\tFrankfurt                            <\/li>\n\t\t\t\t\t\t                            <li data-value=\"Hamburg\">\n\t\t\t\t\t\t\t\tHamburg                            <\/li>\n\t\t\t\t\t\t                            <li data-value=\"Berlin\">\n\t\t\t\t\t\t\t\tBerlin                            <\/li>\n\t\t\t\t\t\t                    <\/ul>\n\t\t\t\t\t                                <\/div>\n                            <\/div>\n                            <div class=\"wbtm_input_start_end_date\">\n                                <div class=\"wtbm_inputList wbtm_journey_date\">\n                                                    <label class=\"wtbm_fdColumn\">\n\t\t\t\t\tJourney Date                    <div class=\"calendar\">\n                        <i class=\"fas fa-calendar-alt\"><\/i>\n                        <input type=\"hidden\" name=\"j_date\" value=\"\" required\/>\n                        <input id=\"wbtm_journey_date\" type=\"text\" value=\"\" class=\"formControl \" placeholder=\"Wed 26 Aug , 2026\" data-alert=\"Please select Starting Point !\" readonly required\/>\n                    <\/div>\n                <\/label>\n\t\t\t\t                                <\/div>\n                                                                    <div class=\"wtbm_inputList wbtm_return_date\">\n                                                        <label class=\"wtbm_fdColumn\">\n\t\t\t\t\tReturn Date (Optional)                    <div class=\"calendar\">\n                        <i class=\"fas fa-calendar-alt\"><\/i>\n                        <input type=\"hidden\" name=\"r_date\" value=\"\"\/>\n                        <input id=\"wbtm_return_date\" type=\"text\" value=\"\" class=\"formControl\" placeholder=\"Wed 26 Aug , 2026\" readonly\/>\n                    <\/div>\n                <\/label>\n\t\t\t\t                                    <\/div>\n                                                            <\/div>\n                        <\/div>\n                        <div class=\"wtbm_bus_search_button_holder\" style=\"display: flex\">\n                            <div class=\"_dFlex_fdColumn_justifyBetween_fullHeight search_button_holder\">\n                                <span class=\"wbtm_search_button_spacer\" aria-hidden=\"true\">&nbsp;<\/span>\n                                                                    <button type=\"submit\" class=\"_themeButton_radius wbtm_bus_submit wbtm_search_action_button\" data-loading-text=\"Searching...\" style=\"display: none\">\n                                        <span class=\"fas fa-search mR_xs\"><\/span>Search                                    <\/button>\n<!--                                -->                                    <button type=\"button\" class=\"_themeButton_radius get_wbtm_bus_list wbtm_search_action_button\" data-loading-text=\"Searching...\" style=\" display: block\">\n                                        <span class=\"fas fa-search mR_xs\"><\/span>Search                                    <\/button>\n<!--                                -->                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                <\/form>\n            <\/div>\n            <div class=\"_ovHidden wbtm_search_result\">\n\t\t\t\t            <\/div>\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-6043","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sankofambs.com\/index.php\/wp-json\/wp\/v2\/pages\/6043","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sankofambs.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sankofambs.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sankofambs.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sankofambs.com\/index.php\/wp-json\/wp\/v2\/comments?post=6043"}],"version-history":[{"count":0,"href":"https:\/\/sankofambs.com\/index.php\/wp-json\/wp\/v2\/pages\/6043\/revisions"}],"wp:attachment":[{"href":"https:\/\/sankofambs.com\/index.php\/wp-json\/wp\/v2\/media?parent=6043"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}