{% extends "base.html" %}
{% block title %}Event {{ event.id }} — FSD Disengagement Studio{% endblock %}

{% block content %}
  <p class="muted"><a href="/events">&larr; back to events</a></p>

  <div class="panel">
    <h2>{{ event.classification_summary or "(no summary)" }}</h2>
    <p>
      <span class="pill {% if event.classification_cause == 'phantom_brake' %}warn{% endif %}">
        {{ event.classification_cause or "unclassified" }}
      </span>
      <span class="muted">confidence {{ "%.2f" | format(event.confidence or 0) }}</span>
    </p>

    <table>
      <tbody>
        <tr><th>Event ID</th><td><code>{{ event.id }}</code></td></tr>
        <tr><th>Timestamp</th><td>{{ event.timestamp.isoformat() }}</td></tr>
        <tr><th>Firmware</th><td>{{ event.firmware_version }}</td></tr>
        <tr><th>FSD version</th><td>{{ event.fsd_version or "(unknown)" }}</td></tr>
        <tr><th>Transition</th><td><code>{{ event.pre_state }} &rarr; {{ event.post_state }}</code></td></tr>
        <tr><th>Speed at transition</th><td>{{ "%.1f mph" | format((event.speed_at_transition_mps or 0) * 2.23694) }} ({{ "%.2f m/s" | format(event.speed_at_transition_mps or 0) }})</td></tr>
        <tr><th>GPS</th><td>{{ event.latitude or "?" }}, {{ event.longitude or "?" }}</td></tr>
        <tr><th>Pre clip</th><td><code>{{ event.pre_clip_path }}</code></td></tr>
        <tr><th>Post clip</th><td><code>{{ event.post_clip_path }}</code></td></tr>
        <tr><th>Classified at</th><td>{{ event.classified_at.isoformat() if event.classified_at else "(not yet)" }}</td></tr>
      </tbody>
    </table>
  </div>

  {% if contributing_factors %}
    <div class="panel">
      <h2>Contributing factors</h2>
      <ul>
        {% for f in contributing_factors %}<li>{{ f }}</li>{% endfor %}
      </ul>
    </div>
  {% endif %}

  {% if event.notes %}
    <div class="panel">
      <h2>Notes</h2>
      <p>{{ event.notes }}</p>
    </div>
  {% endif %}

  <div class="panel">
    <h2>Trimmed video</h2>
    <p class="muted">
      v0.2 will embed a trimmed <code>&lt;video&gt;</code> for the &plusmn;5s window
      around the transition, with SEI overlay. Today: open the source clip directly.
    </p>
  </div>
{% endblock %}