{% extends "django_program/manage/base.html" %}
{% load tz %}

{% block title %}Ticket Types{% endblock %}

{% block page_title %}
<h1>Ticket Types</h1>
<p>Manage ticket categories, pricing, and availability</p>
{% endblock %}

{% block page_actions %}
<a href="{% url 'manage:ticket-type-add' conference.slug %}" class="btn btn-primary">Add Ticket Type</a>
{% endblock %}

{% block content %}
{% if global_capacity %}
<div class="capacity-banner" style="padding:0.75rem 1rem;margin-bottom:1rem;border-radius:var(--radius-sm);background:var(--color-bg-alt);border:1px solid var(--color-border-light);">
  <strong>{{ global_sold }} / {{ global_capacity }}</strong> tickets sold (venue capacity)
</div>
{% endif %}
{% if ticket_types %}
<table class="data-table">
  <thead>
    <tr>
      <th>Name</th>
      <th>Price</th>
      <th>Quantity</th>
      <th>Remaining</th>
      <th>Sold</th>
      <th>Revenue</th>
      <th>Available From</th>
      <th>Available Until</th>
      <th>Voucher Required</th>
      <th>Bulk</th>
      <th>Status</th>
      <th>Actions</th>
    </tr>
  </thead>
  <tbody>
    {% for tt in ticket_types %}
    <tr>
      <td>{{ tt.name }}</td>
      <td>${{ tt.price }}</td>
      <td>{% if tt.total_quantity %}{{ tt.total_quantity }}{% else %}Unlimited{% endif %}</td>
      <td>{% if tt.annotated_remaining is not None %}{{ tt.annotated_remaining }}{% else %}Unlimited{% endif %}</td>
      <td>{{ tt.sold_count }}</td>
      <td>${{ tt.revenue }}</td>
      <td>{% if tt.available_from %}{{ tt.available_from|localtime }}{% else %}--{% endif %}</td>
      <td>{% if tt.available_until %}{{ tt.available_until|localtime }}{% else %}--{% endif %}</td>
      <td>
        {% if tt.requires_voucher %}
        <span class="badge badge--warning">Yes</span>
        {% else %}
        --
        {% endif %}
      </td>
      <td>
        {% if tt.bulk_enabled %}
        <span class="badge badge--active">On</span>
        {% else %}
        --
        {% endif %}
      </td>
      <td>
        {% if tt.is_active %}
        <span class="badge badge--active">Active</span>
        {% else %}
        <span class="badge badge--inactive">Inactive</span>
        {% endif %}
      </td>
      <td>
        <a href="{% url 'manage:ticket-type-edit' conference.slug tt.pk %}" class="btn btn-sm btn-secondary">Edit</a>
      </td>
    </tr>
    {% endfor %}
  </tbody>
</table>
{% else %}
<div class="empty-state">
  <p>No ticket types for this conference yet.</p>
  <p><a href="{% url 'manage:ticket-type-add' conference.slug %}" class="btn btn-primary">Add First Ticket Type</a></p>
</div>
{% endif %}
{% endblock %}