{% extends "base.html" %}
{% from "_macros.html" import best_badge, best_badge_dual, score_view_toggle, agent_chip, model_chip, run_status %}
{% block title %}{{ task }} · SForge{% endblock %}
{% block content %}

{% set any_rescaled = runs|selectattr("has_rescaled")|list|length > 0 %}
<div class="mb-4 flex items-center justify-between gap-2 text-sm">
  <div class="flex items-center gap-2">
    <a href="/" class="text-slate-400 hover:text-slate-700">&larr; runs</a>
    <span class="text-slate-300">/</span>
    <span class="font-semibold">{{ task }}</span>
  </div>
  {% if any_rescaled %}{{ score_view_toggle() }}{% endif %}
</div>

{% if runs %}
<div class="bg-white border border-slate-200 rounded-lg overflow-hidden">
  <div class="overflow-x-auto">
    <table class="w-full text-sm">
      <thead class="bg-slate-50 text-slate-500 text-left text-xs">
        <tr>
          <th class="px-4 py-2 font-medium">Run</th>
          <th class="px-4 py-2 font-medium">Agent</th>
          <th class="px-4 py-2 font-medium">Model</th>
          <th class="px-4 py-2 font-medium text-right">Best</th>
          <th class="px-4 py-2 font-medium text-right">Rounds</th>
          <th class="px-4 py-2 font-medium text-right">Runtime</th>
          <th class="px-4 py-2 font-medium">Status</th>
        </tr>
      </thead>
      <tbody>
        {% for r in runs %}
        <tr class="border-t border-slate-100 hover:bg-slate-50/50 cursor-pointer transition-colors"
            onclick="window.location='/run/{{ r.run_id }}/{{ r.task }}'">
          <td class="px-4 py-2.5 mono text-xs">{{ r.run_id }}</td>
          <td class="px-4 py-2.5">{{ agent_chip(r.agent) }}</td>
          <td class="px-4 py-2.5">{{ model_chip(r.model) }}</td>
          <td class="px-4 py-2.5 text-right">{{ best_badge_dual(r) }}</td>
          <td class="px-4 py-2.5 text-right mono text-slate-600">{{ r.total_rounds }}</td>
          <td class="px-4 py-2.5 text-right mono text-slate-500 text-xs">{{ format_duration(r.runtime_seconds) }}</td>
          <td class="px-4 py-2.5">{{ run_status(r) }}</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>
{% else %}
<div class="bg-white border border-slate-200 rounded-lg p-10 text-center text-slate-400">
  No runs for this task.
</div>
{% endif %}

{% endblock %}