{% extends "base.html" %}
{% block title %}Ticket {{ ticket.id }}{% endblock %}
{% block content %}
  <article class="rounded border border-slate-200 bg-white p-6">
    <p class="text-sm text-slate-500">Ticket {{ ticket.id }} · {{ ticket.state }}</p>
    <h2 class="mt-1 text-xl font-semibold">{{ ticket.subject }}</h2>
    <p class="mt-3 whitespace-pre-line">{{ ticket.body }}</p>
    {% if ticket.category %}
      <p class="mt-3 text-sm text-slate-500">
        classified as {{ ticket.category }} ({{ ticket.confidence }})
      </p>
    {% endif %}
  </article>

  <h3 class="mt-6 text-lg font-semibold">Trail</h3>
  <ol class="mt-2 space-y-1 text-sm">
    {% for event in events %}
      <li>{{ event.action }} by {{ event.actor }}{% if event.detail %} — {{ event.detail }}{% endif %}</li>
    {% endfor %}
  </ol>
{% endblock %}