{# 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" id="buy-tickets">

  <form action="https://et2-buytickets-greateranglia.ttlnonprod.com/buytickets/datapassedin.aspx" class="trainline-booking-form validate-exclude advanced dual ui-front m-0 p-0" data-mobilesearchurl=
  "https://et2-m-greateranglia.ttlnonprod.com/search" data-mobileurl="https://et2-m-greateranglia.ttlnonprod.com/DataPassedIn" method="post" novalidate="novalidate">
    <div class="mobile-only mobile-header">
      <h2 class="mb-0">
        Buy cheap train tickets
      </h2><a class="close-mobile mbvis" data-alt-overlay="off" data-alt-target-pane="#tbi-buy-tickets" data-alt-target-tab="#tbt-buy-tickets" data-alt-toggle="tabclose" data-once=
      "altToggle altToggleTabClose altOverlay" href="#" role="button"><i class="fas fa-times-circle"></i> <span class="sr-only">Close booking form.</span></a>
    </div>
    <div class="ivp-wrapper">
      <div class="initially-visible-portion row">
        <div class="col-md-12">
          <div aria-atomic="true" aria-live="polite" class="messages alert alert-danger" id="booking-form-errors-tlbf" role="alert" style="display: none;">
            <ul style="display: none;"></ul>
          </div>
        </div>
        <div class="col-md-5 form-group-col">
          <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">From<span class="mobile-only">:</span> <span class="sr-only">Required form
            item</span></label> <input aria-autocomplete="list" aria-controls="listbox_fromtlbf_container" aria-expanded="false" aria-invalid="false" aria-owns="listbox_fromtlbf_container"
                                       autocomplete="off" class="form-text form-control trainline-autocomplete ui-autocomplete-input from-station autocomplete-selected" data-name="ORIGIN_STATION" id="from-buytlbf" name=
                                       "bookingFormFromStation" placeholder="Enter origin station" role="combobox" spellcheck="false" style="" 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" 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="ui-id-2" style="display: none;" tabindex="0"></ul>
          </div>
        </div>
        <div class="col-md-0-hlf swap-col">
          <button class="swap-stations btn btn-sm btn-icon a-pri mb-0" 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="col-md-5 form-group-col">
          <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">To<span class="mobile-only">:</span> <span class="sr-only">Required form item</span></label>
              <input aria-autocomplete="list" aria-controls="listbox_totlbf_container" aria-expanded="false" aria-owns="listbox_totlbf_container" autocomplete="off" class=
              "form-text form-control trainline-autocomplete ui-autocomplete-input to-station autocomplete-selected" data-name="DESTINATION_STATION" id="totlbf" name="bookingFormToStation" placeholder=
                     "Enter destination station" role="combobox" spellcheck="false" style="" type="text">
            </div>
            <ul class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front" id="ui-id-3" style="display: none;" tabindex="0"></ul>
          </div>
        </div>
        <div class="col-md-1-hlf" id="ihpct">
          <button aria-expanded="false" class="btn btn-sm btn-icon a-pri mb-0 bel belirf belian toggle collapsed" data-bs-target="#tls-bkf-tlbf" data-bs-toggle="collapse" id="act-a" role="button"
                  title="Expand booking form" type="button"><span class="bell px-1">More</span> <i class="fas fa-chevron-down beli belir"></i> <i class="fas fa-chevron-up beli belir belih"></i></button>
        </div>
      </div>
    </div>
    <div class="initially-hidden-portion collapse" id="tls-bkf-tlbf" style="">
      <div class="chips-container">
        <div class="choices chips with-advance-link show-link">
          <ul aria-label="Ticket type." aria-owns="" class="choices chips-lg chips-list 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"><i class="fas fa-check-circle"></i> Return</a>
            </li>
            <li class="lic" role="presentation">
              <a aria-checked="false" data-message="" data-type="single" href="#" id="chip-single" role="radio"><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"><i class="fas fa-check-circle"></i> Season</a>
            </li>
            <li class="lic" role="presentation">
              <a aria-checked="false" data-message="" data-type="flexipass" href="#" id="chip-flexi" role="radio"><i class="fas fa-check-circle"></i> Flexi Season</a>
            </li>
          </ul><a class="advanced-search" href="https://et2-buytickets-greateranglia.ttlnonprod.com/buytickets/advancedsearch.aspx" rel="noopener" target="_blank"><i class=
                                                                                                                                                                      "fas fa-sliders-h"></i><span>Advanced<br>
        Search</span></a>
        </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="" class="show-me choices chips-md chips-list ulc" role="radiogroup">
            <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="wrapper">
        <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 class="col-md-6">
            <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="24/07/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="16:45">
              <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="#"><span class="sr-only">Outbound journey on</span> <span class="date">24/07/2022</span> <span class="sr-only">,</span> <span class=
                                                                                                                                                                                                  "journey-indicator">Departing after</span>: <span class="time">16:45</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">
                    <i aria-hidden="true" class="fas fa-calendar-alt"></i> Outbound date
                  </h2>
                  <div aria-controls="outbound_datepicker_status_tlbf" aria-label="Calendar" class="form-group datepicker hasDatepicker" data-numberofmonths="2" data-type="outdate" id="dp1658674071023"
                       role="application">
                    <div class="ui-datepicker-inline ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-datepicker-multi-2 ui-datepicker-multi" 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">July</span>&nbsp;<span class="ui-datepicker-year">2022</span>
                          </div>
                        </div>
                        <table class="ui-datepicker-calendar" role="grid">
                          <thead role="rowgroup">
                          <tr role="row">
                            <th class="ui-datepicker-week-end" role="columnheader" scope="col">
                              <span title="Sunday">Su</span>
                            </th>
                            <th role="columnheader" scope="col">
                              <span title="Monday">Mo</span>
                            </th>
                            <th role="columnheader" scope="col">
                              <span title="Tuesday">Tu</span>
                            </th>
                            <th role="columnheader" scope="col">
                              <span title="Wednesday">We</span>
                            </th>
                            <th role="columnheader" scope="col">
                              <span title="Thursday">Th</span>
                            </th>
                            <th role="columnheader" scope="col">
                              <span title="Friday">Fr</span>
                            </th>
                            <th class="ui-datepicker-week-end" role="columnheader" scope="col">
                              <span title="Saturday">Sa</span>
                            </th>
                          </tr>
                          </thead>
                          <tbody role="rowgroup">
                          <tr role="row">
                            <td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                              &nbsp;
                            </td>
                            <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                              &nbsp;
                            </td>
                            <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                              &nbsp;
                            </td>
                            <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                              &nbsp;
                            </td>
                            <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                              &nbsp;
                            </td>
                            <td class=" ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                              <span class="ui-state-default">1</span>
                            </td>
                            <td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                              <span class="ui-state-default">2</span>
                            </td>
                          </tr>
                          <tr role="row">
                            <td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                              <span class="ui-state-default">3</span>
                            </td>
                            <td class=" ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                              <span class="ui-state-default">4</span>
                            </td>
                            <td class=" ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                              <span class="ui-state-default">5</span>
                            </td>
                            <td class=" ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                              <span class="ui-state-default">6</span>
                            </td>
                            <td class=" ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                              <span class="ui-state-default">7</span>
                            </td>
                            <td class=" ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                              <span class="ui-state-default">8</span>
                            </td>
                            <td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                              <span class="ui-state-default">9</span>
                            </td>
                          </tr>
                          <tr role="row">
                            <td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                              <span class="ui-state-default">10</span>
                            </td>
                            <td class=" ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                              <span class="ui-state-default">11</span>
                            </td>
                            <td class=" ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                              <span class="ui-state-default">12</span>
                            </td>
                            <td class=" ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                              <span class="ui-state-default">13</span>
                            </td>
                            <td class=" ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                              <span class="ui-state-default">14</span>
                            </td>
                            <td class=" ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                              <span class="ui-state-default">15</span>
                            </td>
                            <td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                              <span class="ui-state-default">16</span>
                            </td>
                          </tr>
                          <tr role="row">
                            <td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                              <span class="ui-state-default">17</span>
                            </td>
                            <td class=" ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                              <span class="ui-state-default">18</span>
                            </td>
                            <td class=" ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                              <span class="ui-state-default">19</span>
                            </td>
                            <td class=" ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                              <span class="ui-state-default">20</span>
                            </td>
                            <td class=" ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                              <span class="ui-state-default">21</span>
                            </td>
                            <td class=" ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                              <span class="ui-state-default">22</span>
                            </td>
                            <td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                              <span class="ui-state-default">23</span>
                            </td>
                          </tr>
                          <tr role="row">
                            <td class=" ui-datepicker-week-end ui-datepicker-days-cell-over ui-datepicker-current-day ui-datepicker-today" data-event="click" data-handler="selectDay" data-month="6"
                                data-year="2022" role="gridcell">
                              <a aria-label="24 - Fri Jun 24 2022" class="ui-state-default ui-state-highlight ui-state-active ui-state-hover" data-date="24" href="#" role="button">24</a>
                            </td>
                            <td class="" data-event="click" data-handler="selectDay" data-month="6" data-year="2022" role="gridcell">
                              <a aria-label="25 - Sat Jun 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="6" data-year="2022" role="gridcell">
                              <a aria-label="26 - Sun Jun 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="6" data-year="2022" role="gridcell">
                              <a aria-label="27 - Mon Jun 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="6" data-year="2022" role="gridcell">
                              <a aria-label="28 - Tue Jun 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="6" data-year="2022" role="gridcell">
                              <a aria-label="29 - Wed Jun 29 2022" class="ui-state-default" data-date="29" href="#" role="button">29</a>
                            </td>
                            <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="6" data-year="2022" role="gridcell">
                              <a aria-label="30 - Thu Jun 30 2022" class="ui-state-default" data-date="30" href="#" role="button">30</a>
                            </td>
                          </tr>
                          <tr role="row">
                            <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="6" data-year="2022" role="gridcell">
                              <a aria-label="31 - Fri Jul 01 2022" 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" role="gridcell">
                              &nbsp;
                            </td>
                            <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                              &nbsp;
                            </td>
                            <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                              &nbsp;
                            </td>
                            <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                              &nbsp;
                            </td>
                            <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                              &nbsp;
                            </td>
                            <td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                              &nbsp;
                            </td>
                          </tr>
                          </tbody>
                        </table>
                      </div>
                      <div class="ui-datepicker-group ui-datepicker-group-last">
                        <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-right">
                          <a class="ui-datepicker-next ui-corner-all" data-event="click" data-handler="next" href="#" role="button"><span class="ui-icon ui-icon-circle-triangle-e">Next Month, September
                        2022</span></a>
                          <div class="ui-datepicker-title">
                            <span class="ui-datepicker-month">August</span>&nbsp;<span class="ui-datepicker-year">2022</span>
                          </div>
                        </div>
                        <table class="ui-datepicker-calendar" role="grid">
                          <thead role="rowgroup">
                          <tr role="row">
                            <th class="ui-datepicker-week-end" role="columnheader" scope="col">
                              <span title="Sunday">Su</span>
                            </th>
                            <th role="columnheader" scope="col">
                              <span title="Monday">Mo</span>
                            </th>
                            <th role="columnheader" scope="col">
                              <span title="Tuesday">Tu</span>
                            </th>
                            <th role="columnheader" scope="col">
                              <span title="Wednesday">We</span>
                            </th>
                            <th role="columnheader" scope="col">
                              <span title="Thursday">Th</span>
                            </th>
                            <th role="columnheader" scope="col">
                              <span title="Friday">Fr</span>
                            </th>
                            <th class="ui-datepicker-week-end" role="columnheader" scope="col">
                              <span title="Saturday">Sa</span>
                            </th>
                          </tr>
                          </thead>
                          <tbody role="rowgroup">
                          <tr role="row">
                            <td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                              &nbsp;
                            </td>
                            <td class="" data-event="click" data-handler="selectDay" data-month="7" data-year="2022" role="gridcell">
                              <a aria-label="1 - Fri Jul 01 2022" class="ui-state-default" data-date="1" href="#" role="button">1</a>
                            </td>
                            <td class="" data-event="click" data-handler="selectDay" data-month="7" data-year="2022" role="gridcell">
                              <a aria-label="2 - Sat Jul 02 2022" class="ui-state-default" data-date="2" href="#" role="button">2</a>
                            </td>
                            <td class="" data-event="click" data-handler="selectDay" data-month="7" data-year="2022" role="gridcell">
                              <a aria-label="3 - Sun Jul 03 2022" class="ui-state-default" data-date="3" href="#" role="button">3</a>
                            </td>
                            <td class="" data-event="click" data-handler="selectDay" data-month="7" data-year="2022" role="gridcell">
                              <a aria-label="4 - Mon Jul 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="7" data-year="2022" role="gridcell">
                              <a aria-label="5 - Tue Jul 05 2022" class="ui-state-default" data-date="5" href="#" role="button">5</a>
                            </td>
                            <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="7" data-year="2022" role="gridcell">
                              <a aria-label="6 - Wed Jul 06 2022" class="ui-state-default" data-date="6" href="#" role="button">6</a>
                            </td>
                          </tr>
                          <tr role="row">
                            <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="7" data-year="2022" role="gridcell">
                              <a aria-label="7 - Thu Jul 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="7" data-year="2022" role="gridcell">
                              <a aria-label="8 - Fri Jul 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="7" data-year="2022" role="gridcell">
                              <a aria-label="9 - Sat Jul 09 2022" class="ui-state-default" data-date="9" href="#" role="button">9</a>
                            </td>
                            <td class="" data-event="click" data-handler="selectDay" data-month="7" data-year="2022" role="gridcell">
                              <a aria-label="10 - Sun Jul 10 2022" class="ui-state-default" data-date="10" href="#" role="button">10</a>
                            </td>
                            <td class="" data-event="click" data-handler="selectDay" data-month="7" data-year="2022" role="gridcell">
                              <a aria-label="11 - Mon Jul 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="7" data-year="2022" role="gridcell">
                              <a aria-label="12 - Tue Jul 12 2022" class="ui-state-default" data-date="12" href="#" role="button">12</a>
                            </td>
                            <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="7" data-year="2022" role="gridcell">
                              <a aria-label="13 - Wed Jul 13 2022" class="ui-state-default" data-date="13" href="#" role="button">13</a>
                            </td>
                          </tr>
                          <tr role="row">
                            <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="7" data-year="2022" role="gridcell">
                              <a aria-label="14 - Thu Jul 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="7" data-year="2022" role="gridcell">
                              <a aria-label="15 - Fri Jul 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="7" data-year="2022" role="gridcell">
                              <a aria-label="16 - Sat Jul 16 2022" class="ui-state-default" data-date="16" href="#" role="button">16</a>
                            </td>
                            <td class="" data-event="click" data-handler="selectDay" data-month="7" data-year="2022" role="gridcell">
                              <a aria-label="17 - Sun Jul 17 2022" class="ui-state-default" data-date="17" href="#" role="button">17</a>
                            </td>
                            <td class="" data-event="click" data-handler="selectDay" data-month="7" data-year="2022" role="gridcell">
                              <a aria-label="18 - Mon Jul 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="7" data-year="2022" role="gridcell">
                              <a aria-label="19 - Tue Jul 19 2022" class="ui-state-default" data-date="19" href="#" role="button">19</a>
                            </td>
                            <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="7" data-year="2022" role="gridcell">
                              <a aria-label="20 - Wed Jul 20 2022" class="ui-state-default" data-date="20" href="#" role="button">20</a>
                            </td>
                          </tr>
                          <tr role="row">
                            <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="7" data-year="2022" role="gridcell">
                              <a aria-label="21 - Thu Jul 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="7" data-year="2022" role="gridcell">
                              <a aria-label="22 - Fri Jul 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="7" data-year="2022" role="gridcell">
                              <a aria-label="23 - Sat Jul 23 2022" class="ui-state-default" data-date="23" href="#" role="button">23</a>
                            </td>
                            <td class="" data-event="click" data-handler="selectDay" data-month="7" data-year="2022" role="gridcell">
                              <a aria-label="24 - Sun Jul 24 2022" class="ui-state-default" data-date="24" href="#" role="button">24</a>
                            </td>
                            <td class="" data-event="click" data-handler="selectDay" data-month="7" data-year="2022" role="gridcell">
                              <a aria-label="25 - Mon Jul 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="7" data-year="2022" role="gridcell">
                              <a aria-label="26 - Tue Jul 26 2022" class="ui-state-default" data-date="26" href="#" role="button">26</a>
                            </td>
                            <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="7" data-year="2022" role="gridcell">
                              <a aria-label="27 - Wed Jul 27 2022" class="ui-state-default" data-date="27" href="#" role="button">27</a>
                            </td>
                          </tr>
                          <tr role="row">
                            <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="7" data-year="2022" role="gridcell">
                              <a aria-label="28 - Thu Jul 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="7" data-year="2022" role="gridcell">
                              <a aria-label="29 - Fri Jul 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="7" data-year="2022" role="gridcell">
                              <a aria-label="30 - Sat Jul 30 2022" class="ui-state-default" data-date="30" href="#" role="button">30</a>
                            </td>
                            <td class="" data-event="click" data-handler="selectDay" data-month="7" data-year="2022" role="gridcell">
                              <a aria-label="31 - Sun Jul 31 2022" 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" role="gridcell">
                              &nbsp;
                            </td>
                            <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                              &nbsp;
                            </td>
                            <td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                              &nbsp;
                            </td>
                          </tr>
                          <tr role="row">
                            <td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                              &nbsp;
                            </td>
                            <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                              &nbsp;
                            </td>
                            <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                              &nbsp;
                            </td>
                            <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                              &nbsp;
                            </td>
                            <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                              &nbsp;
                            </td>
                            <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                              &nbsp;
                            </td>
                            <td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                              &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" 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">Outward journey type</label> <select class="form-select" id="out_journey_indicator_modaltlbf">
                        <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>
                    <div class="col-md-3 form-group journey-time no-bottom-margin">
                      <label class="sr-only" for="out_time_modaltlbf">Outbound time</label> <select class="time form-select" id="out_time_modaltlbf">
                        <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 selected value="16:45">
                          16:45
                        </option>
                        <option value="17:00">
                          17:00
                        </option>
                        <option value="17:15">
                          17:15
                        </option>
                        <option value="17:30">
                          17:30
                        </option>
                        <option value="17:45">
                          17:45
                        </option>
                        <option value="18:00">
                          18:00
                        </option>
                        <option value="18:15">
                          18:15
                        </option>
                        <option value="18:30">
                          18:30
                        </option>
                        <option value="18:45">
                          18:45
                        </option>
                        <option value="19:00">
                          19:00
                        </option>
                        <option value="19:15">
                          19:15
                        </option>
                        <option value="19:30">
                          19:30
                        </option>
                        <option value="19:45">
                          19:45
                        </option>
                        <option value="20:00">
                          20:00
                        </option>
                        <option value="20:15">
                          20:15
                        </option>
                        <option value="20:30">
                          20:30
                        </option>
                        <option value="20:45">
                          20:45
                        </option>
                        <option value="21:00">
                          21:00
                        </option>
                        <option value="21:15">
                          21:15
                        </option>
                        <option value="21:30">
                          21:30
                        </option>
                        <option value="21:45">
                          21:45
                        </option>
                        <option value="22:00">
                          22:00
                        </option>
                        <option value="22:15">
                          22:15
                        </option>
                        <option value="22:30">
                          22:30
                        </option>
                        <option value="22:45">
                          22:45
                        </option>
                        <option value="23:00">
                          23:00
                        </option>
                        <option value="23:15">
                          23:15
                        </option>
                        <option value="23:30">
                          23:30
                        </option>
                        <option value="23:45">
                          23:45
                        </option>
                      </select>
                    </div>
                  </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>
          <div class="col-md-6">
            <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="24/07/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="17:45">
                <div class="open-return fr">
                  <input class="openreturn" id="openreturntlbf" name="open-return" type="checkbox" value="Open return"> <label for="openreturntlbf">Open return</label>
                </div>
                <div class="display-group mb-3" data-type="return">
                  <div class="form-group form-group-no-pad">
                    <div class="input-group">
                      <a class="dpg-btn form-text form-control" href="#"><span class="sr-only">Return journey on</span> <span class="date">24/07/2022</span> <span class="sr-only">,</span> <span class=
                                                                                                                                                                                                  "journey-indicator">Departing after</span>: <span class="time">17:45</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">
                      <i aria-hidden="true" class="fas fa-calendar-alt"></i> Return date
                    </h2>
                    <div aria-controls="return_datepicker_status_tlbf" aria-label="Calendar" class="form-group datepicker hasDatepicker" data-numberofmonths="2" data-type="retdate" id="dp1658674071024"
                         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">July</span>&nbsp;<span class="ui-datepicker-year">2022</span>
                            </div>
                          </div>
                          <table class="ui-datepicker-calendar" role="grid">
                            <thead role="rowgroup">
                            <tr role="row">
                              <th class="ui-datepicker-week-end" role="columnheader" scope="col">
                                <span title="Sunday">Su</span>
                              </th>
                              <th role="columnheader" scope="col">
                                <span title="Monday">Mo</span>
                              </th>
                              <th role="columnheader" scope="col">
                                <span title="Tuesday">Tu</span>
                              </th>
                              <th role="columnheader" scope="col">
                                <span title="Wednesday">We</span>
                              </th>
                              <th role="columnheader" scope="col">
                                <span title="Thursday">Th</span>
                              </th>
                              <th role="columnheader" scope="col">
                                <span title="Friday">Fr</span>
                              </th>
                              <th class="ui-datepicker-week-end" role="columnheader" scope="col">
                                <span title="Saturday">Sa</span>
                              </th>
                            </tr>
                            </thead>
                            <tbody role="rowgroup">
                            <tr role="row">
                              <td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                                &nbsp;
                              </td>
                              <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                                &nbsp;
                              </td>
                              <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                                &nbsp;
                              </td>
                              <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                                &nbsp;
                              </td>
                              <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                                &nbsp;
                              </td>
                              <td class=" ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                                <span class="ui-state-default">1</span>
                              </td>
                              <td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                                <span class="ui-state-default">2</span>
                              </td>
                            </tr>
                            <tr role="row">
                              <td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                                <span class="ui-state-default">3</span>
                              </td>
                              <td class=" ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                                <span class="ui-state-default">4</span>
                              </td>
                              <td class=" ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                                <span class="ui-state-default">5</span>
                              </td>
                              <td class=" ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                                <span class="ui-state-default">6</span>
                              </td>
                              <td class=" ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                                <span class="ui-state-default">7</span>
                              </td>
                              <td class=" ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                                <span class="ui-state-default">8</span>
                              </td>
                              <td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                                <span class="ui-state-default">9</span>
                              </td>
                            </tr>
                            <tr role="row">
                              <td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                                <span class="ui-state-default">10</span>
                              </td>
                              <td class=" ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                                <span class="ui-state-default">11</span>
                              </td>
                              <td class=" ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                                <span class="ui-state-default">12</span>
                              </td>
                              <td class=" ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                                <span class="ui-state-default">13</span>
                              </td>
                              <td class=" ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                                <span class="ui-state-default">14</span>
                              </td>
                              <td class=" ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                                <span class="ui-state-default">15</span>
                              </td>
                              <td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                                <span class="ui-state-default">16</span>
                              </td>
                            </tr>
                            <tr role="row">
                              <td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                                <span class="ui-state-default">17</span>
                              </td>
                              <td class=" ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                                <span class="ui-state-default">18</span>
                              </td>
                              <td class=" ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                                <span class="ui-state-default">19</span>
                              </td>
                              <td class=" ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                                <span class="ui-state-default">20</span>
                              </td>
                              <td class=" ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                                <span class="ui-state-default">21</span>
                              </td>
                              <td class=" ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                                <span class="ui-state-default">22</span>
                              </td>
                              <td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                                <span class="ui-state-default">23</span>
                              </td>
                            </tr>
                            <tr role="row">
                              <td class=" ui-datepicker-week-end ui-datepicker-days-cell-over ui-datepicker-current-day ui-datepicker-today" data-event="click" data-handler="selectDay" data-month="6"
                                  data-year="2022" role="gridcell">
                                <a aria-label="24 - Fri Jun 24 2022" class="ui-state-default ui-state-highlight ui-state-active ui-state-hover" data-date="24" href="#" role="button">24</a>
                              </td>
                              <td class="" data-event="click" data-handler="selectDay" data-month="6" data-year="2022" role="gridcell">
                                <a aria-label="25 - Sat Jun 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="6" data-year="2022" role="gridcell">
                                <a aria-label="26 - Sun Jun 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="6" data-year="2022" role="gridcell">
                                <a aria-label="27 - Mon Jun 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="6" data-year="2022" role="gridcell">
                                <a aria-label="28 - Tue Jun 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="6" data-year="2022" role="gridcell">
                                <a aria-label="29 - Wed Jun 29 2022" class="ui-state-default" data-date="29" href="#" role="button">29</a>
                              </td>
                              <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="6" data-year="2022" role="gridcell">
                                <a aria-label="30 - Thu Jun 30 2022" class="ui-state-default" data-date="30" href="#" role="button">30</a>
                              </td>
                            </tr>
                            <tr role="row">
                              <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="6" data-year="2022" role="gridcell">
                                <a aria-label="31 - Fri Jul 01 2022" 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" role="gridcell">
                                &nbsp;
                              </td>
                              <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                                &nbsp;
                              </td>
                              <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                                &nbsp;
                              </td>
                              <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                                &nbsp;
                              </td>
                              <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                                &nbsp;
                              </td>
                              <td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                                &nbsp;
                              </td>
                            </tr>
                            </tbody>
                          </table>
                        </div>
                        <div class="ui-datepicker-group ui-datepicker-group-last">
                          <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-right">
                            <a class="ui-datepicker-next ui-corner-all" data-event="click" data-handler="next" href="#" role="button"><span class="ui-icon ui-icon-circle-triangle-e">Next Month,
                          September 2022</span></a>
                            <div class="ui-datepicker-title">
                              <span class="ui-datepicker-month">August</span>&nbsp;<span class="ui-datepicker-year">2022</span>
                            </div>
                          </div>
                          <table class="ui-datepicker-calendar" role="grid">
                            <thead role="rowgroup">
                            <tr role="row">
                              <th class="ui-datepicker-week-end" role="columnheader" scope="col">
                                <span title="Sunday">Su</span>
                              </th>
                              <th role="columnheader" scope="col">
                                <span title="Monday">Mo</span>
                              </th>
                              <th role="columnheader" scope="col">
                                <span title="Tuesday">Tu</span>
                              </th>
                              <th role="columnheader" scope="col">
                                <span title="Wednesday">We</span>
                              </th>
                              <th role="columnheader" scope="col">
                                <span title="Thursday">Th</span>
                              </th>
                              <th role="columnheader" scope="col">
                                <span title="Friday">Fr</span>
                              </th>
                              <th class="ui-datepicker-week-end" role="columnheader" scope="col">
                                <span title="Saturday">Sa</span>
                              </th>
                            </tr>
                            </thead>
                            <tbody role="rowgroup">
                            <tr role="row">
                              <td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                                &nbsp;
                              </td>
                              <td class="" data-event="click" data-handler="selectDay" data-month="7" data-year="2022" role="gridcell">
                                <a aria-label="1 - Fri Jul 01 2022" class="ui-state-default" data-date="1" href="#" role="button">1</a>
                              </td>
                              <td class="" data-event="click" data-handler="selectDay" data-month="7" data-year="2022" role="gridcell">
                                <a aria-label="2 - Sat Jul 02 2022" class="ui-state-default" data-date="2" href="#" role="button">2</a>
                              </td>
                              <td class="" data-event="click" data-handler="selectDay" data-month="7" data-year="2022" role="gridcell">
                                <a aria-label="3 - Sun Jul 03 2022" class="ui-state-default" data-date="3" href="#" role="button">3</a>
                              </td>
                              <td class="" data-event="click" data-handler="selectDay" data-month="7" data-year="2022" role="gridcell">
                                <a aria-label="4 - Mon Jul 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="7" data-year="2022" role="gridcell">
                                <a aria-label="5 - Tue Jul 05 2022" class="ui-state-default" data-date="5" href="#" role="button">5</a>
                              </td>
                              <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="7" data-year="2022" role="gridcell">
                                <a aria-label="6 - Wed Jul 06 2022" class="ui-state-default" data-date="6" href="#" role="button">6</a>
                              </td>
                            </tr>
                            <tr role="row">
                              <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="7" data-year="2022" role="gridcell">
                                <a aria-label="7 - Thu Jul 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="7" data-year="2022" role="gridcell">
                                <a aria-label="8 - Fri Jul 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="7" data-year="2022" role="gridcell">
                                <a aria-label="9 - Sat Jul 09 2022" class="ui-state-default" data-date="9" href="#" role="button">9</a>
                              </td>
                              <td class="" data-event="click" data-handler="selectDay" data-month="7" data-year="2022" role="gridcell">
                                <a aria-label="10 - Sun Jul 10 2022" class="ui-state-default" data-date="10" href="#" role="button">10</a>
                              </td>
                              <td class="" data-event="click" data-handler="selectDay" data-month="7" data-year="2022" role="gridcell">
                                <a aria-label="11 - Mon Jul 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="7" data-year="2022" role="gridcell">
                                <a aria-label="12 - Tue Jul 12 2022" class="ui-state-default" data-date="12" href="#" role="button">12</a>
                              </td>
                              <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="7" data-year="2022" role="gridcell">
                                <a aria-label="13 - Wed Jul 13 2022" class="ui-state-default" data-date="13" href="#" role="button">13</a>
                              </td>
                            </tr>
                            <tr role="row">
                              <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="7" data-year="2022" role="gridcell">
                                <a aria-label="14 - Thu Jul 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="7" data-year="2022" role="gridcell">
                                <a aria-label="15 - Fri Jul 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="7" data-year="2022" role="gridcell">
                                <a aria-label="16 - Sat Jul 16 2022" class="ui-state-default" data-date="16" href="#" role="button">16</a>
                              </td>
                              <td class="" data-event="click" data-handler="selectDay" data-month="7" data-year="2022" role="gridcell">
                                <a aria-label="17 - Sun Jul 17 2022" class="ui-state-default" data-date="17" href="#" role="button">17</a>
                              </td>
                              <td class="" data-event="click" data-handler="selectDay" data-month="7" data-year="2022" role="gridcell">
                                <a aria-label="18 - Mon Jul 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="7" data-year="2022" role="gridcell">
                                <a aria-label="19 - Tue Jul 19 2022" class="ui-state-default" data-date="19" href="#" role="button">19</a>
                              </td>
                              <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="7" data-year="2022" role="gridcell">
                                <a aria-label="20 - Wed Jul 20 2022" class="ui-state-default" data-date="20" href="#" role="button">20</a>
                              </td>
                            </tr>
                            <tr role="row">
                              <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="7" data-year="2022" role="gridcell">
                                <a aria-label="21 - Thu Jul 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="7" data-year="2022" role="gridcell">
                                <a aria-label="22 - Fri Jul 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="7" data-year="2022" role="gridcell">
                                <a aria-label="23 - Sat Jul 23 2022" class="ui-state-default" data-date="23" href="#" role="button">23</a>
                              </td>
                              <td class="" data-event="click" data-handler="selectDay" data-month="7" data-year="2022" role="gridcell">
                                <a aria-label="24 - Sun Jul 24 2022" class="ui-state-default" data-date="24" href="#" role="button">24</a>
                              </td>
                              <td class="" data-event="click" data-handler="selectDay" data-month="7" data-year="2022" role="gridcell">
                                <a aria-label="25 - Mon Jul 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="7" data-year="2022" role="gridcell">
                                <a aria-label="26 - Tue Jul 26 2022" class="ui-state-default" data-date="26" href="#" role="button">26</a>
                              </td>
                              <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="7" data-year="2022" role="gridcell">
                                <a aria-label="27 - Wed Jul 27 2022" class="ui-state-default" data-date="27" href="#" role="button">27</a>
                              </td>
                            </tr>
                            <tr role="row">
                              <td class=" ui-datepicker-week-end" data-event="click" data-handler="selectDay" data-month="7" data-year="2022" role="gridcell">
                                <a aria-label="28 - Thu Jul 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="7" data-year="2022" role="gridcell">
                                <a aria-label="29 - Fri Jul 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="7" data-year="2022" role="gridcell">
                                <a aria-label="30 - Sat Jul 30 2022" class="ui-state-default" data-date="30" href="#" role="button">30</a>
                              </td>
                              <td class="" data-event="click" data-handler="selectDay" data-month="7" data-year="2022" role="gridcell">
                                <a aria-label="31 - Sun Jul 31 2022" 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" role="gridcell">
                                &nbsp;
                              </td>
                              <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                                &nbsp;
                              </td>
                              <td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                                &nbsp;
                              </td>
                            </tr>
                            <tr role="row">
                              <td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                                &nbsp;
                              </td>
                              <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                                &nbsp;
                              </td>
                              <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                                &nbsp;
                              </td>
                              <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                                &nbsp;
                              </td>
                              <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                                &nbsp;
                              </td>
                              <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                                &nbsp;
                              </td>
                              <td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled" role="gridcell">
                                &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" 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">Outward journey type</label> <select class="form-select" id="ret_journey_indicator_modaltlbf">
                          <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>
                      <div class="col-md-3 form-group journey-time no-bottom-margin">
                        <label class="sr-only" for="ret_time_modaltlbf">Return time</label> <select class="time form-select" id="ret_time_modaltlbf">
                          <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 selected value="17:45">
                            17:45
                          </option>
                          <option value="18:00">
                            18:00
                          </option>
                          <option value="18:15">
                            18:15
                          </option>
                          <option value="18:30">
                            18:30
                          </option>
                          <option value="18:45">
                            18:45
                          </option>
                          <option value="19:00">
                            19:00
                          </option>
                          <option value="19:15">
                            19:15
                          </option>
                          <option value="19:30">
                            19:30
                          </option>
                          <option value="19:45">
                            19:45
                          </option>
                          <option value="20:00">
                            20:00
                          </option>
                          <option value="20:15">
                            20:15
                          </option>
                          <option value="20:30">
                            20:30
                          </option>
                          <option value="20:45">
                            20:45
                          </option>
                          <option value="21:00">
                            21:00
                          </option>
                          <option value="21:15">
                            21:15
                          </option>
                          <option value="21:30">
                            21:30
                          </option>
                          <option value="21:45">
                            21:45
                          </option>
                          <option value="22:00">
                            22:00
                          </option>
                          <option value="22:15">
                            22:15
                          </option>
                          <option value="22:30">
                            22:30
                          </option>
                          <option value="22:45">
                            22:45
                          </option>
                          <option value="23:00">
                            23:00
                          </option>
                          <option value="23:15">
                            23:15
                          </option>
                          <option value="23:30">
                            23:30
                          </option>
                          <option value="23:45">
                            23:45
                          </option>
                        </select>
                      </div>
                    </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>
        </div>
        <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="">
            <div class="row desktop-only">
              <div class="railcards col-md-7">
                <div class="row align-items-center number railcard railcard_1_container">
                  <div class="form-group form-group-no-pad mb-2 col-md-8">
                    <label class="sr-only" for="railcard_1_desktoptlbf">Railcard 1</label> <select class="railcard railcard_1 form-select" id="railcard_1_desktoptlbf" name="railcard_1_desktoptlbf">
                      <option selected value="-none-">
                        None
                      </option>
                      <option 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>
                  <div class="form-group form-group-no-pad mb-2 col-md-4">
                    <label class="sr-only" for="amount_1_desktoptlbf">Number of people with railcard 1:</label>
                    <div class="spinnerExt input-group ordered-group bkend-group ui-spinner ui-corner-all ui-widget ui-widget-content BookingForm-spinnerExt-disabled ui-state-disabled">
                      <input aria-valuemax="9" aria-valuemin="0" aria-valuenow="0" autocomplete="off" class="spinnerExt form-text required form-control amount_1 ui-spinner-input"
                             data-initiallydisabled="1" disabled id="amount_1_desktoptlbf" maxlength="1" name="amount_1_desktoptlbf" 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 ui-button-disabled ui-state-disabled" 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 ui-button-disabled ui-state-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 class="col" style="display: none;">
                    <div class="alert alert-info p-2"></div>
                  </div>
                </div>
                <div class="row align-items-center number railcard railcard_2_container" style="display: none;">
                  <div class="form-group form-group-no-pad mb-2 col-md-8">
                    <label class="sr-only" for="railcard_2_desktoptlbf">Railcard 2</label> <select class="railcard railcard_2 form-select" id="railcard_2_desktoptlbf" name="railcard_2_desktoptlbf">
                      <option selected value="-none-">
                        None
                      </option>
                      <option 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>
                  <div class="form-group form-group-no-pad mb-2 col-md-4">
                    <label class="sr-only" for="amount_2_desktoptlbf">Number of people with railcard 2:</label>
                    <div class="spinnerExt input-group ordered-group bkend-group ui-spinner ui-corner-all ui-widget ui-widget-content BookingForm-spinnerExt-disabled ui-state-disabled">
                      <input aria-valuemax="9" aria-valuemin="0" aria-valuenow="0" autocomplete="off" class="spinnerExt form-text required form-control amount_2 ui-spinner-input"
                             data-initiallydisabled="1" disabled id="amount_2_desktoptlbf" maxlength="1" name="amount_2_desktoptlbf" 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 ui-button-disabled ui-state-disabled" 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 ui-button-disabled ui-state-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 class="col" style="display: none;">
                    <div class="alert alert-info p-2"></div>
                  </div>
                </div>
                <div class="row align-items-center number railcard railcard_3_container" style="display: none;">
                  <div class="form-group form-group-no-pad mb-2 col-md-8">
                    <label class="sr-only" for="railcard_3_desktoptlbf">Railcard 3</label> <select class="railcard railcard_3 form-select" id="railcard_3_desktoptlbf" name="railcard_3_desktoptlbf">
                      <option selected value="-none-">
                        None
                      </option>
                      <option 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>
                  <div class="form-group form-group-no-pad mb-2 col-md-4">
                    <label class="sr-only" for="amount_3_desktoptlbf">Number of people with railcard 3:</label>
                    <div class="spinnerExt input-group ordered-group bkend-group ui-spinner ui-corner-all ui-widget ui-widget-content BookingForm-spinnerExt-disabled ui-state-disabled">
                      <input aria-valuemax="9" aria-valuemin="0" aria-valuenow="0" autocomplete="off" class="spinnerExt form-text required form-control amount_3 ui-spinner-input"
                             data-initiallydisabled="1" disabled id="amount_3_desktoptlbf" maxlength="1" name="amount_3_desktoptlbf" 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 ui-button-disabled ui-state-disabled" 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 ui-button-disabled ui-state-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 class="col" style="display: none;">
                    <div class="alert alert-info p-2"></div>
                  </div>
                </div>
              </div>
              <div class="form-group form-group-no-pad col-md-5">
                <div class="input-group passenger_add">
                  <a class="form-text form-control" href="#"><i class="fas fa-user"></i> 1 adult traveller<span class="sr-only">. Click to change number of passengers.</span></a>
                  <div class="suffix input-group-text">
                    <span class="text">Add</span> <i class="fas fa-plus-circle ps-1"></i>
                  </div>
                </div><button aria-label="Add another railcard" class="btn btn-sm btn-icon add-railcard" style="display: none" title="Add another railcard" type="button">Add another <i class=
                                                                                                                                                                                         "fas fa-plus-circle fa-lg a-pri"></i></button>
              </div>
            </div>
            <div class="passengers_desktop row mt-2" style="display: none;">
              <span class="col-md-12 col-label"><i class="fas fa-user-plus"></i> Add more travellers</span>
              <div class="form-group form-group-inline col-md-6">
                <label class="adults-child" for="adults_desktoptlbf">Adults (16+)</label>
                <div class="spinnerExt input-group ordered-group bkend-group ui-spinner ui-corner-all ui-widget ui-widget-content">
                  <input aria-valuemax="9" aria-valuemin="0" aria-valuenow="1" autocomplete="off" class="spinnerExt form-text required form-control adults ui-spinner-input" id="adults_desktoptlbf"
                         maxlength="1" name="adults_desktoptlbf" 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="form-group form-group-inline col-md-6">
                <label aria-label="Children 5 to 15 (Under 5s travel free)" class="adults-child" for="children_desktoptlbf">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-valuemax="9" aria-valuemin="0" aria-valuenow="0" autocomplete="off" class="spinnerExt form-text required form-control children ui-spinner-input" id="children_desktoptlbf"
                         maxlength="1" name="children_desktoptlbf" 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><!-- End passengers desktop only -->
          <div class="display-group mobile-only mbvis" data-type="passengers">
            <div class="form-group form-group-no-pad">
              <div class="input-group">
                <a class="dpg-btn form-text form-control" href="#"><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="#"><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">Adults (16+)</label>
                    <div class="spinnerExt input-group ordered-group bkend-group ui-spinner ui-corner-all ui-widget ui-widget-content">
                      <input aria-valuemax="9" aria-valuemin="0" aria-valuenow="1" autocomplete="off" class="spinnerExt form-text required form-control adults adults_modal ui-spinner-input" id=
                      "adults_modaltlbf" 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">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-valuemax="9" aria-valuemin="0" aria-valuenow="0" autocomplete="off" class="spinnerExt form-text required form-control children children_modal ui-spinner-input" id=
                      "children_modaltlbf" 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">Railcard 1</label> <select class="railcard railcard_1 railcard_1_modal form-select" id="railcard_1_modaltlbf">
                    <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> <label class="sr-only" for="amount_1_modaltlbf">Number of people with railcard 1:</label>
                  <div class="spinnerExt input-group ordered-group bkend-group ui-spinner ui-corner-all ui-widget ui-widget-content BookingForm-spinnerExt-disabled ui-state-disabled">
                    <input aria-valuemax="9" aria-valuemin="0" aria-valuenow="0" autocomplete="off" class="spinnerExt form-text required form-control amount_1 amount_1_modal ui-spinner-input"
                           data-initiallydisabled="1" disabled id="amount_1_modaltlbf" 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 ui-button-disabled ui-state-disabled" 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 ui-button-disabled ui-state-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">Railcard 2</label> <select class="railcard railcard_2 railcard_2_modal form-select" id="railcard_2_modaltlbf">
                    <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> <label class="sr-only" for="amount_2_modaltlbf">Number of people with railcard 1:</label>
                  <div class="spinnerExt input-group ordered-group bkend-group ui-spinner ui-corner-all ui-widget ui-widget-content BookingForm-spinnerExt-disabled ui-state-disabled">
                    <input aria-valuemax="9" aria-valuemin="0" aria-valuenow="0" autocomplete="off" class="spinnerExt form-text required form-control amount_2 amount_2_modal ui-spinner-input"
                           data-initiallydisabled="1" disabled id="amount_2_modaltlbf" 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 ui-button-disabled ui-state-disabled" 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 ui-button-disabled ui-state-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">Railcard 3</label> <select class="railcard railcard_3 railcard_3_modal form-select" id="railcard_3_modaltlbf">
                    <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> <label class="sr-only" for="amount_3_modaltlbf">Number of people with railcard 1:</label>
                  <div class="spinnerExt input-group ordered-group bkend-group ui-spinner ui-corner-all ui-widget ui-widget-content BookingForm-spinnerExt-disabled ui-state-disabled">
                    <input aria-valuemax="9" aria-valuemin="0" aria-valuenow="0" autocomplete="off" class="spinnerExt form-text required form-control amount_3 amount_3_modal ui-spinner-input"
                           data-initiallydisabled="1" disabled id="amount_3_modaltlbf" 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 ui-button-disabled ui-state-disabled" 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 ui-button-disabled ui-state-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="row">
            <div class="col-md-4 seasons flexipass">
              <div class="form-group">
                <label for="start-datetlbf">Start date</label>
                <div class="input-group">
                  <input class="form-control form-text datepicker start-date hasDatepicker" data-maxdate="+27d" id="start-datetlbf" name="startDate" type="text" value="24/07/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="col-md-4 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-e9wmq5" class="iradio_line checked" role="radio">
                    <input checked class="icheck" id="passenger-1" name="passenger" style="position: absolute; visibility: hidden;" 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-e9wmq5">Adult</label>
                  <div aria-checked="false" aria-disabled="true" aria-labelledby="iCheck-k2cyv2" class="iradio_line disabled" role="radio">
                    <input class="icheck" disabled="disabled" id="passenger-2" name="passenger" style="position: absolute; visibility: hidden;" 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-k2cyv2">Child</label>
                </div>
              </div>
            </div>
            <div class="col-md-4 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-m6wvab" class="iradio_line checked" role="radio">
                    <input checked class="icheck" id="class-1" name="ticketclass" style="position: absolute; visibility: hidden;" 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-m6wvab">Standard</label>
                  <div aria-checked="false" aria-disabled="false" aria-labelledby="iCheck-oeg4eg" class="iradio_line" role="radio">
                    <input class="icheck" id="class-2" name="ticketclass" style="position: absolute; visibility: hidden;" 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-oeg4eg">First</label>
                </div>
              </div>
            </div>
          </div>
        </div><!-- End extra section -->
        <div class="promo-message row">
          <div class="promotional-code form-group form-group-inline col-md-6">
            <label for="promo-code"><a href="#">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="col-md-6">
            <p class="bottom-text">
              <i class="fas fa-wheelchair"></i> Wheelchair accessible space in Standard only
            </p>
          </div>
        </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">
      </div><!--  End wrapper -->
      <div class="footer">
        <div class="row">
          <span class="col-md button-col"><button class="submit btn btn-outline-default btn-md p-2 mb-0 w-100" type="submit"><span class="col-md button-col"><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></span></button></span>
          <div class="row col-md">
            <span class="col-md"><i class="fas fa-check"></i> Unbeatable on price</span>
            <span class="col-md"><i class="fas fa-check"></i> No booking fees</span>
          </div>
        </div>
      </div>
    </div>
  </form>

</div>
