{% extends 'base.html' %}
{% block title %}Attendees - {{ event.title }}{% endblock %}
{% block content %}
<div class="section-header mb-4">
  <div>
    <a href="{% if user.is_system_user %}{% url 'admin_dashboard:dashboard' %}{% else %}{% url 'web_events:organiser_events' %}{% endif %}" class="text-sm text-muted">&larr; Dashboard</a>
    <h1 class="section-title mt-1 mb-0">Attendees</h1>
    <p class="text-muted text-sm">{{ event.title }}</p>
  </div>
  <div class="stat-card text-center stat-card--inline">
    <div class="stat-value">{{ tickets|length }}</div>
    <div class="stat-label">Registered</div>
  </div>
</div>

{% if tickets %}
<div class="table-wrap">
  <table>
    <thead>
      <tr><th>#</th><th>Name</th><th>Email</th><th>Ticket Code</th><th>Status</th><th>Paid</th><th>Date</th></tr>
    </thead>
    <tbody>
      {% for ticket in tickets %}
      <tr>
        <td class="text-muted text-sm">{{ forloop.counter }}</td>
        <td class="font-bold">{{ ticket.attendee.get_full_name|default:ticket.attendee.username }}</td>
        <td class="text-muted text-sm">{{ ticket.attendee.email }}</td>
        <td><span class="ticket-code">{{ ticket.ticket_code }}</span></td>
        <td>
          <span class="badge {% if ticket.status == 'confirmed' %}badge-green{% elif ticket.status == 'cancelled' %}badge-red{% elif ticket.status == 'attended' %}badge-cyan{% else %}badge-orange{% endif %}">
            {{ ticket.status|title }}
          </span>
        </td>
        <td class="text-sm">
          {% if ticket.amount_paid > 0 %}<span class="price-tag">&#8377;{{ ticket.amount_paid }}</span>
          {% else %}<span class="free-tag">Free</span>{% endif %}
        </td>
        <td class="text-muted text-sm">{{ ticket.created_at|date:"M d, Y" }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% else %}
<div class="card text-center empty-state">
  <div class="fs-icon-md">&#128101;</div>
  <p class="text-muted mt-2">No attendees yet.</p>
</div>
{% endif %}
{% endblock %}