<section id="tickets-table" class="{{styles.list_container}}">
  <table class="w-full text-sm border table-fixed">
    <thead class="bg-stone-100">
      <tr>
        <th class="p-2 text-left w-1/3">Name</th>
        <th class="text-left p-2 w-1/4">Cost</th>
        <th class="text-left p-2 w-1/4">Count</th>
        <th class="text-left p-2 w-1/6">Actions</th>
      </tr>
    </thead>
    <tbody>
      {% for tt in ticket_types %}
        {% include '_types/ticket_types/_row.html' %}
      {% else %}
        <tr><td colspan="4" class="p-3 text-stone-500">No ticket types yet.</td></tr>
      {% endfor %}
    </tbody>
  </table>

  <!-- This is what HTMX will swap between button and form -->
  <div id="ticket-add-container" class="mt-4">
    {% include '_types/ticket_types/_add_button.html' %}
  </div>
</section>
