{% extends "base.html" %}
{% from "_macros.html" import help %}
{% block title %}{{ ev.email_subject or "Event" }} — BackupWatch{% endblock %}
{% block content %}
{% if ev.job %}
<a class="back" href="/jobs/{{ ev.job_id }}">&larr; {{ ev.job.client.display_name }} / {{ ev.job.name }}</a>
{% else %}
<a class="back" href="/review">&larr; Review queue</a>
{% endif %}
<h1>{{ ev.email_subject or "(no subject)" }}</h1>

<div class="table-wrap">
<table>
  <tbody>
    <tr><th>Status</th><td><span class="badge b-{{ ev.status }}">{{ ev.status }}</span></td></tr>
    <tr><th>Vendor</th><td>{{ ev.vendor_detected|vendor }}</td></tr>
    <tr><th>From</th><td>{{ ev.email_from }}</td></tr>
    <tr><th>Received</th><td>{{ ev.received_at|dt }}</td></tr>
    <tr><th>Acknowledged</th><td>
      {% if ev.acknowledged %}<span class="badge b-success">✓ {{ ev.acknowledged_by or "yes" }}{% if ev.acknowledged_at %} · {{ ev.acknowledged_at|dt }}{% endif %}</span>{% else %}<span class="badge b-none">no</span>{% endif %}
    </td></tr>
    <tr><th>Job</th><td>{% if ev.job %}<a href="/jobs/{{ ev.job_id }}">{{ ev.job.client.display_name }} / {{ ev.job.name }}</a>{% else %}<em>unassigned (in review queue)</em>{% endif %}</td></tr>
    {% if ev.message_id %}<tr><th>Message-ID</th><td><small>{{ ev.message_id }}</small></td></tr>{% endif %}
  </tbody>
</table>
</div>

<div style="display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:8px 0">
  <form method="post" action="/events/{{ ev.id }}/ack" style="margin:0">
    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
    <button type="submit" class="btn-secondary">{{ "Unacknowledge" if ev.acknowledged else "Acknowledge" }}</button>
  </form>
  <a class="btn-secondary" href="/events/{{ ev.id }}/export.eml">⬇ Export for template (.eml)</a>
  {{ help("Downloads this email as a .eml. Drop it in Training Data/ and use it to build a new vendor template — a VendorRule in parsers.py plus a test that loads the file. Useful when an email lands in Review as “other” because no template recognises its vendor yet.") }}
</div>

<h2>Email {{ help("The full backup email as received, captured so you can diagnose without opening the mailbox or backup server. HTML is shown in a sandboxed frame (no scripts run).") }}</h2>
{% set text_body = ev.body_text or ev.raw_excerpt %}
<div class="email-view">
  {% if ev.body_html and text_body %}
  <div class="tabs">
    <button type="button" class="tab active" data-tab="html" onclick="showTab(this,'html')">HTML</button>
    <button type="button" class="tab" data-tab="text" onclick="showTab(this,'text')">Text</button>
  </div>
  <div class="tab-panel" data-panel="html">
    <iframe class="email-frame" sandbox="" srcdoc="{{ ev.body_html }}" title="Email body (HTML)"></iframe>
  </div>
  <div class="tab-panel" data-panel="text" hidden>
    <pre class="email-text">{{ text_body }}</pre>
  </div>
  {% elif ev.body_html %}
  <iframe class="email-frame" sandbox="" srcdoc="{{ ev.body_html }}" title="Email body (HTML)"></iframe>
  {% else %}
  <pre class="email-text">{{ text_body or "(no body captured)" }}</pre>
  {% endif %}
</div>

<script>
function showTab(btn, name){
  var view = btn.closest('.email-view');
  view.querySelectorAll('.tab').forEach(function(t){ t.classList.toggle('active', t.dataset.tab === name); });
  view.querySelectorAll('.tab-panel').forEach(function(p){ p.hidden = (p.dataset.panel !== name); });
}
</script>
{% endblock %}