{% extends "base.html" %}
{% block title %}Events — FSD Disengagement Studio{% endblock %}

{% block content %}
  <div class="panel">
    <h2>Events</h2>

    <form class="filters" method="get" action="/events">
      <label>
        Firmware:
        <select name="firmware" onchange="this.form.submit()">
          <option value="">all</option>
          {% for fw in firmwares %}
            <option value="{{ fw }}" {% if fw == active_firmware %}selected{% endif %}>{{ fw }}</option>
          {% endfor %}
        </select>
      </label>
      <label>
        Cause:
        <select name="cause" onchange="this.form.submit()">
          <option value="">all</option>
          {% for c in causes %}
            <option value="{{ c }}" {% if c == active_cause %}selected{% endif %}>{{ c }}</option>
          {% endfor %}
        </select>
      </label>
      <span class="muted">{{ events | length }} matching</span>
    </form>

    {% if events %}
      <table>
        <thead>
          <tr>
            <th>When</th>
            <th>Firmware</th>
            <th>Cause</th>
            <th>Speed</th>
            <th>Confidence</th>
            <th>Summary</th>
          </tr>
        </thead>
        <tbody>
          {% for ev in events %}
            <tr>
              <td>{{ ev.timestamp.strftime("%Y-%m-%d %H:%M") }}</td>
              <td>{{ ev.firmware_version }}</td>
              <td>
                {% if ev.classification_cause %}
                  <a href="/events/{{ ev.id }}">
                    <span class="pill {% if ev.classification_cause == 'phantom_brake' %}warn{% endif %}">{{ ev.classification_cause }}</span>
                  </a>
                {% else %}
                  <span class="muted">unclassified</span>
                {% endif %}
              </td>
              <td>{{ "%.1f mph" | format((ev.speed_at_transition_mps or 0) * 2.23694) }}</td>
              <td>{{ "%.2f" | format(ev.confidence or 0) }}</td>
              <td><a href="/events/{{ ev.id }}">{{ ev.classification_summary or "(no summary)" }}</a></td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
    {% else %}
      <p class="muted">No events match the current filters.</p>
    {% endif %}
  </div>
{% endblock %}