{#
/**
 * Trainline integration module.
 *
 * Trainline booking form template.
 *
 * Variables available:
 * - el.id_suffix: The suffix to add to IDs to make sure they're unique in the page.
 * - el.base_url: The base URL of the Trainline TOC white label site.
 * - el.base_url_mobile: The base URL of the Trainline TOC white label mobile site.
 * - el.search_url_mobile: The search URL of the Trainline TOC white label mobile site.
 * - el.outbound_times_options: The HTML for the options for the outbound combined times select list.
 * - el.inbound_times_options: The HTML for the options for the inbound combined times select list.
 * - el.railcard_options: The HTML for the options for the railcard select list.
 * - el.railcard_options_season: The HTML for the options for the seasons only railcard select list.
 *
 * @author altcom Ltd
 */
#}
{{ attach_library('ui_patterns/jqautocomplete.jqautocomplete_lib') }}
{# Required wrapper #}
<div class="tls-bkf-wrapper" id="buy-tickets">

  {# Desktop TLS But Tickets form #}
  <form action="{{ el.base_url }}"
        method="post"
        class="trainline-booking-form validate-exclude advanced dual ui-front m-0 p-0"
        data-mobileurl="{{ el.base_url_mobile }}"
        data-mobilesearchurl="{{ el.search_url_mobile }}">

    {# Mobile only header #}
    {% include '@tls_booking/form-mobile-header.html.twig' with {'el': el} only %}

    {# Initially visible portion #}
    {% include '@tls_booking/form-visible.html.twig' with {'el': el} only %}

    {# Initially hidden portion #}
    {% include '@tls_booking/form-hidden.html.twig' with {'el': el} only %}

  </form>

</div>
