{% extends "base.html" %}
{% block title %}Event {{ event_id }} - Rustvello Monitor{% endblock %}
{% block content %}
<div class="pynmon-container">
  <div class="d-flex justify-content-between align-items-center mb-3">
    <h2 class="h4 mb-0 text-primary"><span class="material-icons align-middle me-2">bolt</span>Event Details</h2>
    <div class="d-flex gap-2">
      <a class="btn btn-sm btn-outline-success" href="{{ timeline_url }}"><span class="material-icons align-middle" style="font-size:16px">timeline</span> Timeline</a>
      <a class="btn btn-sm btn-outline-secondary" href="{{ api_url }}"><span class="material-icons align-middle" style="font-size:16px">data_object</span> JSON</a>
      <a class="btn btn-sm btn-outline-secondary" href="{{ trace_url }}"><span class="material-icons align-middle" style="font-size:16px">account_tree</span> Trace</a>
      <a class="btn btn-sm btn-outline-secondary" href="/events"><span class="material-icons align-middle" style="font-size:16px">arrow_back</span> Back</a>
    </div>
  </div>
  {% if !found %}
  <div class="alert alert-warning">Event not found.</div>
  {% else %}
  <table class="table pynmon-table">
    <tbody>
      <tr><th>Event ID</th><td><code>{{ event_id }}</code></td></tr>
      <tr><th>Code</th><td>{{ event_code }}</td></tr>
      <tr><th>Timestamp</th><td>{{ timestamp }}</td></tr>
      <tr><th>Emitter invocation</th><td>{% if let Some(id) = emitted_by_invocation_id %}<a href="/invocations/{{ id }}"><code>{{ id }}</code></a>{% else %}<span class="text-muted">External</span>{% endif %}</td></tr>
      <tr><th>Emitter task</th><td>{% if let Some(id) = emitted_by_task_id %}{{ id }}{% else %}<span class="text-muted">None</span>{% endif %}</td></tr>
      <tr><th>Emitter runner</th><td>{% if let Some(id) = emitted_by_runner_id %}<code>{{ id }}</code>{% else %}<span class="text-muted">None</span>{% endif %}</td></tr>
    </tbody>
  </table>
  <h3 class="h6 mt-4">Payload</h3><pre class="bg-light border p-3"><code>{{ payload }}</code></pre>
  <h3 class="h6 mt-4">Matched conditions</h3>
  {% if matched_condition_ids.is_empty() %}<p class="text-muted">None</p>{% else %}<ul>{% for id in matched_condition_ids %}<li><code>{{ id }}</code></li>{% endfor %}</ul>{% endif %}
  <h3 class="h6 mt-4">Valid conditions</h3>
  {% if valid_condition_ids.is_empty() %}<p class="text-muted">None</p>{% else %}<ul>{% for id in valid_condition_ids %}<li><code>{{ id }}</code></li>{% endfor %}</ul>{% endif %}
  <h3 class="h6 mt-4">Triggered invocations</h3>
  {% if triggered_invocation_ids.is_empty() %}<p class="text-muted">None</p>{% else %}<ul>{% for id in triggered_invocation_ids %}<li><a href="/invocations/{{ id }}"><code>{{ id }}</code></a></li>{% endfor %}</ul>{% endif %}
  <h3 class="h6 mt-4">Trigger runs</h3>
  {% if trigger_runs.is_empty() %}<p class="text-muted">None</p>{% else %}
  <table class="table pynmon-table"><thead><tr><th>Run</th><th>Target</th><th>Claimed</th><th>Executed</th><th>Participants</th><th>Invocation</th><th>Actions</th></tr></thead><tbody>
  {% for run in trigger_runs %}<tr><td><a href="/trigger-runs/{{ run.trigger_run_id }}"><code>{{ run.trigger_run_id }}</code></a></td><td>{{ run.task_id }}</td><td>{{ run.claimed_at }}</td><td>{% if let Some(executed_at) = run.executed_at %}{{ executed_at }}{% else %}<span class="text-muted">Pending</span>{% endif %}</td><td><span class="badge bg-secondary">{{ run.participant_count }}</span></td><td>{% if let Some(id) = run.triggered_invocation_id %}<a href="/invocations/{{ id }}"><code>{{ id }}</code></a>{% else %}<span class="text-muted">Pending</span>{% endif %}</td><td class="monitor-actions"><a class="btn btn-sm btn-outline-success" href="{{ run.timeline_url }}" title="Open trigger run in timeline"><span class="material-icons">timeline</span></a></td></tr>{% endfor %}
  </tbody></table>{% endif %}
  {% endif %}
</div>
{% endblock %}