{% for ticket in tickets %}
{% set availability = allocation.checkAvailability(vendor, ticket.id, arrival_date|date('Y-m-d')) %}
{% if availability != 0 %}
<div class="row g-0 ">
  <div class="col-md-12 col-12 p-2 list-ticket border-1 border-bottom border-secondary">
    <div class="row g-0 align-items-center">
      <div class="col-12 row g-0">
        <div class="col-8">
          <small class="fw-semibold">{{ ticket.name }}</small>
        </div>
        <div class="col-4 p-2 text-end">
          <form action="{{url('booking/create/2')}}" method="POST" enctype="multipart/form-data">
            <input type="hidden" value="{{user.vendor}}" name="vendor">
            <input type="hidden" value="{{arrival_date}}" name="arrival_date">
            <input type="hidden" value="{{ticket.id}}" name="ticket">
            <input type="hidden" value="" name="data_save">
            <button type="submit" class="btn btn-sm btn-primary">Next</button>
          </form>
        </div>
      </div> 
      {% set filtered_rateplans = [] %}
      {% for rateplan in rateplans %}
      {% if rateplan.ticket_id == ticket.id %}
      {% set filtered_rateplans = filtered_rateplans | merge([rateplan]) %}
      {% endif %}
      {% endfor %}

      {% for rateplan in filtered_rateplans %}
      <div class="col-12 row g-0 mt-1">
        <div class="col-7">
          <small><i class="fa fa-circle align-middle me-1" style="font-size: 5px"></i>{{rateplan.name}}</small>
        </div>
        <div class="col-5 text-end">
          <small class="me-3">IDR {{ allocation.checkPrice(user.vendor, ticket.id, rateplan.id, date|date('Y-m-d')) }} / persons</small>
          <button class="btn btn-dark mx-1 btn-min-person" style="width:25px; height:25px"><i class="fa fa-minus" style="font-size: 10px;"></i></button>
          <input type="text" name="person" value="2" class="mx-1 text-center person" style="width:60px" data-price="{{ allocation.checkPrice(user.vendor, ticket.id, rateplan.id, date|date('Y-m-d')) }}" data-rateplan="{{rateplan.id}}" data-person="0">
          <button class="btn btn-dark mx-1 btn-plus-person" style="width:25px; height:25px"><i class="fa fa-plus" style="font-size: 10px;"></i></button>
        </div>
      </div>
      {% endfor %}
    </div>
  </div>
</div>
{% endif %}
{% endfor %}