<div class="chips-container">
  <div class="choices chips{{ el.add_advance_search_button ? ' with-advance-link show-link' : '' }}">

    <ul class="choices chips-list ulc" role="radiogroup" aria-label="Ticket type.">
      <li class="lic"><a href="#" data-type="return" class="active" role="radio" aria-checked="true"><i class="fas fa-check-circle"></i> Return</a></li>
      <li class="lic"><a href="#" data-type="single" role="radio" aria-checked="false"><i class="fas fa-check-circle"></i> Single</a></li>
      <li class="lic"><a href="#" data-type="season" role="radio" aria-checked="false"><i class="fas fa-check-circle"></i> Season</a></li>
      <li class="lic"><a href="#" data-type="flexipass" role="radio" aria-checked="false"><i class="fas fa-check-circle"></i> Flexi Season</a></li>
    </ul>

    {% if el.add_advance_search_button %}
      <a href="{{ el.desktop_search_url }}" class="advanced-search">
        <i class="fas fa-sliders-h"></i><span>Advanced<br>Search</span>
      </a>
    {% endif %}

  </div>

  <div class="show-me chips desktop-only" style="display: none;">
    <span class="text">Show me:</span>
    <ul class="show-me" role="radiogroup" aria-label="Train filtering options.">
      {% if el.filter_by_toc %}
        <li><a href="#" data-type="our-trains-only" role="radio" aria-checked="false">Our trains only</a></li>
      {% endif %}

      {% if el.best_fares %}
        <li><a href="#" data-type="best-fares" role="radio" aria-checked="false">Just the best fares</a></li>
      {% endif %}
      <li><a href="#" data-type="everything" class="active" role="radio" aria-checked="true">Everything</a></li>
    </ul>
    <div class="clearfix"></div>
  </div>
</div>
