Cp Route Travel

<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>