<div class="route tab__section" data-search-api-endpoint="" data-show-your-location="" data-flight-from-text="" data-flight-stops-text="" data-flight-direct-text="" data-flight-cta-text="" data-flight-time-text="" data-tab-section-id=""> <section class="grid-x"> <div class="route__tab-content cell medium-8 medium-offset-2 large-10 large-offset-1"> <h2 class="route__title"></h2> <div class="grid-x route__input-container"> <div class="cell medium-12 large-auto route__input"> <label text="" class="label is-default"></label> <input type="text" id="route-from-" placeholder="" class="input-text route-from is-default js-route-from" autocomplete="off" data-geotext="" /> <div class="route__list"></div> </div> <div class="cell medium-12 large-auto route__input"> <label text="" class="label is-default"></label> <input type="text" id="route-to-" placeholder="" class="input-text route-to is-default" autocomplete="off" readonly="readonly" /> <div class="route__list"></div> </div> </div> <div class="grid-x"> <div class="cell route__cta"> </div> <div class="route__footer cell"> <p class="route__footer-disclaimer"></p> </div> <p class="route__footer-error js-error"></p> </div> </div> <div class="route-search-results cell"> <div class="route-search-results__loader"> <div class="loader"> <div></div> <div></div> <div></div> <div></div> </div> </div> <div class="route-search-results__results"></div> </div> </section> </div>
<div class="route tab__section" data-search-api-endpoint="{{searchApiEndpoint}}" data-show-your-location="{{showYourLocation}}" data-flight-from-text="{{flight.fromText}}" data-flight-stops-text="{{flight.stopsText}}" data-flight-direct-text="{{flight.directText}}" data-flight-cta-text="{{flight.ctaText}}" data-flight-time-text="{{flight.timeText}}" data-tab-section-id="{{id}}"> <section class="grid-x"> <div class="route__tab-content cell medium-8 medium-offset-2 large-10 large-offset-1"> <h2 class="route__title">{{title}}</h2> <div class="grid-x route__input-container"> <div class="cell medium-12 large-auto route__input"> <label text="{{from.label}}" class="label is-default">{{from.label}}</label> <input type="text" id="route-from-{{id}}" placeholder="{{from.placeholder}}" class="input-text route-from is-default js-route-from" autocomplete="off" {{#if from.options}}data-options='{{ jsonSerializer from.options}}' readonly="readonly"{{/if}} {{#if from.endpoint}}data-endpoint="{{from.endpoint}}"{{/if}} data-geotext="{{from.geolocateText}}" /> <div class="route__list"></div> </div> <div class="cell medium-12 large-auto route__input"> <label text="{{to.label}}" class="label is-default">{{to.label}}</label> <input type="text" id="route-to-{{id}}" placeholder="{{to.placeholder}}" class="input-text route-to is-default" autocomplete="off" {{#if to.options}}data-options='{{ jsonSerializer to.options}}'{{/if}} {{#if to.endpoint}}data-endpoint="{{to.endpoint}}"{{/if}} readonly="readonly" /> <div class="route__list"></div> </div> {{#if datepicker}} <div class="cell medium-12 large-auto route__input js-date-picker"> {{> @cp-datepicker-travel datepicker}} </div> {{/if}} </div> <div class="grid-x"> <div class="cell route__cta"> {{> @cp-button-primary target=button.target url=id text=button.text modifier="with-icon-search disabled route__search-button" }} </div> <div class="route__footer cell"> <p class="route__footer-disclaimer">{{ disclaimer }}</p> </div> <p class="route__footer-error js-error">{{ error }}</p> </div> </div> <div class="route-search-results cell"> <div class="route-search-results__loader">{{> @loader }}</div> <div class="route-search-results__results"></div> </div> </section> </div>
/* No context defined for this component. */

There are no notes for this item.