{% extends "adminpanel/base.html" %}
{% load money %}
{% block title %}Tickets — admin{% endblock %}
{% block heading %}Support tickets{% endblock %}

{% block content %}
<div class="pane">
  <form class="toolbar" method="get">
    <select name="status" style="max-width:200px" onchange="this.form.submit()">
      <option value="">All statuses</option>
      {% for value, label in statuses %}
        <option value="{{ value }}" {% if active_status == value %}selected{% endif %}>{{ label }}</option>
      {% endfor %}
    </select>
  </form>
  <div class="kpis">
    <div class="kpi"><div class="lbl">Open</div><div class="val">{{ open_count }}</div><div class="sub">need a reply</div></div>
    <div class="kpi"><div class="lbl">Pending</div><div class="val">{{ pending_count }}</div><div class="sub">waiting on client</div></div>
    <div class="kpi"><div class="lbl">Critical</div><div class="val">{{ critical_count }}</div><div class="sub">highest priority</div></div>
    <div class="kpi"><div class="lbl">Resolved</div><div class="val">{{ resolved_count }}</div><div class="sub">closed</div></div>
  </div>
  <div class="panel">
    <div class="panel-h"><h2>Tickets</h2><span class="mono act">{{ tickets|length }} shown</span></div>
    <ul class="tickets">
      {% for t in tickets %}
      <li>
        <div><div class="tn"><a href="{% url 'admin_ticket' t.reference %}">{{ t.subject }}</a></div>
          <div class="tm">{{ t.reference }} · {{ t.client }} · {{ t.created_at|date:"j M Y" }} · {{ t.replies.count }} repl{{ t.replies.count|pluralize:"y,ies" }}</div></div>
        <span class="status {% if t.priority == 'critical' %}s-critical{% endif %}">{{ t.get_priority_display }}</span>
        <span class="status {{ t.get_status_display|status_class }}">{{ t.get_status_display }}</span>
      </li>
      {% empty %}<li><div class="tn muted">No tickets match that filter.</div></li>{% endfor %}
    </ul>
  </div>
</div>
{% endblock %}