<div class="align-items-center number railcard railcard_{{ numb }}_container">

  <div class="form-group form-group-no-pad railcard-type mb-2">
    <label for="railcard_{{ numb }}_desktop{{ el.id_suffix }}" class="sr-only">Railcard {{ numb }}</label>
    <select
      id="railcard_{{ numb }}_desktop{{ el.id_suffix }}"
      name="railcard_{{ numb }}_desktop{{ el.id_suffix }}"
      class="railcard railcard_{{ numb }}" >
      <option value="-none-" selected>{{ add_railcards_select_none_text }}</option>
      {% for k, v in el.railcard_options %}
        <option value="{{ k }}">{{ v }}</option>
      {% endfor %}
    </select>
  </div>

  {#
  <div class="col-md-1 text-align-center">
    <i class="fas fa-angle-right disabled"></i>
  </div>
  #}

  <div class="form-group form-group-no-pad railcard-amount mb-2">
    <label for="amount_{{ numb }}_desktop{{ el.id_suffix }}" class="sr-only">Number of people with railcard {{ numb }}:</label>
    <input id="amount_{{ numb }}_desktop{{ el.id_suffix }}" name="amount_{{ numb }}_desktop{{ el.id_suffix }}" class="spinnerExt form-text required form-control amount_{{ numb }}" value="0" maxlength="1" data-initiallydisabled="1">
  </div>

</div>
