{% extends "_base.html" %}
{% block title %}Diff {{ run_id }} vs {{ other_run_id }} — yt-shorts-trends{% endblock %}
{% block content %}
<h1>Diff: {{ run_id }} vs {{ other_run_id }}</h1>

{% if error %}
<div class="empty">
  <h2>Diff unavailable</h2>
  <p>{{ error }}</p>
  <ul>
    {% if missing_a %}<li>Missing run archive: <code>{{ run_id }}</code></li>{% endif %}
    {% if missing_b %}<li>Missing run archive: <code>{{ other_run_id }}</code></li>{% endif %}
  </ul>
</div>
{% else %}

<h2>Archetype share delta</h2>
{% if archetype_deltas %}
<table class="ranked">
  <thead>
    <tr>
      <th>Archetype</th>
      <th class="num">Share A</th>
      <th class="num">Share B</th>
      <th class="num">Delta (B - A)</th>
    </tr>
  </thead>
  <tbody>
  {% for row in archetype_deltas %}
    <tr>
      <td>{{ row.archetype }}</td>
      <td class="num">{{ "%.3f"|format(row.share_a) }}</td>
      <td class="num">{{ "%.3f"|format(row.share_b) }}</td>
      <td class="num">{{ "%+.3f"|format(row.delta) }}</td>
    </tr>
  {% endfor %}
  </tbody>
</table>
{% else %}
<p class="muted">No archetype data in either run.</p>
{% endif %}

<h2>New videos (in {{ other_run_id }}, not in {{ run_id }})</h2>
{% if new_videos %}
<table class="ranked">
  <thead><tr><th>video_id</th><th>title</th><th class="num">rank</th></tr></thead>
  <tbody>
  {% for v in new_videos %}
    <tr><td><code>{{ v.video_id }}</code></td><td>{{ v.title }}</td><td class="num">{{ v.rank }}</td></tr>
  {% endfor %}
  </tbody>
</table>
{% else %}
<p class="muted">No new videos.</p>
{% endif %}

<h2>Dropped videos (in {{ run_id }}, not in {{ other_run_id }})</h2>
{% if dropped_videos %}
<table class="ranked">
  <thead><tr><th>video_id</th><th>title</th><th class="num">rank</th></tr></thead>
  <tbody>
  {% for v in dropped_videos %}
    <tr><td><code>{{ v.video_id }}</code></td><td>{{ v.title }}</td><td class="num">{{ v.rank }}</td></tr>
  {% endfor %}
  </tbody>
</table>
{% else %}
<p class="muted">No dropped videos.</p>
{% endif %}

<h2>Rank delta (videos in both runs)</h2>
{% if rank_deltas %}
<table class="ranked">
  <thead>
    <tr>
      <th>video_id</th>
      <th>title</th>
      <th class="num">rank A</th>
      <th class="num">rank B</th>
      <th class="num">delta</th>
      <th class="num">composite A</th>
      <th class="num">composite B</th>
    </tr>
  </thead>
  <tbody>
  {% for r in rank_deltas %}
    <tr>
      <td><code>{{ r.video_id }}</code></td>
      <td>{{ r.title }}</td>
      <td class="num">{{ r.rank_a }}</td>
      <td class="num">{{ r.rank_b }}</td>
      <td class="num">{{ "%+d"|format(r.rank_delta) }}</td>
      <td class="num">{{ r.composite_a }}</td>
      <td class="num">{{ r.composite_b }}</td>
    </tr>
  {% endfor %}
  </tbody>
</table>
{% else %}
<p class="muted">No shared videos.</p>
{% endif %}

{% endif %}

<p><a href="/jobs">&larr; Back to jobs</a></p>
{% endblock %}