{# 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-alt rot-135"></i> Buy train tickets
  </h2>
  <form action="" class="trainline-booking-form validate-exclude advanced exposed ui-front m-3 p-0" data-dashlane-rid="3c6370a8aa79ffd9" data-form-type="search" data-mobilesearchurl=""
        data-mobileurl="" method="post" novalidate="novalidate">
    <div class="row">
      <div class="col-md-12">
        <div aria-atomic="true" aria-live="polite" class="messages alert alert-danger" id="booking-form-errors-tlbf--2" role="alert">
          <ul></ul>
        </div>
      </div>
    </div>
    <div class="chips-container">
      <div class="choices chips">
        <ul aria-label="Ticket type." aria-owns="chip-return chip-return-open chip-single chip-season" class="choices chips-md chips-list chips-mobile ulc" role="radiogroup">
          <li class="lic" role="presentation">
            <a aria-checked="true" class="active" data-message="" data-type="return" href="#" id="chip-return" role="radio" tabindex="-1"><i class="fas fa-check-circle"></i> Return</a>
          </li>
          <li class="lic" role="presentation">
            <a aria-checked="false" data-message="" data-type="open-return" href="#" id="chip-return-open" role="radio" tabindex="-1"><i class="fas fa-check-circle"></i> Open Return</a>
          </li>
          <li class="lic" role="presentation">
            <a aria-checked="false" data-message="" data-type="single" href="#" id="chip-single" role="radio" tabindex="-1"><i class="fas fa-check-circle"></i> Single</a>
          </li>
          <li class="lic" role="presentation">
            <a aria-checked="false" data-message="" data-type="season" href="#" id="chip-season" role="radio" tabindex="-1"><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-label="Train filtering options." aria-owns="chip-owr-trains chip-everything" class="show-me choices chips-md chips-list chips-mobile ulc" role="radiogroup">
          <li class="lic" role="presentation">
            <a aria-checked="false" data-type="our-trains-only" href="#" id="chip-owr-trains" role="radio"><i class="fas fa-check-circle"></i> Our trains only</a>
          </li>
          <li class="lic" role="presentation">
            <a aria-checked="true" class="active" data-type="everything" href="#" id="chip-everything" role="radio"><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 class="form-required prefix input-group-text" for="from-buytlbf--2">From<span class="mobile-only">:</span> <span class="sr-only">Required form item</span></label>
        <input aria-autocomplete="list" aria-controls="listbox_from-buytlbf--2_container" aria-expanded="false" aria-owns="listbox_from-buytlbf--2_container" autocomplete="off" class=
        "form-text form-control trainline-autocomplete ui-autocomplete-input from-station" data-dashlane-rid="e34a0db2ee564611" data-form-type="query" data-name="ORIGIN_STATION" id="from-buytlbf--2"
               name="bookingFormFromStation" placeholder="Enter origin station" role="combobox" spellcheck="false" tabindex="-1" type="text">
        <div class="suffix input-group-text">
          <button aria-label="Find the nearest station to you" class="btn btn-outline-default btn-sm nearest-station" data-dashlane-label="true" data-dashlane-rid="ab36d01e3ce066d5" data-form-type=
          "action,search" tabindex="-1" type="button"><i class="fas fa-map-marker-alt"></i></button>
        </div>
      </div>
      <ul class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front" id="listbox_from-buytlbf--2_container" role="listbox" style="display: none;" tabindex="0"></ul>
    </div>
    <div class="col-md-12 swap-col">
      <button class="swap-stations btn btn-sm btn-icon a-pri mb-0" data-dashlane-label="true" data-dashlane-rid="9076192081e47c59" data-form-type="other" tabindex="-1" type="button"><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 class="form-required prefix input-group-text" for="totlbf--2">To<span class="mobile-only">:</span> <span class="sr-only">Required form item</span></label> <input aria-autocomplete=
                                                                                                                                                                                 "list" aria-controls="listbox_totlbf--2_container" aria-expanded="false" aria-owns="listbox_totlbf--2_container" autocomplete="off" class=
                                                                                                                                                                                 "form-text form-control trainline-autocomplete ui-autocomplete-input to-station" data-dashlane-rid="ad0e9b9fe40fd50e" data-form-type="query" data-name="DESTINATION_STATION" id="totlbf--2"
                                                                                                                                                                                 name="bookingFormToStation" placeholder="Enter destination station" role="combobox" spellcheck="false" tabindex="-1" type="text">
      </div>
      <ul class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front" id="listbox_totlbf--2_container" role="listbox" style="display: none;" tabindex="0"></ul>
    </div>
    <div class="outbound display-group-wrapper">
      <span class="col-label"><i class="fas fa-share"></i> Outbound</span> <input class="date outdate" name="OUTBOUND_DATE" type="hidden" value="01/12/2022"> <input class=
                                                                                                                                                                     "journey_indicator out_journey_indicator" name="OUTBOUND_ARRIVAL_DEPARTURE_INDICATOR" type="hidden" value="Leave After"> <input class="time out-time" name="OUTBOUND_TIME" type="hidden" value=
      "21:00">
      <div class="display-group mb-3" data-type="out">
        <div class="form-group form-group-no-pad">
          <div class="input-group">
            <a class="dpg-btn form-text form-control" href="#" tabindex="-1"><span class="sr-only">Outbound journey on</span> <span class="date">01/12/2022</span> <span class="sr-only">,</span>
              <span class="journey-indicator">Departing after</span>: <span class="time">21:00</span> <span class="sr-only">. Select to change</span></a>
            <div class="suffix input-group-text">
              <span aria-hidden="true" class="icon"><i class="fas fa-calendar-alt"></i></span>
            </div>
          </div>
        </div>
        <div class="modal-contents" style="display: none;">
          <h2 class="header" id="outbounddatetlbf--2">
            <i aria-hidden="true" class="fas fa-calendar-alt"></i> Outbound date
          </h2>
          <div aria-controls="outbound_datepicker_status_tlbf--2" aria-label="Calendar" class="form-group datepicker hasDatepicker" data-numberofmonths="2" data-type="outdate" id="dp1669924784373"
               role="application">
            <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">December</span>&nbsp;<span class="ui-datepicker-year">2022</span>
                  </div>
                </div>
                <table class="ui-datepicker-calendar" role="grid">
                  <thead>
                  <tr>
                    <th class="ui-datepicker-week-end" scope="col">
                      <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 class="ui-datepicker-week-end" scope="col">
                      <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-days-cell-over ui-datepicker-current-day ui-datepicker-today" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                      <a aria-label="1 - Tue Nov 01 2022" class="ui-state-default ui-state-highlight ui-state-active ui-state-hover" data-date="1" href="#" role="button">1</a>
                    </td>
                    <td class="" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                      <a aria-label="2 - Wed Nov 02 2022" class="ui-state-default" data-date="2" href="#" role="button">2</a>
                    </td>
                    <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                      <a aria-label="3 - Thu Nov 03 2022" class="ui-state-default" data-date="3" href="#" role="button">3</a>
                    </td>
                  </tr>
                  <tr>
                    <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                      <a aria-label="4 - Fri Nov 04 2022" class="ui-state-default" data-date="4" href="#" role="button">4</a>
                    </td>
                    <td class="" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                      <a aria-label="5 - Sat Nov 05 2022" class="ui-state-default" data-date="5" href="#" role="button">5</a>
                    </td>
                    <td class="" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                      <a aria-label="6 - Sun Nov 06 2022" class="ui-state-default" data-date="6" href="#" role="button">6</a>
                    </td>
                    <td class="" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                      <a aria-label="7 - Mon Nov 07 2022" class="ui-state-default" data-date="7" href="#" role="button">7</a>
                    </td>
                    <td class="" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                      <a aria-label="8 - Tue Nov 08 2022" class="ui-state-default" data-date="8" href="#" role="button">8</a>
                    </td>
                    <td class="" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                      <a aria-label="9 - Wed Nov 09 2022" class="ui-state-default" data-date="9" href="#" role="button">9</a>
                    </td>
                    <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                      <a aria-label="10 - Thu Nov 10 2022" class="ui-state-default" data-date="10" href="#" role="button">10</a>
                    </td>
                  </tr>
                  <tr>
                    <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                      <a aria-label="11 - Fri Nov 11 2022" class="ui-state-default" data-date="11" href="#" role="button">11</a>
                    </td>
                    <td class="" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                      <a aria-label="12 - Sat Nov 12 2022" class="ui-state-default" data-date="12" href="#" role="button">12</a>
                    </td>
                    <td class="" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                      <a aria-label="13 - Sun Nov 13 2022" class="ui-state-default" data-date="13" href="#" role="button">13</a>
                    </td>
                    <td class="" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                      <a aria-label="14 - Mon Nov 14 2022" class="ui-state-default" data-date="14" href="#" role="button">14</a>
                    </td>
                    <td class="" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                      <a aria-label="15 - Tue Nov 15 2022" class="ui-state-default" data-date="15" href="#" role="button">15</a>
                    </td>
                    <td class="" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                      <a aria-label="16 - Wed Nov 16 2022" class="ui-state-default" data-date="16" href="#" role="button">16</a>
                    </td>
                    <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                      <a aria-label="17 - Thu Nov 17 2022" class="ui-state-default" data-date="17" href="#" role="button">17</a>
                    </td>
                  </tr>
                  <tr>
                    <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                      <a aria-label="18 - Fri Nov 18 2022" class="ui-state-default" data-date="18" href="#" role="button">18</a>
                    </td>
                    <td class="" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                      <a aria-label="19 - Sat Nov 19 2022" class="ui-state-default" data-date="19" href="#" role="button">19</a>
                    </td>
                    <td class="" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                      <a aria-label="20 - Sun Nov 20 2022" class="ui-state-default" data-date="20" href="#" role="button">20</a>
                    </td>
                    <td class="" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                      <a aria-label="21 - Mon Nov 21 2022" class="ui-state-default" data-date="21" href="#" role="button">21</a>
                    </td>
                    <td class="" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                      <a aria-label="22 - Tue Nov 22 2022" class="ui-state-default" data-date="22" href="#" role="button">22</a>
                    </td>
                    <td class="" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                      <a aria-label="23 - Wed Nov 23 2022" class="ui-state-default" data-date="23" href="#" role="button">23</a>
                    </td>
                    <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                      <a aria-label="24 - Thu Nov 24 2022" class="ui-state-default" data-date="24" href="#" role="button">24</a>
                    </td>
                  </tr>
                  <tr>
                    <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                      <a aria-label="25 - Fri Nov 25 2022" class="ui-state-default" data-date="25" href="#" role="button">25</a>
                    </td>
                    <td class="" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                      <a aria-label="26 - Sat Nov 26 2022" class="ui-state-default" data-date="26" href="#" role="button">26</a>
                    </td>
                    <td class="" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                      <a aria-label="27 - Sun Nov 27 2022" class="ui-state-default" data-date="27" href="#" role="button">27</a>
                    </td>
                    <td class="" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                      <a aria-label="28 - Mon Nov 28 2022" class="ui-state-default" data-date="28" href="#" role="button">28</a>
                    </td>
                    <td class="" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                      <a aria-label="29 - Tue Nov 29 2022" class="ui-state-default" data-date="29" href="#" role="button">29</a>
                    </td>
                    <td class="" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                      <a aria-label="30 - Wed Nov 30 2022" class="ui-state-default" data-date="30" href="#" role="button">30</a>
                    </td>
                    <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                      <a aria-label="31 - Thu Dec 01 2022" class="ui-state-default" data-date="31" href="#" role="button">31</a>
                    </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-event="click" data-handler="next" href="#" role="button"><span class="ui-icon ui-icon-circle-triangle-e">Next Month, February
                  2023</span></a>
                  <div class="ui-datepicker-title">
                    <span class="ui-datepicker-month">January</span>&nbsp;<span class="ui-datepicker-year">2023</span>
                  </div>
                </div>
                <table class="ui-datepicker-calendar" role="grid">
                  <thead>
                  <tr>
                    <th class="ui-datepicker-week-end" scope="col">
                      <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 class="ui-datepicker-week-end" scope="col">
                      <span title="Saturday">Sa</span>
                    </th>
                  </tr>
                  </thead>
                  <tbody>
                  <tr>
                    <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                      <a aria-label="1 - Invalid Date" class="ui-state-default" data-date="1" href="#" role="button">1</a>
                    </td>
                    <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                      <a aria-label="2 - Invalid Date" class="ui-state-default" data-date="2" href="#" role="button">2</a>
                    </td>
                    <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                      <a aria-label="3 - Invalid Date" class="ui-state-default" data-date="3" href="#" role="button">3</a>
                    </td>
                    <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                      <a aria-label="4 - Invalid Date" class="ui-state-default" data-date="4" href="#" role="button">4</a>
                    </td>
                    <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                      <a aria-label="5 - Invalid Date" class="ui-state-default" data-date="5" href="#" role="button">5</a>
                    </td>
                    <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                      <a aria-label="6 - Invalid Date" class="ui-state-default" data-date="6" href="#" role="button">6</a>
                    </td>
                    <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                      <a aria-label="7 - Invalid Date" class="ui-state-default" data-date="7" href="#" role="button">7</a>
                    </td>
                  </tr>
                  <tr>
                    <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                      <a aria-label="8 - Invalid Date" class="ui-state-default" data-date="8" href="#" role="button">8</a>
                    </td>
                    <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                      <a aria-label="9 - Invalid Date" class="ui-state-default" data-date="9" href="#" role="button">9</a>
                    </td>
                    <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                      <a aria-label="10 - Invalid Date" class="ui-state-default" data-date="10" href="#" role="button">10</a>
                    </td>
                    <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                      <a aria-label="11 - Invalid Date" class="ui-state-default" data-date="11" href="#" role="button">11</a>
                    </td>
                    <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                      <a aria-label="12 - Invalid Date" class="ui-state-default" data-date="12" href="#" role="button">12</a>
                    </td>
                    <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                      <a aria-label="13 - Invalid Date" class="ui-state-default" data-date="13" href="#" role="button">13</a>
                    </td>
                    <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                      <a aria-label="14 - Invalid Date" class="ui-state-default" data-date="14" href="#" role="button">14</a>
                    </td>
                  </tr>
                  <tr>
                    <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                      <a aria-label="15 - Invalid Date" class="ui-state-default" data-date="15" href="#" role="button">15</a>
                    </td>
                    <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                      <a aria-label="16 - Invalid Date" class="ui-state-default" data-date="16" href="#" role="button">16</a>
                    </td>
                    <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                      <a aria-label="17 - Invalid Date" class="ui-state-default" data-date="17" href="#" role="button">17</a>
                    </td>
                    <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                      <a aria-label="18 - Invalid Date" class="ui-state-default" data-date="18" href="#" role="button">18</a>
                    </td>
                    <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                      <a aria-label="19 - Invalid Date" class="ui-state-default" data-date="19" href="#" role="button">19</a>
                    </td>
                    <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                      <a aria-label="20 - Invalid Date" class="ui-state-default" data-date="20" href="#" role="button">20</a>
                    </td>
                    <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                      <a aria-label="21 - Invalid Date" class="ui-state-default" data-date="21" href="#" role="button">21</a>
                    </td>
                  </tr>
                  <tr>
                    <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                      <a aria-label="22 - Invalid Date" class="ui-state-default" data-date="22" href="#" role="button">22</a>
                    </td>
                    <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                      <a aria-label="23 - Invalid Date" class="ui-state-default" data-date="23" href="#" role="button">23</a>
                    </td>
                    <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                      <a aria-label="24 - Invalid Date" class="ui-state-default" data-date="24" href="#" role="button">24</a>
                    </td>
                    <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                      <a aria-label="25 - Invalid Date" class="ui-state-default" data-date="25" href="#" role="button">25</a>
                    </td>
                    <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                      <a aria-label="26 - Invalid Date" class="ui-state-default" data-date="26" href="#" role="button">26</a>
                    </td>
                    <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                      <a aria-label="27 - Invalid Date" class="ui-state-default" data-date="27" href="#" role="button">27</a>
                    </td>
                    <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                      <a aria-label="28 - Invalid Date" class="ui-state-default" data-date="28" href="#" role="button">28</a>
                    </td>
                  </tr>
                  <tr>
                    <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                      <a aria-label="29 - Invalid Date" class="ui-state-default" data-date="29" href="#" role="button">29</a>
                    </td>
                    <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                      <a aria-label="30 - Invalid Date" class="ui-state-default" data-date="30" href="#" role="button">30</a>
                    </td>
                    <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                      <a aria-label="31 - Invalid Date" class="ui-state-default" data-date="31" href="#" 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-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 aria-live="polite" class="ui-helper-hidden-accessible" id="outbound_datepicker_status_tlbf--2" role="status"></span>
          <div class="buttons desktop-only form-group-no-pad">
            <button aria-label="Select today for outbound journey" class="btn btn-outline-default btn-sm today" type="button">Today</button> <button aria-label="Select tomorrow for outbound journey"
                                                                                                                                                     class="btn btn-outline-default btn-sm tomorrow" type="button">Tomorrow</button>
          </div>
          <hr class="desktop-only">
          <h2>
            <i aria-hidden="true" class="fas fa-clock"></i> Outbound time
          </h2>
          <div class="row">
            <div class="col-md-3 form-group journey-type no-bottom-margin">
              <label class="sr-only" for="out_journey_indicator_modaltlbf--2">Outward journey type</label> <select class="" id="out_journey_indicator_modaltlbf--2" style="display: none;">
                <option data-displaystring="Departing after" selected value="Leave After">
                  Departing after
                </option>
                <option data-displaystring="Arriving before" value="Arrive Before">
                  Arriving before
                </option>
              </select>
              <div class="chosen-container chosen-container-single chosen-container-single-nosearch" id="out_journey_indicator_modaltlbf__2_chosen" style="width: auto;" title="">
                <span class="chosen-single"><span>Departing after</span></span>
                <div>
                  <b></b>
                </div>
                <div class="chosen-drop">
                  <div class="chosen-search">
                    <label class="visually-hidden" for="search_out_journey_indicator_modaltlbf--2">Search for item</label> <input autocomplete="off" class="chosen-search-input" id=
                    "search_out_journey_indicator_modaltlbf--2" name="search_out_journey_indicator_modaltlbf--2" readonly type="text">
                  </div>
                  <ul class="chosen-results"></ul>
                </div>
              </div>
            </div>
            <div class="col-md-3 form-group journey-time no-bottom-margin">
              <label class="sr-only" for="out_time_modaltlbf--2">Outbound time</label> <select class="time" id="out_time_modaltlbf--2" 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">
                  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 selected 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" id="out_time_modaltlbf__2_chosen" style="width: auto;" title="">
                <span class="chosen-single"><span>21:00</span></span>
                <div>
                  <b></b>
                </div>
                <div class="chosen-drop">
                  <div class="chosen-search">
                    <label class="visually-hidden" for="search_out_time_modaltlbf--2">Search for item</label> <input autocomplete="off" class="chosen-search-input" id="search_out_time_modaltlbf--2"
                                                                                                                     name="search_out_time_modaltlbf--2" readonly type="text">
                  </div>
                  <ul class="chosen-results"></ul>
                </div>
              </div>
            </div>
          </div>
          <div class="buttons desktop-only form-group-no-pad">
            <button aria-label="Select 6 am for outbound journey" class="btn btn-outline-default btn-sm sixam" type="button">6am</button> <button aria-label="Select 12 pm for outbound journey" class=
            "btn btn-outline-default btn-sm twelvepm" type="button">12pm</button> <button aria-label="Select 6 pm for outbound journey" class="btn btn-outline-default btn-sm sixpm" type=
            "button">6pm</button> <button aria-label="Select 9 pm for outbound journey" class="btn btn-outline-default btn-sm ninepm" type="button">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 aria-hidden="true" class="fas fa-reply"></i> Return</span> <input class="date retdate" name="INBOUND_DATE" type="hidden" value="01/12/2022"> <input class=
                                                                                                                                                                                       "journey_indicator ret_journey_indicator" name="INBOUND_ARRIVAL_DEPARTURE_INDICATOR" type="hidden" value="Leave After"> <input class="time ret-time" name="INBOUND_TIME" type="hidden" value=
        "22:00">
        <div class="display-group mb-3" data-type="return">
          <div class="form-group form-group-no-pad">
            <div class="input-group">
              <a class="dpg-btn form-text form-control" href="#" tabindex="-1"><span class="sr-only">Return journey on</span> <span class="date">01/12/2022</span> <span class="sr-only">,</span>
                <span class="journey-indicator">Departing after</span>: <span class="time">22:00</span> <span class="sr-only">. Select to change</span></a>
              <div class="suffix input-group-text">
                <span aria-hidden="true" class="icon"><i class="fas fa-calendar-alt"></i></span>
              </div>
            </div>
          </div>
          <div class="modal-contents" style="display: none;">
            <h2 class="header" id="returndatetlbf--2">
              <i aria-hidden="true" class="fas fa-calendar-alt"></i> Return date
            </h2>
            <div aria-controls="return_datepicker_status_tlbf--2" aria-label="Calendar" class="form-group datepicker hasDatepicker" data-numberofmonths="2" data-type="retdate" id="dp1669924784374"
                 role="application">
              <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">December</span>&nbsp;<span class="ui-datepicker-year">2022</span>
                    </div>
                  </div>
                  <table class="ui-datepicker-calendar" role="grid">
                    <thead>
                    <tr>
                      <th class="ui-datepicker-week-end" scope="col">
                        <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 class="ui-datepicker-week-end" scope="col">
                        <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-days-cell-over ui-datepicker-current-day ui-datepicker-today" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                        <a aria-label="1 - Tue Nov 01 2022" class="ui-state-default ui-state-highlight ui-state-active ui-state-hover" data-date="1" href="#" role="button">1</a>
                      </td>
                      <td class="" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                        <a aria-label="2 - Wed Nov 02 2022" class="ui-state-default" data-date="2" href="#" role="button">2</a>
                      </td>
                      <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                        <a aria-label="3 - Thu Nov 03 2022" class="ui-state-default" data-date="3" href="#" role="button">3</a>
                      </td>
                    </tr>
                    <tr>
                      <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                        <a aria-label="4 - Fri Nov 04 2022" class="ui-state-default" data-date="4" href="#" role="button">4</a>
                      </td>
                      <td class="" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                        <a aria-label="5 - Sat Nov 05 2022" class="ui-state-default" data-date="5" href="#" role="button">5</a>
                      </td>
                      <td class="" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                        <a aria-label="6 - Sun Nov 06 2022" class="ui-state-default" data-date="6" href="#" role="button">6</a>
                      </td>
                      <td class="" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                        <a aria-label="7 - Mon Nov 07 2022" class="ui-state-default" data-date="7" href="#" role="button">7</a>
                      </td>
                      <td class="" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                        <a aria-label="8 - Tue Nov 08 2022" class="ui-state-default" data-date="8" href="#" role="button">8</a>
                      </td>
                      <td class="" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                        <a aria-label="9 - Wed Nov 09 2022" class="ui-state-default" data-date="9" href="#" role="button">9</a>
                      </td>
                      <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                        <a aria-label="10 - Thu Nov 10 2022" class="ui-state-default" data-date="10" href="#" role="button">10</a>
                      </td>
                    </tr>
                    <tr>
                      <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                        <a aria-label="11 - Fri Nov 11 2022" class="ui-state-default" data-date="11" href="#" role="button">11</a>
                      </td>
                      <td class="" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                        <a aria-label="12 - Sat Nov 12 2022" class="ui-state-default" data-date="12" href="#" role="button">12</a>
                      </td>
                      <td class="" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                        <a aria-label="13 - Sun Nov 13 2022" class="ui-state-default" data-date="13" href="#" role="button">13</a>
                      </td>
                      <td class="" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                        <a aria-label="14 - Mon Nov 14 2022" class="ui-state-default" data-date="14" href="#" role="button">14</a>
                      </td>
                      <td class="" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                        <a aria-label="15 - Tue Nov 15 2022" class="ui-state-default" data-date="15" href="#" role="button">15</a>
                      </td>
                      <td class="" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                        <a aria-label="16 - Wed Nov 16 2022" class="ui-state-default" data-date="16" href="#" role="button">16</a>
                      </td>
                      <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                        <a aria-label="17 - Thu Nov 17 2022" class="ui-state-default" data-date="17" href="#" role="button">17</a>
                      </td>
                    </tr>
                    <tr>
                      <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                        <a aria-label="18 - Fri Nov 18 2022" class="ui-state-default" data-date="18" href="#" role="button">18</a>
                      </td>
                      <td class="" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                        <a aria-label="19 - Sat Nov 19 2022" class="ui-state-default" data-date="19" href="#" role="button">19</a>
                      </td>
                      <td class="" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                        <a aria-label="20 - Sun Nov 20 2022" class="ui-state-default" data-date="20" href="#" role="button">20</a>
                      </td>
                      <td class="" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                        <a aria-label="21 - Mon Nov 21 2022" class="ui-state-default" data-date="21" href="#" role="button">21</a>
                      </td>
                      <td class="" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                        <a aria-label="22 - Tue Nov 22 2022" class="ui-state-default" data-date="22" href="#" role="button">22</a>
                      </td>
                      <td class="" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                        <a aria-label="23 - Wed Nov 23 2022" class="ui-state-default" data-date="23" href="#" role="button">23</a>
                      </td>
                      <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                        <a aria-label="24 - Thu Nov 24 2022" class="ui-state-default" data-date="24" href="#" role="button">24</a>
                      </td>
                    </tr>
                    <tr>
                      <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                        <a aria-label="25 - Fri Nov 25 2022" class="ui-state-default" data-date="25" href="#" role="button">25</a>
                      </td>
                      <td class="" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                        <a aria-label="26 - Sat Nov 26 2022" class="ui-state-default" data-date="26" href="#" role="button">26</a>
                      </td>
                      <td class="" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                        <a aria-label="27 - Sun Nov 27 2022" class="ui-state-default" data-date="27" href="#" role="button">27</a>
                      </td>
                      <td class="" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                        <a aria-label="28 - Mon Nov 28 2022" class="ui-state-default" data-date="28" href="#" role="button">28</a>
                      </td>
                      <td class="" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                        <a aria-label="29 - Tue Nov 29 2022" class="ui-state-default" data-date="29" href="#" role="button">29</a>
                      </td>
                      <td class="" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                        <a aria-label="30 - Wed Nov 30 2022" class="ui-state-default" data-date="30" href="#" role="button">30</a>
                      </td>
                      <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="11" data-year="2022">
                        <a aria-label="31 - Thu Dec 01 2022" class="ui-state-default" data-date="31" href="#" role="button">31</a>
                      </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-event="click" data-handler="next" href="#" role="button"><span class="ui-icon ui-icon-circle-triangle-e">Next Month, February
                    2023</span></a>
                    <div class="ui-datepicker-title">
                      <span class="ui-datepicker-month">January</span>&nbsp;<span class="ui-datepicker-year">2023</span>
                    </div>
                  </div>
                  <table class="ui-datepicker-calendar" role="grid">
                    <thead>
                    <tr>
                      <th class="ui-datepicker-week-end" scope="col">
                        <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 class="ui-datepicker-week-end" scope="col">
                        <span title="Saturday">Sa</span>
                      </th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                      <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                        <a aria-label="1 - Invalid Date" class="ui-state-default" data-date="1" href="#" role="button">1</a>
                      </td>
                      <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                        <a aria-label="2 - Invalid Date" class="ui-state-default" data-date="2" href="#" role="button">2</a>
                      </td>
                      <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                        <a aria-label="3 - Invalid Date" class="ui-state-default" data-date="3" href="#" role="button">3</a>
                      </td>
                      <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                        <a aria-label="4 - Invalid Date" class="ui-state-default" data-date="4" href="#" role="button">4</a>
                      </td>
                      <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                        <a aria-label="5 - Invalid Date" class="ui-state-default" data-date="5" href="#" role="button">5</a>
                      </td>
                      <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                        <a aria-label="6 - Invalid Date" class="ui-state-default" data-date="6" href="#" role="button">6</a>
                      </td>
                      <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                        <a aria-label="7 - Invalid Date" class="ui-state-default" data-date="7" href="#" role="button">7</a>
                      </td>
                    </tr>
                    <tr>
                      <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                        <a aria-label="8 - Invalid Date" class="ui-state-default" data-date="8" href="#" role="button">8</a>
                      </td>
                      <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                        <a aria-label="9 - Invalid Date" class="ui-state-default" data-date="9" href="#" role="button">9</a>
                      </td>
                      <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                        <a aria-label="10 - Invalid Date" class="ui-state-default" data-date="10" href="#" role="button">10</a>
                      </td>
                      <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                        <a aria-label="11 - Invalid Date" class="ui-state-default" data-date="11" href="#" role="button">11</a>
                      </td>
                      <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                        <a aria-label="12 - Invalid Date" class="ui-state-default" data-date="12" href="#" role="button">12</a>
                      </td>
                      <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                        <a aria-label="13 - Invalid Date" class="ui-state-default" data-date="13" href="#" role="button">13</a>
                      </td>
                      <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                        <a aria-label="14 - Invalid Date" class="ui-state-default" data-date="14" href="#" role="button">14</a>
                      </td>
                    </tr>
                    <tr>
                      <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                        <a aria-label="15 - Invalid Date" class="ui-state-default" data-date="15" href="#" role="button">15</a>
                      </td>
                      <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                        <a aria-label="16 - Invalid Date" class="ui-state-default" data-date="16" href="#" role="button">16</a>
                      </td>
                      <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                        <a aria-label="17 - Invalid Date" class="ui-state-default" data-date="17" href="#" role="button">17</a>
                      </td>
                      <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                        <a aria-label="18 - Invalid Date" class="ui-state-default" data-date="18" href="#" role="button">18</a>
                      </td>
                      <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                        <a aria-label="19 - Invalid Date" class="ui-state-default" data-date="19" href="#" role="button">19</a>
                      </td>
                      <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                        <a aria-label="20 - Invalid Date" class="ui-state-default" data-date="20" href="#" role="button">20</a>
                      </td>
                      <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                        <a aria-label="21 - Invalid Date" class="ui-state-default" data-date="21" href="#" role="button">21</a>
                      </td>
                    </tr>
                    <tr>
                      <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                        <a aria-label="22 - Invalid Date" class="ui-state-default" data-date="22" href="#" role="button">22</a>
                      </td>
                      <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                        <a aria-label="23 - Invalid Date" class="ui-state-default" data-date="23" href="#" role="button">23</a>
                      </td>
                      <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                        <a aria-label="24 - Invalid Date" class="ui-state-default" data-date="24" href="#" role="button">24</a>
                      </td>
                      <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                        <a aria-label="25 - Invalid Date" class="ui-state-default" data-date="25" href="#" role="button">25</a>
                      </td>
                      <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                        <a aria-label="26 - Invalid Date" class="ui-state-default" data-date="26" href="#" role="button">26</a>
                      </td>
                      <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                        <a aria-label="27 - Invalid Date" class="ui-state-default" data-date="27" href="#" role="button">27</a>
                      </td>
                      <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                        <a aria-label="28 - Invalid Date" class="ui-state-default" data-date="28" href="#" role="button">28</a>
                      </td>
                    </tr>
                    <tr>
                      <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                        <a aria-label="29 - Invalid Date" class="ui-state-default" data-date="29" href="#" role="button">29</a>
                      </td>
                      <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                        <a aria-label="30 - Invalid Date" class="ui-state-default" data-date="30" href="#" role="button">30</a>
                      </td>
                      <td class="" data-event="click" data-handler="selectDay" data-month="0" data-year="2023">
                        <a aria-label="31 - Invalid Date" class="ui-state-default" data-date="31" href="#" 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-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 aria-live="polite" class="ui-helper-hidden-accessible" id="return_datepicker_status_tlbf--2" role="status"></span>
            <div class="buttons desktop-only form-group-no-pad">
              <button aria-label="Select today for return journey" class="btn btn-outline-default btn-sm today" type="button">Today</button> <button aria-label="Select tomorrow for return journey"
                                                                                                                                                     class="btn btn-outline-default btn-sm tomorrow" type="button">Tomorrow</button>
            </div>
            <hr class="desktop-only">
            <h2>
              <i aria-hidden="true" class="fas fa-clock"></i> Return time
            </h2>
            <div class="row">
              <div class="col-md-3 form-group journey-type no-bottom-margin">
                <label class="sr-only" for="ret_journey_indicator_modaltlbf--2">Outward journey type</label> <select class="" id="ret_journey_indicator_modaltlbf--2" style="display: none;">
                  <option data-displaystring="Departing after" selected value="Leave After">
                    Departing after
                  </option>
                  <option data-displaystring="Arriving before" value="Arrive Before">
                    Arriving before
                  </option>
                </select>
                <div class="chosen-container chosen-container-single chosen-container-single-nosearch" id="ret_journey_indicator_modaltlbf__2_chosen" style="width: auto;" title="">
                  <span class="chosen-single"><span>Departing after</span></span>
                  <div>
                    <b></b>
                  </div>
                  <div class="chosen-drop">
                    <div class="chosen-search">
                      <label class="visually-hidden" for="search_ret_journey_indicator_modaltlbf--2">Search for item</label> <input autocomplete="off" class="chosen-search-input" id=
                      "search_ret_journey_indicator_modaltlbf--2" name="search_ret_journey_indicator_modaltlbf--2" readonly type="text">
                    </div>
                    <ul class="chosen-results"></ul>
                  </div>
                </div>
              </div>
              <div class="col-md-3 form-group journey-time no-bottom-margin">
                <label class="sr-only" for="ret_time_modaltlbf--2">Return time</label> <select class="time" id="ret_time_modaltlbf--2" 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">
                    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 selected 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" id="ret_time_modaltlbf__2_chosen" style="width: auto;" title="">
                  <span class="chosen-single"><span>22:00</span></span>
                  <div>
                    <b></b>
                  </div>
                  <div class="chosen-drop">
                    <div class="chosen-search">
                      <label class="visually-hidden" for="search_ret_time_modaltlbf--2">Search for item</label> <input autocomplete="off" class="chosen-search-input" id="search_ret_time_modaltlbf--2"
                                                                                                                       name="search_ret_time_modaltlbf--2" readonly type="text">
                    </div>
                    <ul class="chosen-results"></ul>
                  </div>
                </div>
              </div>
            </div>
            <div class="buttons desktop-only form-group-no-pad">
              <button aria-label="Select 6 am for return journey" class="btn btn-outline-default btn-sm sixam" type="button">6am</button> <button aria-label="Select 12 pm for return journey" class=
              "btn btn-outline-default btn-sm twelvepm" type="button">12pm</button> <button aria-label="Select 6 pm for return journey" class="btn btn-outline-default btn-sm sixpm" type=
              "button">6pm</button> <button aria-label="Select 9 pm for return journey" class="btn btn-outline-default btn-sm ninepm" type="button">9pm</button>
            </div>
          </div>
        </div><!-- End return display group -->
      </div>
    </div><!-- End return form group -->
    <div class="passengers display-group-wrapper mb-2">
      <input class="adults" name="NUMBER_OF_ADULTS" type="hidden" value="1"> <input class="children" name="NUMBER_OF_CHILDREN" type="hidden" value="0"> <input class="railcard_1" name="RAIL_CARD_CODE"
                                                                                                                                                               type="hidden" value="None"> <input class="amount_1" name="NUMBER_OF_RAIL_CARDS" type="hidden" value="0"> <input class="railcard_2" name="RAIL_CARD_CODE2" type="hidden" value="None">
      <input class="amount_2" name="NUMBER_OF_RAIL_CARDS2" type="hidden" value="0"> <input class="railcard_3" name="RAIL_CARD_CODE3" type="hidden" value="None"> <input class="amount_3" name=
      "NUMBER_OF_RAIL_CARDS3" type="hidden" value="0">
      <div class="display-group" data-type="passengers">
        <div class="form-group form-group-no-pad">
          <div class="input-group">
            <a class="dpg-btn form-text form-control" href="#" tabindex="-1"><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 class="dpg-btn" href="#" tabindex="-1"><span aria-hidden="true" class="icon"><i aria-hidden="true" class="fas fa-chevron-down"></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 aria-hidden="true" class="fas fa-user"></i> Travellers
          </h2>
          <div class="form-inline adults-children">
            <div class="form-group inline">
              <div class="adults">
                <label class="adults-child" for="adults_modaltlbf--2">Adults (16+)</label>
                <div class="spinnerExt input-group ordered-group bkend-group ui-spinner ui-corner-all ui-widget ui-widget-content">
                  <input aria-valuenow="1" autocomplete="off" class="spinnerExt form-text required form-control adults adults_modal ui-spinner-input" id="adults_modaltlbf--2" maxlength="1" readonly=
                  "readonly" role="spinbutton" value="1"> <a aria-hidden="true" class=
                  "suffix input-group-text a-pri ui-spinner-up ui-button ui-widget ui-spinner-button ui-corner-tr ui-button-icon-only" role="button" tabindex="-1"><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 aria-hidden="true"
                                                                                                                                                                                                                                                                                                                                         class="prefix input-group-text a-pri ui-spinner-down ui-button ui-widget ui-spinner-button ui-corner-br ui-button-icon-only" role="button" tabindex="-1"><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 aria-label="Children 5 to 15 (Under 5s travel free)" class="adults-child" for="children_modaltlbf--2">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 aria-valuenow="0" autocomplete="off" class="spinnerExt form-text required form-control children children_modal ui-spinner-input" id="children_modaltlbf--2" maxlength="1"
                         readonly="readonly" role="spinbutton" value="0"> <a aria-hidden="true" class=
                  "suffix input-group-text a-pri ui-spinner-up ui-button ui-widget ui-spinner-button ui-corner-tr ui-button-icon-only" role="button" tabindex="-1"><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 aria-hidden="true"
                                                                                                                                                                                                                                                                                                                                         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" role="button" tabindex="-1"><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 class="sr-only" for="railcard_1_modaltlbf--2">Railcard 1</label> <select class="railcard railcard_1 railcard_1_modal" id="railcard_1_modaltlbf--2" style="display: none;">
                <option selected value="TSU">
                  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="G5O">
                  Club 50 Web - Greater Anglia
                </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 Persons 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">
                  Scottish Youth Railcard
                </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
                </option>
                <option value="VLC">
                  Valley Lines Student Card
                </option>
                <option value="VET">
                  Veterans Railcard
                </option>
                <option value="WGC">
                  WG Concession Bus Pass
                </option>
              </select>
              <div class="chosen-container chosen-container-single railcard railcard_1 railcard_1_modal chosen-container-single-nosearch" id="railcard_1_modaltlbf__2_chosen" style="width: auto;"
                   title="">
                <span class="chosen-single"><span>16-17 Saver</span></span>
                <div>
                  <b></b>
                </div>
                <div class="chosen-drop">
                  <div class="chosen-search">
                    <label class="visually-hidden" for="search_railcard_1_modaltlbf--2">Search for item</label> <input autocomplete="off" class="chosen-search-input" id=
                    "search_railcard_1_modaltlbf--2" name="search_railcard_1_modaltlbf--2" readonly type="text">
                  </div>
                  <ul class="chosen-results"></ul>
                </div>
              </div><label class="sr-only" for="amount_1_modaltlbf--2">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">
                <input aria-valuenow="0" autocomplete="off" class="spinnerExt form-text required form-control amount_1 amount_1_modal ui-spinner-input" data-initiallydisabled="1" id=
                "amount_1_modaltlbf--2" maxlength="1" readonly="readonly" role="spinbutton" value="0"> <a aria-hidden="true" class=
                "suffix input-group-text a-pri ui-spinner-up ui-button ui-widget ui-spinner-button ui-corner-tr ui-button-icon-only" role="button" tabindex="-1"><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 aria-hidden="true"
                                                                                                                                                                                                                                                                                                                                       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" role="button" tabindex="-1"><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 class="sr-only" for="railcard_2_modaltlbf--2">Railcard 2</label> <select class="railcard railcard_2 railcard_2_modal" id="railcard_2_modaltlbf--2" style="display: none;">
                <option selected value="TSU">
                  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="G5O">
                  Club 50 Web - Greater Anglia
                </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 Persons 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">
                  Scottish Youth Railcard
                </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
                </option>
                <option value="VLC">
                  Valley Lines Student Card
                </option>
                <option value="VET">
                  Veterans Railcard
                </option>
                <option value="WGC">
                  WG Concession Bus Pass
                </option>
              </select>
              <div class="chosen-container chosen-container-single railcard railcard_2 railcard_2_modal chosen-container-single-nosearch" id="railcard_2_modaltlbf__2_chosen" style="width: auto;"
                   title="">
                <span class="chosen-single"><span>16-17 Saver</span></span>
                <div>
                  <b></b>
                </div>
                <div class="chosen-drop">
                  <div class="chosen-search">
                    <label class="visually-hidden" for="search_railcard_2_modaltlbf--2">Search for item</label> <input autocomplete="off" class="chosen-search-input" id=
                    "search_railcard_2_modaltlbf--2" name="search_railcard_2_modaltlbf--2" readonly type="text">
                  </div>
                  <ul class="chosen-results"></ul>
                </div>
              </div><label class="sr-only" for="amount_2_modaltlbf--2">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">
                <input aria-valuenow="0" autocomplete="off" class="spinnerExt form-text required form-control amount_2 amount_2_modal ui-spinner-input" data-initiallydisabled="1" id=
                "amount_2_modaltlbf--2" maxlength="1" readonly="readonly" role="spinbutton" value="0"> <a aria-hidden="true" class=
                "suffix input-group-text a-pri ui-spinner-up ui-button ui-widget ui-spinner-button ui-corner-tr ui-button-icon-only" role="button" tabindex="-1"><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 aria-hidden="true"
                                                                                                                                                                                                                                                                                                                                       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" role="button" tabindex="-1"><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 class="sr-only" for="railcard_3_modaltlbf--2">Railcard 3</label> <select class="railcard railcard_3 railcard_3_modal" id="railcard_3_modaltlbf--2" style="display: none;">
                <option selected value="TSU">
                  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="G5O">
                  Club 50 Web - Greater Anglia
                </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 Persons 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">
                  Scottish Youth Railcard
                </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
                </option>
                <option value="VLC">
                  Valley Lines Student Card
                </option>
                <option value="VET">
                  Veterans Railcard
                </option>
                <option value="WGC">
                  WG Concession Bus Pass
                </option>
              </select>
              <div class="chosen-container chosen-container-single railcard railcard_3 railcard_3_modal chosen-container-single-nosearch" id="railcard_3_modaltlbf__2_chosen" style="width: auto;"
                   title="">
                <span class="chosen-single"><span>16-17 Saver</span></span>
                <div>
                  <b></b>
                </div>
                <div class="chosen-drop">
                  <div class="chosen-search">
                    <label class="visually-hidden" for="search_railcard_3_modaltlbf--2">Search for item</label> <input autocomplete="off" class="chosen-search-input" id=
                    "search_railcard_3_modaltlbf--2" name="search_railcard_3_modaltlbf--2" readonly type="text">
                  </div>
                  <ul class="chosen-results"></ul>
                </div>
              </div><label class="sr-only" for="amount_3_modaltlbf--2">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">
                <input aria-valuenow="0" autocomplete="off" class="spinnerExt form-text required form-control amount_3 amount_3_modal ui-spinner-input" data-initiallydisabled="1" id=
                "amount_3_modaltlbf--2" maxlength="1" readonly="readonly" role="spinbutton" value="0"> <a aria-hidden="true" class=
                "suffix input-group-text a-pri ui-spinner-up ui-button ui-widget ui-spinner-button ui-corner-tr ui-button-icon-only" role="button" tabindex="-1"><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 aria-hidden="true"
                                                                                                                                                                                                                                                                                                                                       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" role="button" tabindex="-1"><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 aria-label="Add another railcard" class="btn btn-sm btn-icon add-railcard" style="" title="Add another railcard" type="button">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 class="form-control form-text datepicker start-date hasDatepicker" data-maxdate="+27d" id="start-datetlbf--2" name="startDate" type="text" value="01/12/2022">
            <div class="suffix input-group-text">
              <button class="btn btn-sm a-pri" tabindex="-1" type="button"><i aria-hidden="true" class="fas fa-calendar-alt"></i><span class="sr-only">Open calendar</span></button>
            </div>
          </div>
        </div>
      </div>
      <div class="seasons">
        <div class="form-group">
          <label>Type</label>
          <div aria-label="Passenger type." class="input-group" role="radiogroup">
            <div aria-checked="true" aria-disabled="false" aria-labelledby="iCheck-sjpagb" class="iradio_line checked" role="radio">
              <input checked class="icheck" id="passenger-1" name="passenger" style="position: absolute; opacity: 0;" type="radio" value="adult">
              <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 class="sr-only" for="passenger-1" id="iCheck-sjpagb">Adult</label>
            <div aria-checked="false" aria-disabled="true" aria-labelledby="iCheck-sj6iw9" class="iradio_line disabled" role="radio">
              <input class="icheck" disabled="disabled" id="passenger-2" name="passenger" style="position: absolute; opacity: 0;" type="radio" value="child">
              <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 class="sr-only" for="passenger-2" id="iCheck-sj6iw9">Child</label>
          </div>
        </div>
      </div>
      <div class="seasons">
        <div class="form-group">
          <label>Class</label>
          <div aria-label="Ticket type." class="input-group" role="radiogroup">
            <div aria-checked="true" aria-disabled="false" aria-labelledby="iCheck-6m4bi4" class="iradio_line checked" role="radio">
              <input checked class="icheck" id="class-1" name="ticketclass" style="position: absolute; opacity: 0;" type="radio" value="standard">
              <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 class="sr-only" for="class-1" id="iCheck-6m4bi4">Standard</label>
            <div aria-checked="false" aria-disabled="false" aria-labelledby="iCheck-6nhd7s" class="iradio_line" role="radio">
              <input class="icheck" id="class-2" name="ticketclass" style="position: absolute; opacity: 0;" type="radio" value="firstclass">
              <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 class="sr-only" for="class-2" id="iCheck-6nhd7s">First</label>
          </div>
        </div>
      </div>
    </div><!-- End extra section -->
    <div class="promo-message">
      <div class="promotional-code form-group form-group-inline">
        <label for="promo-code"><a href="#" tabindex="-1">Add a promo code <i aria-hidden="true" class="fas fa-plus-circle"></i></a></label> <input class="form-control form-text" id="promo-code"
                                                                                                                                                    name="PROMOTION_CODE" placeholder="Enter your promo code" style="display: none;" type="text">
      </div>
      <div class="message">
        <p class="bottom-text">
          Wheelchair accessible space in Standard only
        </p>
      </div>
    </div>
    <div class="our-trains-only">
      <input disabled name="FILTER_BY_TOC" type="hidden" value="True">
    </div><input class="best-orig" name="orig" type="hidden"> <input class="best-dest" name="dest" type="hidden"> <input class="best-out" name="out" type="hidden"> <input class="best-rtn" name="rtn"
                                                                                                                                                                           type="hidden"> <input class="journey_type" name="JOURNEY_TYPE" type="hidden" value="Return"> <button class="submit btn btn-outline-default btn-md mb-0 p-2 px-3 rounded-3 w-100"
                                                                                                                                                                                                                                                                                data-dashlane-label="true" data-dashlane-rid="7dd6c7181c059808" data-form-type="action,search" tabindex="-1" type="submit"><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>
  </form>
</div>
