{# LIBRARIES #}
{{ attach_library('ui_patterns/booking_form_desktop.booking_form_desktop_lib') }}
{{ attach_library('ui_patterns/jquic.jquic_lib') }}

{# HTML DUMP FROM SITE #}
<div class="tls-bkf-wrapper exp-frm-wrap {{ sidebar_classes }}" id="buy-tickets">
    <h2 aria-hidden="true" class="bg-pri p-2 m-0">
      <i class="fas fa-ticket"></i> No booking fees!
    </h2>

    <form action="https://et2-buytickets-scotrail.ttlnonprod.com/dpi/external/mkt" method="post" class="trainline-booking-form validate-exclude advanced exposed ui-front m-3 p-0" data-mobileurl="https://et2-m-scotrail.ttlnonprod.com/dpi/external/mkt" data-mobilesearchurl="https://et2-m-scotrail.ttlnonprod.com/search" novalidate="novalidate" data-dashlane-rid="e6399640c513d2a9" data-form-type="search">

      <div class="row">
        <div class="col-md-12">
          <div role="alert" aria-atomic="true" id="booking-form-errors-tlbf--2" class="messages alert alert-danger" aria-live="polite">
            <ul></ul>
          </div>
        </div>
      </div>

      {% if layout == 'std' %}

        <div class="chips-container">
          <div class="choices chips">

            <ul aria-owns="chip-return  chip-single chip-season chip-flexi" class="choices chips-md chips-list chips-mobile ulc" role="radiogroup" aria-label="Ticket type.">
              <li class="lic" role="presentation"><a id="chip-single" href="#" data-type="single" role="radio" aria-checked="false" data-message=""><i class="fas fa-check-circle"></i> Single</a></li>
              <li class="lic" role="presentation"><a id="chip-return" href="#" data-type="return" class="active" role="radio" aria-checked="true" data-message=""><i class="fas fa-check-circle"></i> Open Return</a></li>
              <li class="lic" role="presentation"><a id="chip-flexi" href="#" data-type="flexipass" role="radio" aria-checked="false" data-message=""><i class="fas fa-check-circle"></i> Flexi & Seasons</a></li>
              <li class="lic" role="presentation"><a id="chip-season" href="#" data-type="season" role="radio" aria-checked="false" data-message=""><i class="fas fa-check-circle"></i> Season</a></li>
            </ul>


          </div>

          <div class="show-me chips desktop-only" style="display: none;">
            <span class="text">Show me:</span>


            <ul aria-owns="  chip-everything" class="show-me choices chips-md chips-list chips-mobile ulc" role="radiogroup" aria-label="Train filtering options.">


              <li class="lic" role="presentation"><a id="chip-everything" href="#" data-type="everything" class="active" role="radio" aria-checked="true"><i class="fas fa-check-circle"></i> Everything</a></li>
            </ul>

            <div class="clearfix"></div>
          </div>
        </div>

        <div class="row">
          <div class="col-sm-12 " role="alert" style="display: none;">
            <div class="ticket-type-message alert alert-info mt-0">

            </div>
          </div>
        </div>

        <div class="form-group form-group-inline form-group-no-pad init-vis-form-group">
          <div class="input-group">

            <label for="from-buytlbf--2" class="form-required prefix input-group-text">
              From<span class="mobile-only">:</span>
              <span class="sr-only">Required form item</span>
            </label>

            <input type="text" class="form-text form-control trainline-autocomplete ui-autocomplete-input from-station" id="from-buytlbf--2" placeholder="Enter origin station" autocomplete="off" data-name="ORIGIN_STATION" spellcheck="false" role="combobox" aria-autocomplete="list" aria-expanded="false" aria-controls="listbox_from-buytlbf--2_container" aria-owns="listbox_from-buytlbf--2_container" name="bookingFormFromStation" data-dashlane-rid="f86c4faf6ea08686" data-form-type="query">

            <div class="suffix input-group-text">
              <button type="button" class="btn btn-outline-default btn-sm nearest-station" aria-label="Find the nearest station to you" data-dashlane-rid="61b1beb539d43f77" data-dashlane-label="true" data-form-type="action,search">
                <i class="fas fa-map-marker-alt"></i>
              </button>
            </div>

          </div>
          <ul id="listbox_from-buytlbf--2_container" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front" role="listbox" style="display: none;"></ul></div>

        <div class="col-md-12 swap-col">
          <button type="button" class="swap-stations btn btn-sm btn-icon a-pri mb-0" data-dashlane-rid="eb56342df1808597" data-dashlane-label="true" data-form-type="other">
            <i class="fas fa-exchange-alt fa-lg"></i><span class="sr-only">Swap From: and To: stations</span>
          </button>
        </div>

        <div class="form-group form-group-inline form-group-no-pad init-vis-form-group">
          <div class="input-group">

            <label for="totlbf--2" class="form-required prefix input-group-text">
              To<span class="mobile-only">:</span>
              <span class="sr-only">Required form item</span>
            </label>

            <input type="text" class="form-text form-control trainline-autocomplete ui-autocomplete-input to-station" id="totlbf--2" placeholder="Enter destination station" autocomplete="off" data-name="DESTINATION_STATION" spellcheck="false" role="combobox" aria-autocomplete="list" aria-expanded="false" aria-controls="listbox_totlbf--2_container" aria-owns="listbox_totlbf--2_container" name="bookingFormToStation" data-dashlane-rid="6fe04fa834921beb" data-form-type="query">

          </div>
          <ul id="listbox_totlbf--2_container" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front" role="listbox" style="display: none;"></ul></div>

      {% endif %}

      {% if layout == 'alt' %}

        <div class="form-group form-group-inline form-group-no-pad init-vis-form-group">
          <div class="input-group">

            <label for="from-buytlbf--2" class="form-required prefix input-group-text">
              From<span class="mobile-only">:</span>
              <span class="sr-only">Required form item</span>
            </label>

            <input type="text" class="form-text form-control trainline-autocomplete ui-autocomplete-input from-station" id="from-buytlbf--2" placeholder="Enter origin station" autocomplete="off" data-name="ORIGIN_STATION" spellcheck="false" role="combobox" aria-autocomplete="list" aria-expanded="false" aria-controls="listbox_from-buytlbf--2_container" aria-owns="listbox_from-buytlbf--2_container" name="bookingFormFromStation" data-dashlane-rid="f86c4faf6ea08686" data-form-type="query">

            <div class="suffix input-group-text">
              <button type="button" class="btn btn-outline-default btn-sm nearest-station" aria-label="Find the nearest station to you" data-dashlane-rid="61b1beb539d43f77" data-dashlane-label="true" data-form-type="action,search">
                <i class="fas fa-map-marker-alt"></i>
              </button>
            </div>

          </div>
          <ul id="listbox_from-buytlbf--2_container" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front" role="listbox" style="display: none;"></ul></div>

        <div class="col-md-12 swap-col">
          <button type="button" class="swap-stations btn btn-sm btn-icon a-pri mb-0" data-dashlane-rid="eb56342df1808597" data-dashlane-label="true" data-form-type="other">
            <i class="fas fa-exchange-alt fa-lg"></i><span class="sr-only">Swap From: and To: stations</span>
          </button>
        </div>

        <div class="form-group form-group-inline form-group-no-pad init-vis-form-group">
          <div class="input-group">

            <label for="totlbf--2" class="form-required prefix input-group-text">
              To<span class="mobile-only">:</span>
              <span class="sr-only">Required form item</span>
            </label>

            <input type="text" class="form-text form-control trainline-autocomplete ui-autocomplete-input to-station" id="totlbf--2" placeholder="Enter destination station" autocomplete="off" data-name="DESTINATION_STATION" spellcheck="false" role="combobox" aria-autocomplete="list" aria-expanded="false" aria-controls="listbox_totlbf--2_container" aria-owns="listbox_totlbf--2_container" name="bookingFormToStation" data-dashlane-rid="6fe04fa834921beb" data-form-type="query">

          </div>
          <ul id="listbox_totlbf--2_container" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front" role="listbox" style="display: none;"></ul></div>

        <div class="row">
          <div class="col-sm-12 " role="alert" style="display: none;">
            <div class="ticket-type-message alert alert-info mt-0">

            </div>
          </div>
        </div>

        <div class="chips-container">
          <div class="choices chips">

            <ul aria-owns="chip-return  chip-single chip-season chip-flexi" class="choices chips-md chips-list chips-mobile ulc" role="radiogroup" aria-label="Ticket type.">
              <li class="lic" role="presentation"><a id="chip-single" href="#" data-type="single" role="radio" aria-checked="false" data-message=""><i class="fas fa-check-circle"></i> Single</a></li>
              <li class="lic" role="presentation"><a id="chip-return" href="#" data-type="return" class="active" role="radio" aria-checked="true" data-message=""><i class="fas fa-check-circle"></i> Open Return</a></li>
              <li class="lic" role="presentation"><a id="chip-flexi" href="#" data-type="flexipass" role="radio" aria-checked="false" data-message=""><i class="fas fa-check-circle"></i> Flexi & Seasons</a></li>
              <li class="lic" role="presentation"><a id="chip-season" href="#" data-type="season" role="radio" aria-checked="false" data-message=""><i class="fas fa-check-circle"></i> Season</a></li>
            </ul>


          </div>

          <div class="show-me chips desktop-only" style="display: none;">
            <span class="text">Show me:</span>


            <ul aria-owns="  chip-everything" class="show-me choices chips-md chips-list chips-mobile ulc" role="radiogroup" aria-label="Train filtering options.">


              <li class="lic" role="presentation"><a id="chip-everything" href="#" data-type="everything" class="active" role="radio" aria-checked="true"><i class="fas fa-check-circle"></i> Everything</a></li>
            </ul>

            <div class="clearfix"></div>
          </div>
        </div>

      {% endif %}

      <div class="outbound display-group-wrapper">
        <span class="col-label"><i class="fas fa-share"></i> Outbound</span>
        <input type="hidden" value="13/06/2023" name="OUTBOUND_DATE" class="date outdate">
        <input type="hidden" value="Leave After" name="OUTBOUND_ARRIVAL_DEPARTURE_INDICATOR" class="journey_indicator out_journey_indicator">
        <input type="hidden" value="11:15" name="OUTBOUND_TIME" class="time out-time">

        <div class="display-group mb-3" data-type="out">

          <div class="form-group form-group-no-pad">
            <div class="input-group text-center">
              <a href="#" class="dpg-btn form-text form-control">
                <span class="sr-only">Outbound journey on </span>
                <i class="far fa-calendar-alt"></i>
                <span class="date">13/06/2023</span>
                <span class="sr-only">,</span>
                <i class="far fa-clock"></i>
                <span class="journey-indicator">Departing after</span>
                <span class="time">11:15</span>
                <span class="sr-only">. Select to change</span>
              </a>
            </div>
          </div>

          <div class="modal-contents" style="display: none;">

            <h2 id="outbounddatetlbf--2" class="header">
              <i class="fas fa-calendar-alt" aria-hidden="true"></i> Outbound date
            </h2>

            <div aria-controls="outbound_datepicker_status_tlbf--2" class="form-group datepicker hasDatepicker" data-numberofmonths="2" data-type="outdate" id="dp1686648293266" role="application" aria-label="Calendar"><div class="ui-datepicker-inline ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-datepicker-multi ui-datepicker-multi-2" style="display: block; width: 34em;"><div class="ui-datepicker-group ui-datepicker-group-first"><div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-left"><a class="ui-datepicker-prev ui-corner-all ui-state-disabled" href="#" role="button"><span class="ui-icon ui-icon-circle-triangle-w">Previous Month,  disabled</span></a><div class="ui-datepicker-title"><span class="ui-datepicker-month">June</span>&nbsp;<span class="ui-datepicker-year">2023</span></div></div><table class="ui-datepicker-calendar" role="grid"><thead><tr><th scope="col" class="ui-datepicker-week-end"><span title="Sunday">Su</span></th><th scope="col"><span title="Monday">Mo</span></th><th scope="col"><span title="Tuesday">Tu</span></th><th scope="col"><span title="Wednesday">We</span></th><th scope="col"><span title="Thursday">Th</span></th><th scope="col"><span title="Friday">Fr</span></th><th scope="col" class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th></tr></thead><tbody><tr><td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">1</span></td><td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">2</span></td><td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">3</span></td></tr><tr><td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">4</span></td><td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">5</span></td><td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">6</span></td><td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">7</span></td><td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">8</span></td><td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">9</span></td><td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">10</span></td></tr><tr><td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">11</span></td><td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">12</span></td><td class=" ui-datepicker-days-cell-over  ui-datepicker-current-day ui-datepicker-today" data-handler="selectDay" data-event="click" data-month="5" data-year="2023"><a class="ui-state-default ui-state-highlight ui-state-active ui-state-hover" href="#" aria-current="true" data-date="13" aria-label="13 - Sat May 13 2023" role="button">13</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="14" aria-label="14 - Sun May 14 2023" role="button">14</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="15" aria-label="15 - Mon May 15 2023" role="button">15</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="16" aria-label="16 - Tue May 16 2023" role="button">16</a></td><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="5" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="17" aria-label="17 - Wed May 17 2023" role="button">17</a></td></tr><tr><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="5" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="18" aria-label="18 - Thu May 18 2023" role="button">18</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="19" aria-label="19 - Fri May 19 2023" role="button">19</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="20" aria-label="20 - Sat May 20 2023" role="button">20</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="21" aria-label="21 - Sun May 21 2023" role="button">21</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="22" aria-label="22 - Mon May 22 2023" role="button">22</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="23" aria-label="23 - Tue May 23 2023" role="button">23</a></td><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="5" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="24" aria-label="24 - Wed May 24 2023" role="button">24</a></td></tr><tr><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="5" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="25" aria-label="25 - Thu May 25 2023" role="button">25</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="26" aria-label="26 - Fri May 26 2023" role="button">26</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="27" aria-label="27 - Sat May 27 2023" role="button">27</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="28" aria-label="28 - Sun May 28 2023" role="button">28</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="29" aria-label="29 - Mon May 29 2023" role="button">29</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="30" aria-label="30 - Tue May 30 2023" role="button">30</a></td><td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td></tr></tbody></table></div><div class="ui-datepicker-group ui-datepicker-group-last"><div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-right"><a class="ui-datepicker-next ui-corner-all" data-handler="next" data-event="click" href="#" role="button"><span class="ui-icon ui-icon-circle-triangle-e">Next Month, August 2023</span></a><div class="ui-datepicker-title"><span class="ui-datepicker-month">July</span>&nbsp;<span class="ui-datepicker-year">2023</span></div></div><table class="ui-datepicker-calendar" role="grid"><thead><tr><th scope="col" class="ui-datepicker-week-end"><span title="Sunday">Su</span></th><th scope="col"><span title="Monday">Mo</span></th><th scope="col"><span title="Tuesday">Tu</span></th><th scope="col"><span title="Wednesday">We</span></th><th scope="col"><span title="Thursday">Th</span></th><th scope="col"><span title="Friday">Fr</span></th><th scope="col" class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th></tr></thead><tbody><tr><td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="1" aria-label="1 - Thu Jun 01 2023" role="button">1</a></td></tr><tr><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="2" aria-label="2 - Fri Jun 02 2023" role="button">2</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="3" aria-label="3 - Sat Jun 03 2023" role="button">3</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="4" aria-label="4 - Sun Jun 04 2023" role="button">4</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="5" aria-label="5 - Mon Jun 05 2023" role="button">5</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="6" aria-label="6 - Tue Jun 06 2023" role="button">6</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="7" aria-label="7 - Wed Jun 07 2023" role="button">7</a></td><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="8" aria-label="8 - Thu Jun 08 2023" role="button">8</a></td></tr><tr><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="9" aria-label="9 - Fri Jun 09 2023" role="button">9</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="10" aria-label="10 - Sat Jun 10 2023" role="button">10</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="11" aria-label="11 - Sun Jun 11 2023" role="button">11</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="12" aria-label="12 - Mon Jun 12 2023" role="button">12</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="13" aria-label="13 - Tue Jun 13 2023" role="button">13</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="14" aria-label="14 - Wed Jun 14 2023" role="button">14</a></td><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="15" aria-label="15 - Thu Jun 15 2023" role="button">15</a></td></tr><tr><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="16" aria-label="16 - Fri Jun 16 2023" role="button">16</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="17" aria-label="17 - Sat Jun 17 2023" role="button">17</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="18" aria-label="18 - Sun Jun 18 2023" role="button">18</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="19" aria-label="19 - Mon Jun 19 2023" role="button">19</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="20" aria-label="20 - Tue Jun 20 2023" role="button">20</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="21" aria-label="21 - Wed Jun 21 2023" role="button">21</a></td><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="22" aria-label="22 - Thu Jun 22 2023" role="button">22</a></td></tr><tr><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="23" aria-label="23 - Fri Jun 23 2023" role="button">23</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="24" aria-label="24 - Sat Jun 24 2023" role="button">24</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="25" aria-label="25 - Sun Jun 25 2023" role="button">25</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="26" aria-label="26 - Mon Jun 26 2023" role="button">26</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="27" aria-label="27 - Tue Jun 27 2023" role="button">27</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="28" aria-label="28 - Wed Jun 28 2023" role="button">28</a></td><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="29" aria-label="29 - Thu Jun 29 2023" role="button">29</a></td></tr><tr><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="30" aria-label="30 - Fri Jun 30 2023" role="button">30</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="31" aria-label="31 - Sat Jul 01 2023" role="button">31</a></td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td></tr></tbody></table></div><div class="ui-datepicker-row-break"></div></div></div>
            <span id="outbound_datepicker_status_tlbf--2" role="status" aria-live="polite" class="ui-helper-hidden-accessible"></span>

            <div class="buttons desktop-only form-group-no-pad">
              <button type="button" class="btn btn-outline-default btn-sm today" aria-label="Select today for outbound journey">Today</button>
              <button type="button" class="btn btn-outline-default btn-sm tomorrow" aria-label="Select tomorrow for outbound journey">Tomorrow</button>
            </div>

            <hr class="desktop-only">

            <h2>
              <i class="fas fa-clock" aria-hidden="true"></i> Outbound time
            </h2>

            <div class="row">
              <div class="col-md-3 form-group journey-type no-bottom-margin">
                <label for="out_journey_indicator_modaltlbf--2" class="sr-only">Outward journey type</label>
                <select id="out_journey_indicator_modaltlbf--2" class="" style="display: none;">
                  <option value="Leave After" selected="" data-displaystring="Departing after">Departing after</option>
                  <option value="Arrive Before" data-displaystring="Arriving before">Arriving before</option>
                </select><div class="chosen-container chosen-container-single chosen-container-single-nosearch" title="" id="out_journey_indicator_modaltlbf__2_chosen" style="width: auto;"><span class="chosen-single">
  <span>Departing after</span>
  <div><b></b></div>
</span>
                  <div class="chosen-drop">
                    <div class="chosen-search">
                      <label for="search_out_journey_indicator_modaltlbf--2" class="visually-hidden">Search for item</label>
                      <input name="search_out_journey_indicator_modaltlbf--2" id="search_out_journey_indicator_modaltlbf--2" class="chosen-search-input" type="text" autocomplete="off" readonly="">
                    </div>
                    <ul class="chosen-results"></ul>
                  </div></div>
              </div>

              <div class="col-md-3 form-group journey-time no-bottom-margin">
                <label for="out_time_modaltlbf--2" class="sr-only">Outbound time</label>
                <select id="out_time_modaltlbf--2" class="time" style="display: none;">
                  <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>
                </select><div class="chosen-container chosen-container-single chosen-container-single-nosearch" title="" id="out_time_modaltlbf__2_chosen" style="width: auto;"><span class="chosen-single">
  <span>11:15</span>
  <div><b></b></div>
</span>
                  <div class="chosen-drop">
                    <div class="chosen-search">
                      <label for="search_out_time_modaltlbf--2" class="visually-hidden">Search for item</label>
                      <input name="search_out_time_modaltlbf--2" id="search_out_time_modaltlbf--2" class="chosen-search-input" type="text" autocomplete="off" readonly="">
                    </div>
                    <ul class="chosen-results"></ul>
                  </div></div>
              </div>
            </div>

            <div class="buttons desktop-only form-group-no-pad">
              <button type="button" class="btn btn-outline-default btn-sm sixam" aria-label="Select 6 am for outbound journey">6am</button>
              <button type="button" class="btn btn-outline-default btn-sm twelvepm" aria-label="Select 12 pm for outbound journey">12pm</button>
              <button type="button" class="btn btn-outline-default btn-sm sixpm" aria-label="Select 6 pm for outbound journey">6pm</button>
              <button type="button" class="btn btn-outline-default btn-sm ninepm" aria-label="Select 9 pm for outbound journey">9pm</button>
            </div>

          </div>

        </div> <!-- End outbound display group -->
      </div> <!--  End outbound form group -->

      <div class="return display-group-wrapper">
        <div class="fade-content">
          <span class="col-label"><i class="fas fa-reply" aria-hidden="true"></i> Return</span>
          <input type="hidden" value="13/06/2023" name="INBOUND_DATE" class="date retdate">
          <input type="hidden" value="Leave After" name="INBOUND_ARRIVAL_DEPARTURE_INDICATOR" class="journey_indicator ret_journey_indicator">
          <input type="hidden" value="12:15" name="INBOUND_TIME" class="time ret-time">
          <div class="open-return fr">
            <input class="openreturn" type="checkbox" id="openreturntlbf--2" value="Open return" name="open-return" data-dashlane-rid="398717088cc2398e" data-form-type="other">
            <label for="openreturntlbf--2">Open return</label>
          </div>

          <div class="display-group mb-3" data-type="return">

            <div class="form-group form-group-no-pad">
              <div class="input-group text-center">
                <a href="#" class="dpg-btn form-text form-control">
                  <span class="sr-only">Return journey on </span>
                  <i class="fas fa-calendar-alt"></i>
                  <span class="date">13/06/2023</span>
                  <span class="sr-only">,</span>
                  <i class="fas fa-clock"></i>
                  <span class="journey-indicator">Departing after</span>
                  <span class="time">12:15</span>
                  <span class="sr-only">. Select to change</span>
                </a>
              </div>
            </div>

            <div class="modal-contents" style="display: none;">

              <h2 id="returndatetlbf--2" class="header">
                <i class="fas fa-calendar-alt" aria-hidden="true"></i> Return date
              </h2>

              <div aria-controls="return_datepicker_status_tlbf--2" class="form-group datepicker hasDatepicker" data-numberofmonths="2" data-type="retdate" id="dp1686648293267" role="application" aria-label="Calendar"><div class="ui-datepicker-inline ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-datepicker-multi ui-datepicker-multi-2" style="display: block; width: 34em;"><div class="ui-datepicker-group ui-datepicker-group-first"><div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-left"><a class="ui-datepicker-prev ui-corner-all ui-state-disabled" href="#" role="button"><span class="ui-icon ui-icon-circle-triangle-w">Previous Month,  disabled</span></a><div class="ui-datepicker-title"><span class="ui-datepicker-month">June</span>&nbsp;<span class="ui-datepicker-year">2023</span></div></div><table class="ui-datepicker-calendar" role="grid"><thead><tr><th scope="col" class="ui-datepicker-week-end"><span title="Sunday">Su</span></th><th scope="col"><span title="Monday">Mo</span></th><th scope="col"><span title="Tuesday">Tu</span></th><th scope="col"><span title="Wednesday">We</span></th><th scope="col"><span title="Thursday">Th</span></th><th scope="col"><span title="Friday">Fr</span></th><th scope="col" class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th></tr></thead><tbody><tr><td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">1</span></td><td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">2</span></td><td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">3</span></td></tr><tr><td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">4</span></td><td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">5</span></td><td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">6</span></td><td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">7</span></td><td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">8</span></td><td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">9</span></td><td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">10</span></td></tr><tr><td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">11</span></td><td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">12</span></td><td class=" ui-datepicker-days-cell-over  ui-datepicker-current-day ui-datepicker-today" data-handler="selectDay" data-event="click" data-month="5" data-year="2023"><a class="ui-state-default ui-state-highlight ui-state-active ui-state-hover" href="#" aria-current="true" data-date="13" aria-label="13 - Sat May 13 2023" role="button">13</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="14" aria-label="14 - Sun May 14 2023" role="button">14</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="15" aria-label="15 - Mon May 15 2023" role="button">15</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="16" aria-label="16 - Tue May 16 2023" role="button">16</a></td><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="5" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="17" aria-label="17 - Wed May 17 2023" role="button">17</a></td></tr><tr><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="5" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="18" aria-label="18 - Thu May 18 2023" role="button">18</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="19" aria-label="19 - Fri May 19 2023" role="button">19</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="20" aria-label="20 - Sat May 20 2023" role="button">20</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="21" aria-label="21 - Sun May 21 2023" role="button">21</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="22" aria-label="22 - Mon May 22 2023" role="button">22</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="23" aria-label="23 - Tue May 23 2023" role="button">23</a></td><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="5" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="24" aria-label="24 - Wed May 24 2023" role="button">24</a></td></tr><tr><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="5" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="25" aria-label="25 - Thu May 25 2023" role="button">25</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="26" aria-label="26 - Fri May 26 2023" role="button">26</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="27" aria-label="27 - Sat May 27 2023" role="button">27</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="28" aria-label="28 - Sun May 28 2023" role="button">28</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="29" aria-label="29 - Mon May 29 2023" role="button">29</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="5" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="30" aria-label="30 - Tue May 30 2023" role="button">30</a></td><td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td></tr></tbody></table></div><div class="ui-datepicker-group ui-datepicker-group-last"><div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-right"><a class="ui-datepicker-next ui-corner-all" data-handler="next" data-event="click" href="#" role="button"><span class="ui-icon ui-icon-circle-triangle-e">Next Month, August 2023</span></a><div class="ui-datepicker-title"><span class="ui-datepicker-month">July</span>&nbsp;<span class="ui-datepicker-year">2023</span></div></div><table class="ui-datepicker-calendar" role="grid"><thead><tr><th scope="col" class="ui-datepicker-week-end"><span title="Sunday">Su</span></th><th scope="col"><span title="Monday">Mo</span></th><th scope="col"><span title="Tuesday">Tu</span></th><th scope="col"><span title="Wednesday">We</span></th><th scope="col"><span title="Thursday">Th</span></th><th scope="col"><span title="Friday">Fr</span></th><th scope="col" class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th></tr></thead><tbody><tr><td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="1" aria-label="1 - Thu Jun 01 2023" role="button">1</a></td></tr><tr><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="2" aria-label="2 - Fri Jun 02 2023" role="button">2</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="3" aria-label="3 - Sat Jun 03 2023" role="button">3</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="4" aria-label="4 - Sun Jun 04 2023" role="button">4</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="5" aria-label="5 - Mon Jun 05 2023" role="button">5</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="6" aria-label="6 - Tue Jun 06 2023" role="button">6</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="7" aria-label="7 - Wed Jun 07 2023" role="button">7</a></td><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="8" aria-label="8 - Thu Jun 08 2023" role="button">8</a></td></tr><tr><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="9" aria-label="9 - Fri Jun 09 2023" role="button">9</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="10" aria-label="10 - Sat Jun 10 2023" role="button">10</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="11" aria-label="11 - Sun Jun 11 2023" role="button">11</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="12" aria-label="12 - Mon Jun 12 2023" role="button">12</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="13" aria-label="13 - Tue Jun 13 2023" role="button">13</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="14" aria-label="14 - Wed Jun 14 2023" role="button">14</a></td><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="15" aria-label="15 - Thu Jun 15 2023" role="button">15</a></td></tr><tr><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="16" aria-label="16 - Fri Jun 16 2023" role="button">16</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="17" aria-label="17 - Sat Jun 17 2023" role="button">17</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="18" aria-label="18 - Sun Jun 18 2023" role="button">18</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="19" aria-label="19 - Mon Jun 19 2023" role="button">19</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="20" aria-label="20 - Tue Jun 20 2023" role="button">20</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="21" aria-label="21 - Wed Jun 21 2023" role="button">21</a></td><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="22" aria-label="22 - Thu Jun 22 2023" role="button">22</a></td></tr><tr><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="23" aria-label="23 - Fri Jun 23 2023" role="button">23</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="24" aria-label="24 - Sat Jun 24 2023" role="button">24</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="25" aria-label="25 - Sun Jun 25 2023" role="button">25</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="26" aria-label="26 - Mon Jun 26 2023" role="button">26</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="27" aria-label="27 - Tue Jun 27 2023" role="button">27</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="28" aria-label="28 - Wed Jun 28 2023" role="button">28</a></td><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="29" aria-label="29 - Thu Jun 29 2023" role="button">29</a></td></tr><tr><td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="30" aria-label="30 - Fri Jun 30 2023" role="button">30</a></td><td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-current="false" data-date="31" aria-label="31 - Sat Jul 01 2023" role="button">31</a></td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td><td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td></tr></tbody></table></div><div class="ui-datepicker-row-break"></div></div></div>
              <span id="return_datepicker_status_tlbf--2" role="status" aria-live="polite" class="ui-helper-hidden-accessible"></span>

              <div class="buttons desktop-only form-group-no-pad">
                <button type="button" class="btn btn-outline-default btn-sm today" aria-label="Select today for return journey">Today</button>
                <button type="button" class="btn btn-outline-default btn-sm tomorrow" aria-label="Select tomorrow for return journey">Tomorrow</button>
              </div>

              <hr class="desktop-only">

              <h2>
                <i class="fas fa-clock" aria-hidden="true"></i> Return time
              </h2>

              <div class="row">
                <div class="col-md-3 form-group journey-type no-bottom-margin">
                  <label for="ret_journey_indicator_modaltlbf--2" class="sr-only">Outward journey type</label>
                  <select id="ret_journey_indicator_modaltlbf--2" class="" style="display: none;">
                    <option value="Leave After" selected="" data-displaystring="Departing after">Departing after</option>
                    <option value="Arrive Before" data-displaystring="Arriving before">Arriving before</option>
                  </select><div class="chosen-container chosen-container-single chosen-container-single-nosearch" title="" id="ret_journey_indicator_modaltlbf__2_chosen" style="width: auto;"><span class="chosen-single">
  <span>Departing after</span>
  <div><b></b></div>
</span>
                    <div class="chosen-drop">
                      <div class="chosen-search">
                        <label for="search_ret_journey_indicator_modaltlbf--2" class="visually-hidden">Search for item</label>
                        <input name="search_ret_journey_indicator_modaltlbf--2" id="search_ret_journey_indicator_modaltlbf--2" class="chosen-search-input" type="text" autocomplete="off" readonly="">
                      </div>
                      <ul class="chosen-results"></ul>
                    </div></div>
                </div>

                <div class="col-md-3 form-group journey-time no-bottom-margin">
                  <label for="ret_time_modaltlbf--2" class="sr-only">Return time</label>
                  <select id="ret_time_modaltlbf--2" class="time" style="display: none;">
                    <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>
                  </select><div class="chosen-container chosen-container-single chosen-container-single-nosearch" title="" id="ret_time_modaltlbf__2_chosen" style="width: auto;"><span class="chosen-single">
  <span>12:15</span>
  <div><b></b></div>
</span>
                    <div class="chosen-drop">
                      <div class="chosen-search">
                        <label for="search_ret_time_modaltlbf--2" class="visually-hidden">Search for item</label>
                        <input name="search_ret_time_modaltlbf--2" id="search_ret_time_modaltlbf--2" class="chosen-search-input" type="text" autocomplete="off" readonly="">
                      </div>
                      <ul class="chosen-results"></ul>
                    </div></div>
                </div>
              </div>

              <div class="buttons desktop-only form-group-no-pad">
                <button type="button" class="btn btn-outline-default btn-sm sixam" aria-label="Select 6 am for return journey">6am</button>
                <button type="button" class="btn btn-outline-default btn-sm twelvepm" aria-label="Select 12 pm for return journey">12pm</button>
                <button type="button" class="btn btn-outline-default btn-sm sixpm" aria-label="Select 6 pm for return journey">6pm</button>
                <button type="button" class="btn btn-outline-default btn-sm ninepm" aria-label="Select 9 pm for return journey">9pm</button>
              </div>

            </div>

          </div> <!-- End return display group -->
        </div>
      </div> <!-- End return form group -->

      <div class="passengers display-group-wrapper mb-2">

        <input type="hidden" class="adults" value="1" name="NUMBER_OF_ADULTS">
        <input type="hidden" class="children" value="0" name="NUMBER_OF_CHILDREN">
        <input type="hidden" class="railcard_1" value="None" name="RAIL_CARD_CODE">
        <input type="hidden" class="amount_1" value="0" name="NUMBER_OF_RAIL_CARDS">
        <input type="hidden" class="railcard_2" value="None" name="RAIL_CARD_CODE2">
        <input type="hidden" class="amount_2" value="0" name="NUMBER_OF_RAIL_CARDS2">
        <input type="hidden" class="railcard_3" value="None" name="RAIL_CARD_CODE3">
        <input type="hidden" class="amount_3" value="0" name="NUMBER_OF_RAIL_CARDS3">


        <div class="display-group" data-type="passengers">
          <div class="form-group form-group-no-pad">
            <div class="input-group">
              <a href="#" class="dpg-btn form-text form-control">
                <span class="adults">1 Adult</span>,
                <span class="children">0 Children</span>
                <span class="sr-only">.</span>
                <br>
                <span class="railcards">0 Railcards/GroupSave</span>
                <span class="sr-only">. Select to change</span>
              </a>
              <div class="suffix input-group-text">
                <a href="#" class="dpg-btn">
                  <span class="icon" aria-hidden="true"><i class="fas fa-chevron-down" aria-hidden="true"></i></span>
                  <span class="visually-hidden">Show options</span>
                </a>
              </div>
            </div>
          </div>
          <div class="modal-contents" style="display: none;">

            <h2 class="header passengers">
              <i class="fas fa-user" aria-hidden="true"></i> Travellers
            </h2>

            <div class="form-inline adults-children">
              <div class="form-group inline">
                <div class="adults">
                  <label for="adults_modaltlbf--2" class="adults-child">Adults (16+)</label>
                  <div class="spinnerExt input-group ordered-group bkend-group ui-spinner ui-corner-all ui-widget ui-widget-content"><input id="adults_modaltlbf--2" class="spinnerExt form-text required form-control adults adults_modal ui-spinner-input" value="1" maxlength="1" aria-valuenow="1" autocomplete="off" role="spinbutton" readonly="readonly"> <a class="suffix input-group-text a-pri ui-spinner-up ui-button ui-widget ui-spinner-button ui-corner-tr ui-button-icon-only" tabindex="-1" aria-hidden="true" role="button"><span class="ui-button-icon ui-icon ui-icon-triangle-1-n"></span><span class="ui-button-icon-space"> </span>  <i class="fas fa-plus-circle ui-icon-triangle-1-n"></i> </a> <a class="prefix input-group-text a-pri ui-spinner-down ui-button ui-widget ui-spinner-button ui-corner-br ui-button-icon-only" tabindex="-1" aria-hidden="true" role="button"><span class="ui-button-icon ui-icon ui-icon-triangle-1-s"></span><span class="ui-button-icon-space"> </span>  <i class="fas fa-minus-circle ui-icon-triangle-1-s"></i> </a></div>
                </div>
                <div class="children">
                  <label for="children_modaltlbf--2" class="adults-child" aria-label="Children 5 to 15 (Under 5s travel free)">Children (5-15)<span>Under 5s travel free</span></label>
                  <div class="spinnerExt input-group ordered-group bkend-group ui-spinner ui-corner-all ui-widget ui-widget-content"><input id="children_modaltlbf--2" class="spinnerExt form-text required form-control children children_modal ui-spinner-input" value="0" maxlength="1" aria-valuenow="0" autocomplete="off" role="spinbutton" readonly="readonly"> <a class="suffix input-group-text a-pri ui-spinner-up ui-button ui-widget ui-spinner-button ui-corner-tr ui-button-icon-only" tabindex="-1" aria-hidden="true" role="button"><span class="ui-button-icon ui-icon ui-icon-triangle-1-n"></span><span class="ui-button-icon-space"> </span>  <i class="fas fa-plus-circle ui-icon-triangle-1-n"></i> </a> <a class="prefix input-group-text a-pri ui-spinner-down ui-button ui-widget ui-spinner-button ui-corner-br ui-button-icon-only disabled" tabindex="-1" aria-hidden="true" role="button" disabled="disabled"><span class="ui-button-icon ui-icon ui-icon-triangle-1-s"></span><span class="ui-button-icon-space"> </span>  <i class="fas fa-minus-circle ui-icon-triangle-1-s"></i> </a></div>
                </div>
              </div>
            </div>

            <h2>
              <i class="fas fa-credit-card"></i> Railcard or Discount
            </h2>

            <div class="railcards">
              <div class="form-group number railcard railcard_1_container">
                <label for="railcard_1_modaltlbf--2" class="sr-only">Railcard 1</label>
                <select id="railcard_1_modaltlbf--2" class="railcard railcard_1 railcard_1_modal" style="display: none;">
                  <option value="-none-" selected="">Select Railcard or Discount</option>
                  <option value="TSU" selected="">16-17 Saver</option>
                  <option value="YNG">16-25 Railcard</option>
                  <option value="TST">26-30 Railcard</option>
                  <option value="NGC">Annual Gold Card</option>
                  <option value="CRC">Cambrian Railcard</option>
                  <option value="OC5">Club 50 Web - ScotRail</option>
                  <option value="CTD">Cotswold Line Railcard</option>
                  <option value="DRD">Dales Railcard</option>
                  <option value="DCR">Devon &amp; Cornwall Railcard</option>
                  <option value="DIC">Disabled Child Railcard</option>
                  <option value="DIS">Disabled Adult Railcard</option>
                  <option value="EVC">Esk Valley Railcard</option>
                  <option value="FAM">Family &amp; Friends Railcard</option>
                  <option value="HOW">Heart of Wales Railcard</option>
                  <option value="HRC">Highland Railcard : North Scotland</option>
                  <option value="WHC">Highland Railcard : West Scotland</option>
                  <option value="HMF">HM Forces Railcard</option>
                  <option value="JCP">Jobcentre Plus Discount Card</option>
                  <option value="NEW">Network Railcard</option>
                  <option value="PBR">Pembroke Railcard</option>
                  <option value="SRY">Young Scot National Entitlement Card</option>
                  <option value="STL">Season Loyalty Discount</option>
                  <option value="SRN">Senior Railcard</option>
                  <option value="2TR">Two Together Railcard</option>
                  <option value="VLS">Valley Lines Senior Railcard</option>
                  <option value="VLC">Valley Student Railcard</option>
                  <option value="VET">Veterans Railcard</option>
                  <option value="UTF">Under 25 Advance</option>
                </select><div class="chosen-container chosen-container-single railcard railcard_1 railcard_1_modal chosen-container-single-nosearch" title="" id="railcard_1_modaltlbf__2_chosen" style="width: auto;"><span class="chosen-single">
  <span>16-17 Saver</span>
  <div><b></b></div>
</span>
                  <div class="chosen-drop">
                    <div class="chosen-search">
                      <label for="search_railcard_1_modaltlbf--2" class="visually-hidden">Search for item</label>
                      <input name="search_railcard_1_modaltlbf--2" id="search_railcard_1_modaltlbf--2" class="chosen-search-input" type="text" autocomplete="off" readonly="">
                    </div>
                    <ul class="chosen-results"></ul>
                  </div></div>
                <label for="amount_1_modaltlbf--2" class="sr-only">Number of people with railcard 1:</label>
                <div class="spinnerExt input-group ordered-group bkend-group ui-spinner ui-corner-all ui-widget ui-widget-content BookingForm-spinnerExt-disabled ui-state-disabled"><input id="amount_1_modaltlbf--2" class="spinnerExt form-text required form-control amount_1 amount_1_modal ui-spinner-input" value="0" maxlength="1" data-initiallydisabled="1" aria-valuenow="0" autocomplete="off" role="spinbutton" readonly="readonly" disabled=""> <a class="suffix input-group-text a-pri ui-spinner-up ui-button ui-widget ui-spinner-button ui-corner-tr ui-button-icon-only ui-button-disabled ui-state-disabled" tabindex="-1" aria-hidden="true" role="button"><span class="ui-button-icon ui-icon ui-icon-triangle-1-n"></span><span class="ui-button-icon-space"> </span>  <i class="fas fa-plus-circle ui-icon-triangle-1-n"></i> </a> <a class="prefix input-group-text a-pri ui-spinner-down ui-button ui-widget ui-spinner-button ui-corner-br ui-button-icon-only disabled ui-button-disabled ui-state-disabled" tabindex="-1" aria-hidden="true" role="button" disabled="disabled"><span class="ui-button-icon ui-icon ui-icon-triangle-1-s"></span><span class="ui-button-icon-space"> </span>  <i class="fas fa-minus-circle ui-icon-triangle-1-s"></i> </a></div>
                <div class="col" style="display: none;"><div class="alert alert-info p-2"></div></div></div>
              <div class="form-group number railcard railcard_2_container" style="display: none;">
                <label for="railcard_2_modaltlbf--2" class="sr-only">Railcard 2</label>
                <select id="railcard_2_modaltlbf--2" class="railcard railcard_2 railcard_2_modal" style="display: none;">
                  <option value="-none-" selected="">Select Railcard or Discount</option>
                  <option value="TSU" selected="">16-17 Saver</option>
                  <option value="YNG">16-25 Railcard</option>
                  <option value="TST">26-30 Railcard</option>
                  <option value="NGC">Annual Gold Card</option>
                  <option value="CRC">Cambrian Railcard</option>
                  <option value="OC5">Club 50 Web - ScotRail</option>
                  <option value="CTD">Cotswold Line Railcard</option>
                  <option value="DRD">Dales Railcard</option>
                  <option value="DCR">Devon &amp; Cornwall Railcard</option>
                  <option value="DIC">Disabled Child Railcard</option>
                  <option value="DIS">Disabled Adult Railcard</option>
                  <option value="EVC">Esk Valley Railcard</option>
                  <option value="FAM">Family &amp; Friends Railcard</option>
                  <option value="HOW">Heart of Wales Railcard</option>
                  <option value="HRC">Highland Railcard : North Scotland</option>
                  <option value="WHC">Highland Railcard : West Scotland</option>
                  <option value="HMF">HM Forces Railcard</option>
                  <option value="JCP">Jobcentre Plus Discount Card</option>
                  <option value="NEW">Network Railcard</option>
                  <option value="PBR">Pembroke Railcard</option>
                  <option value="SRY">Young Scot National Entitlement Card</option>
                  <option value="STL">Season Loyalty Discount</option>
                  <option value="SRN">Senior Railcard</option>
                  <option value="2TR">Two Together Railcard</option>
                  <option value="VLS">Valley Lines Senior Railcard</option>
                  <option value="VLC">Valley Student Railcard</option>
                  <option value="VET">Veterans Railcard</option>
                  <option value="UTF">Under 25 Advance</option>
                </select><div class="chosen-container chosen-container-single railcard railcard_2 railcard_2_modal chosen-container-single-nosearch" title="" id="railcard_2_modaltlbf__2_chosen" style="width: auto;"><span class="chosen-single">
  <span>16-17 Saver</span>
  <div><b></b></div>
</span>
                  <div class="chosen-drop">
                    <div class="chosen-search">
                      <label for="search_railcard_2_modaltlbf--2" class="visually-hidden">Search for item</label>
                      <input name="search_railcard_2_modaltlbf--2" id="search_railcard_2_modaltlbf--2" class="chosen-search-input" type="text" autocomplete="off" readonly="">
                    </div>
                    <ul class="chosen-results"></ul>
                  </div></div>
                <label for="amount_2_modaltlbf--2" class="sr-only">Number of people with railcard 1:</label>
                <div class="spinnerExt input-group ordered-group bkend-group ui-spinner ui-corner-all ui-widget ui-widget-content BookingForm-spinnerExt-disabled ui-state-disabled"><input id="amount_2_modaltlbf--2" class="spinnerExt form-text required form-control amount_2 amount_2_modal ui-spinner-input" value="0" maxlength="1" data-initiallydisabled="1" aria-valuenow="0" autocomplete="off" role="spinbutton" readonly="readonly" disabled=""> <a class="suffix input-group-text a-pri ui-spinner-up ui-button ui-widget ui-spinner-button ui-corner-tr ui-button-icon-only ui-button-disabled ui-state-disabled" tabindex="-1" aria-hidden="true" role="button"><span class="ui-button-icon ui-icon ui-icon-triangle-1-n"></span><span class="ui-button-icon-space"> </span>  <i class="fas fa-plus-circle ui-icon-triangle-1-n"></i> </a> <a class="prefix input-group-text a-pri ui-spinner-down ui-button ui-widget ui-spinner-button ui-corner-br ui-button-icon-only disabled ui-button-disabled ui-state-disabled" tabindex="-1" aria-hidden="true" role="button" disabled="disabled"><span class="ui-button-icon ui-icon ui-icon-triangle-1-s"></span><span class="ui-button-icon-space"> </span>  <i class="fas fa-minus-circle ui-icon-triangle-1-s"></i> </a></div>
                <div class="col" style="display: none;"><div class="alert alert-info p-2"></div></div></div>
              <div class="form-group number railcard railcard_3_container" style="display: none;">
                <label for="railcard_3_modaltlbf--2" class="sr-only">Railcard 3</label>
                <select id="railcard_3_modaltlbf--2" class="railcard railcard_3 railcard_3_modal" style="display: none;">
                  <option value="-none-" selected="">Select Railcard or Discount</option>
                  <option value="TSU" selected="">16-17 Saver</option>
                  <option value="YNG">16-25 Railcard</option>
                  <option value="TST">26-30 Railcard</option>
                  <option value="NGC">Annual Gold Card</option>
                  <option value="CRC">Cambrian Railcard</option>
                  <option value="OC5">Club 50 Web - ScotRail</option>
                  <option value="CTD">Cotswold Line Railcard</option>
                  <option value="DRD">Dales Railcard</option>
                  <option value="DCR">Devon &amp; Cornwall Railcard</option>
                  <option value="DIC">Disabled Child Railcard</option>
                  <option value="DIS">Disabled Adult Railcard</option>
                  <option value="EVC">Esk Valley Railcard</option>
                  <option value="FAM">Family &amp; Friends Railcard</option>
                  <option value="HOW">Heart of Wales Railcard</option>
                  <option value="HRC">Highland Railcard : North Scotland</option>
                  <option value="WHC">Highland Railcard : West Scotland</option>
                  <option value="HMF">HM Forces Railcard</option>
                  <option value="JCP">Jobcentre Plus Discount Card</option>
                  <option value="NEW">Network Railcard</option>
                  <option value="PBR">Pembroke Railcard</option>
                  <option value="SRY">Young Scot National Entitlement Card</option>
                  <option value="STL">Season Loyalty Discount</option>
                  <option value="SRN">Senior Railcard</option>
                  <option value="2TR">Two Together Railcard</option>
                  <option value="VLS">Valley Lines Senior Railcard</option>
                  <option value="VLC">Valley Student Railcard</option>
                  <option value="VET">Veterans Railcard</option>
                  <option value="UTF">Under 25 Advance</option>
                </select><div class="chosen-container chosen-container-single railcard railcard_3 railcard_3_modal chosen-container-single-nosearch" title="" id="railcard_3_modaltlbf__2_chosen" style="width: auto;"><span class="chosen-single">
  <span>16-17 Saver</span>
  <div><b></b></div>
</span>
                  <div class="chosen-drop">
                    <div class="chosen-search">
                      <label for="search_railcard_3_modaltlbf--2" class="visually-hidden">Search for item</label>
                      <input name="search_railcard_3_modaltlbf--2" id="search_railcard_3_modaltlbf--2" class="chosen-search-input" type="text" autocomplete="off" readonly="">
                    </div>
                    <ul class="chosen-results"></ul>
                  </div></div>
                <label for="amount_3_modaltlbf--2" class="sr-only">Number of people with railcard 1:</label>
                <div class="spinnerExt input-group ordered-group bkend-group ui-spinner ui-corner-all ui-widget ui-widget-content BookingForm-spinnerExt-disabled ui-state-disabled"><input id="amount_3_modaltlbf--2" class="spinnerExt form-text required form-control amount_3 amount_3_modal ui-spinner-input" value="0" maxlength="1" data-initiallydisabled="1" aria-valuenow="0" autocomplete="off" role="spinbutton" readonly="readonly" disabled=""> <a class="suffix input-group-text a-pri ui-spinner-up ui-button ui-widget ui-spinner-button ui-corner-tr ui-button-icon-only ui-button-disabled ui-state-disabled" tabindex="-1" aria-hidden="true" role="button"><span class="ui-button-icon ui-icon ui-icon-triangle-1-n"></span><span class="ui-button-icon-space"> </span>  <i class="fas fa-plus-circle ui-icon-triangle-1-n"></i> </a> <a class="prefix input-group-text a-pri ui-spinner-down ui-button ui-widget ui-spinner-button ui-corner-br ui-button-icon-only disabled ui-button-disabled ui-state-disabled" tabindex="-1" aria-hidden="true" role="button" disabled="disabled"><span class="ui-button-icon ui-icon ui-icon-triangle-1-s"></span><span class="ui-button-icon-space"> </span>  <i class="fas fa-minus-circle ui-icon-triangle-1-s"></i> </a></div>
                <div class="col" style="display: none;"><div class="alert alert-info p-2"></div></div></div>
              <button type="button" style="" class="btn btn-sm btn-icon add-railcard" title="Add another railcard" aria-label="Add another railcard">Add another <i class="fas fa-plus-circle fa-lg a-pri"></i></button></div>

          </div> <!-- End passengers mobile only modal contents -->
        </div>
        <!-- End passengers mobile only display group -->

      </div> <!-- End passengers form group -->

      <div class="extra-section" style="display: none;">


        <div class="seasons flexipass">

          <div class="form-group">

            <label for="start-datetlbf--2">Start date</label>

            <div class="input-group">

              <input type="text" class="form-control form-text datepicker start-date hasDatepicker" id="start-datetlbf--2" value="13/06/2023" name="startDate" data-maxdate="+27d">
              <div class="suffix input-group-text">
                <button type="button" class="btn btn-sm a-pri" tabindex="-1">
                  <i class="fas fa-calendar-alt" aria-hidden="true"></i><span class="sr-only">Open calendar</span>
                </button>
              </div>

            </div>
          </div>
        </div>

        <div class="seasons" style="display: none;">
          <div class="form-group">
            <label>Type</label>
            <div class="input-group" role="radiogroup" aria-label="Passenger type.">
              <div class="iradio_line checked" role="radio" aria-labelledby="iCheck-hkfu0u" aria-checked="true" aria-disabled="false"><input type="radio" id="passenger-1tlbf--2" name="passenger" value="adult" class="icheck" checked="" style="position: absolute; opacity: 0;"><div class="icheck_line-icon"></div>Adult<ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
              <label for="passenger-1tlbf--2" class="sr-only" id="iCheck-hkfu0u">Adult</label>
              <div class="iradio_line" role="radio" aria-labelledby="iCheck-yk3jvq" aria-checked="false" aria-disabled="false"><input type="radio" id="passenger-2tlbf--2" name="passenger" value="child" class="icheck" style="position: absolute; opacity: 0;"><div class="icheck_line-icon"></div>Child<ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
              <label for="passenger-2tlbf--2" class="sr-only" id="iCheck-yk3jvq">Child</label>
            </div>
          </div>
        </div>

        <div class="seasons" style="display: none;">
          <div class="form-group">
            <label>Class</label>
            <div class="input-group" role="radiogroup" aria-label="Ticket type.">
              <div class="iradio_line checked" role="radio" aria-labelledby="iCheck-dcp27r" aria-checked="true" aria-disabled="false"><input type="radio" id="class-1tlbf--2" name="ticketclass" value="standard" class="icheck" checked="" style="position: absolute; opacity: 0;"><div class="icheck_line-icon"></div>Standard<ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
              <label for="class-1tlbf--2" class="sr-only" id="iCheck-dcp27r">Standard</label>
              <div class="iradio_line" role="radio" aria-labelledby="iCheck-mofc01" aria-checked="false" aria-disabled="false"><input type="radio" id="class-2tlbf--2" name="ticketclass" value="firstclass" class="icheck" style="position: absolute; opacity: 0;"><div class="icheck_line-icon"></div>First<ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
              <label for="class-2tlbf--2" class="sr-only" id="iCheck-mofc01">First</label>
            </div>
          </div>
        </div>


        <div class="row">
          <div class="col-md-6 form-group-seasons-railcard seasons" style="display: none;">
            <label for="seasons_railcard">Railcard</label>
            <div class="input-group">
              <select id="seasons_railcardtlbf--2" class="railcard" data-width="100%" style="display: none;">
                <option value="-none-" selected="">Select Railcard or Discount</option>
                <option value="HRC">Highland Railcard : North Scotland</option>
                <option value="WHC">Highland Railcard : West Scotland</option>
                <option value="SRY">Young Scot National Entitlement Card</option>
              </select><div class="chosen-container chosen-container-single railcard chosen-container-single-nosearch" title="" id="seasons_railcardtlbf__2_chosen" style="width: 100%;"><span class="chosen-single">
  <span>Select Railcard or Discount</span>
  <div><b></b></div>
</span>
                <div class="chosen-drop">
                  <div class="chosen-search">
                    <label for="search_seasons_railcardtlbf--2" class="visually-hidden">Search for item</label>
                    <input name="search_seasons_railcardtlbf--2" id="search_seasons_railcardtlbf--2" class="chosen-search-input" type="text" autocomplete="off" readonly="">
                  </div>
                  <ul class="chosen-results"></ul>
                </div></div>
            </div>
          </div>
        </div>

      </div> <!-- End extra section -->

      <div class="mb-3"></div>


      <input type="hidden" class="best-orig" name="orig">
      <input type="hidden" class="best-dest" name="dest">
      <input type="hidden" class="best-out" name="out">
      <input type="hidden" class="best-rtn" name="rtn">
      <input type="hidden" name="JOURNEY_TYPE" class="journey_type" value="Return">

      <div class="footer">
        <div class="row">
          <span class="col-md button-col">
            <button type="submit" class="submit btn btn-outline-default btn-md mb-0 p-2 px-3 rounded-3 w-100" data-dashlane-rid="4ee5be63d5b98599" data-dashlane-label="true" data-form-type="action,search">
              <span class="sr-only aria-booking-submit">Disabled submit button. Please enter origin and destination stations.</span>
              <span aria-hidden="true">Find times and tickets</span>
            </button>
          </span>
          <div class="row col-md points-col">
            <span class="col-md"><i class="fas fa-check"></i> Unbeatable on price</span>
            <span class="col-md"><i class="fas fa-check"></i> No booking fees</span>
          </div>
        </div>
      </div>

    </form>

  </div>
