{% extends "_base.html" %}
{% block title %}Trends explorer — yt-shorts-trends{% endblock %}
{% block content %}
<h2>Trends explorer</h2>

<form method="get" action="/trends" class="window-selector">
  <label for="window">Window:</label>
  <select name="window" id="window">
    <option value="" {% if selected_window is none %}selected{% endif %}>(weekly shift)</option>
    {% for w in windows %}
      <option value="{{ w }}" {% if selected_window == w %}selected{% endif %}>{{ w }}</option>
    {% endfor %}
  </select>

  <label for="ai">Content:</label>
  <select name="ai" id="ai">
    <option value="all" {% if selected_ai == "all" %}selected{% endif %}>All</option>
    <option value="1"   {% if selected_ai == "1"   %}selected{% endif %}>AI</option>
    <option value="0"   {% if selected_ai == "0"   %}selected{% endif %}>Human</option>
  </select>

  <button type="submit">Apply</button>
</form>

{% if db_error %}
  <div class="error">Could not open trends database at .cache/trends.db. See server log for details.</div>
{% endif %}

{% if selected_window is none and not db_error %}
  {% if shift %}
    <table class="trends-shift">
      <thead><tr><th>Archetype</th><th>Last 7d</th><th>Prior 7d</th><th>&Delta;</th></tr></thead>
      <tbody>
        {% set keys = (shift.last_7d.keys() | list) + (shift.prior_7d.keys() | list) %}
        {% for slug in keys | unique | sort %}
          {% set last = shift.last_7d.get(slug, 0) %}
          {% set prior = shift.prior_7d.get(slug, 0) %}
          {% set delta = last - prior %}
          <tr>
            <td class="label">{{ slug | label }}</td>
            <td class="num">{{ "%.1f"|format(last) }}</td>
            <td class="num">{{ "%.1f"|format(prior) }}</td>
            <td class="num {% if delta > 0 %}delta-up{% elif delta < 0 %}delta-down{% else %}delta-flat{% endif %}">
              {% if delta > 0 %}&uarr;{% elif delta < 0 %}&darr;{% else %}&rarr;{% endif %} {{ "%+.1f"|format(delta) }}
            </td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
    <p class="muted">Based on {{ shift.last_runs }} run(s) in the last 7d, {{ shift.prior_runs }} prior.</p>
  {% else %}
    <div class="empty">
      <h2>No trend data yet</h2>
      <p>Run <code>python main.py --output</code> at least twice across different days to populate the trend index.</p>
    </div>
  {% endif %}
{% endif %}

{% if selected_window and not db_error %}
  {% if window_rows %}
    <table class="trends-window">
      <thead><tr><th>Archetype</th><th>Runs</th><th>Avg share</th><th>Top rank</th></tr></thead>
      <tbody>
        {% for row in window_rows %}
          <tr>
            <td class="label">{{ row.archetype | label }}</td>
            <td class="num">{{ row.runs }}</td>
            <td class="num">{{ "%.1f"|format(row.avg_share) }}</td>
            <td class="num">{{ row.top_rank }}</td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
  {% else %}
    <div class="empty">
      <h2>No trend data yet</h2>
      <p>Run <code>python main.py --output</code> at least twice across different days to populate the trend index.</p>
    </div>
  {% endif %}
{% endif %}
{% endblock %}