{{ attach_library('ui_patterns/routes_more_tickets.routes_more_tickets_lib') }}

{% set button_status = button_status|default('default') %}
{% set button_attributes = button_attributes|default(create_attribute())
  .setAttribute('data-from-station', origin_crs)
  .setAttribute('data-to-station', destination_crs)
%}

<div class="route-more-ticket">
  <h2 class="">{{ title }}</h2>
  <div class="tickets">
    {% for ticket in ticket_types %}
      <div class="ticket">
        <div class="ticket-header">
          <h3 class="ticket-name">{{ ticket.label }}</h3>
        </div>
        <div class="ticket-body">
          <p class="fare">£{{ ticket.price }}</p>
          {% include '@atoms/form/button/button.twig' with {
            'text': button_text,
            'status': button_status,
            'class': 'book-button buy-tickets-btn',
            'size': 'btn-sm',
            'attributes': button_attributes
          } only %}
        </div>
      </div>
    {% endfor %}
  </div>
</div>
