{% extends "base.html" %}
{% block title %}{{ sprint.id }} — ResearchLoop{% endblock %}
{% block head %}
{% if sprint.status.startswith('running') or sprint.status == 'submitted' or tweak_active %}
<script>setTimeout(function(){refreshSprint()},30000);</script>
{% endif %}
{% endblock %}
{% block content %}
<h2>Sprint {{ sprint.id }}</h2>
<div class="card">
  <dl>
    <dt>Study</dt><dd><a href="/dashboard/studies/{{ sprint.study_name }}">{{ sprint.study_name }}</a></dd>
    <dt>Status</dt><dd id="sprint-status"><span class="badge badge-{{ sprint.status.split(' ')[0] }}">{{ sprint.status }}</span></dd>
    <dt>Idea</dt><dd id="sprint-idea">{% if sprint.idea %}{{ sprint.idea[:120] }}{% if sprint.idea|length > 120 %}…{% endif %}{% elif sprint.loop_id and sprint.status not in ('completed', 'failed', 'cancelled') %}<span class="dim" style="font-style:italic">auto-generating idea...</span>{% elif sprint.summary %}<span class="dim">{{ sprint.summary[:120] }}{% if sprint.summary|length > 120 %}…{% endif %}</span>{% else %}—{% endif %}</dd>
    {% if sprint.loop_id %}<dt>Loop</dt><dd><a href="/dashboard/loops/{{ sprint.loop_id }}">{{ sprint.loop_id }}</a></dd>{% endif %}
    <dt>Job ID</dt><dd>{{ sprint.job_id or '—' }}</dd>
    <dt>Directory</dt><dd class="dim">{{ sprint.directory or '—' }}</dd>
    {% if submitted_job_options or submitted_time_limit %}
    <dt>Resources</dt><dd>
      {% set parts = [] %}
      {% if submitted_job_options.get('gres') %}{% set _ = parts.append('GPU: ' + submitted_job_options['gres']) %}{% endif %}
      {% if submitted_job_options.get('mem') %}{% set _ = parts.append('Mem: ' + submitted_job_options['mem']) %}{% endif %}
      {% if submitted_job_options.get('cpus-per-task') %}{% set _ = parts.append('CPUs: ' + submitted_job_options['cpus-per-task']) %}{% endif %}
      {% if submitted_time_limit %}{% set _ = parts.append('Time: ' + submitted_time_limit) %}{% endif %}
      {% set known = ['gres', 'mem', 'cpus-per-task'] %}
      {% for k, v in submitted_job_options.items() %}{% if k not in known %}{% set _ = parts.append(k + ': ' + v) %}{% endif %}{% endfor %}
      {{ parts|join(' · ') if parts else '—' }}
    </dd>
    {% endif %}
    <dt>Created</dt><dd>{{ sprint.created_at }}</dd>
    <dt>Started</dt><dd id="sprint-started">{{ sprint.started_at or '—' }}</dd>
    <dt>Completed</dt><dd id="sprint-completed">{{ sprint.completed_at or '—' }}</dd>
  </dl>
  <div class="actions" style="justify-content: space-between;">
    <div style="display: flex; gap: 0.5rem;">
      <button type="button" id="refresh-btn" class="btn btn-sm" onclick="refreshSprint()">&#8635; Refresh status</button>
      {% if sprint.status not in ('completed', 'failed', 'cancelled') %}
      <form method="post" action="/dashboard/sprints/{{ sprint.id }}/cancel">
        <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
        <button type="submit" class="btn btn-danger btn-sm" onclick="return confirm('Cancel this sprint?')">Cancel</button>
      </form>
      {% endif %}
      <form method="post" action="/dashboard/sprints/{{ sprint.id }}/delete">
        <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
        {% if sprint.status not in ('completed', 'failed', 'cancelled') %}
        <button type="submit" class="btn btn-danger btn-sm" onclick="return confirm('This sprint is still {{ sprint.status.split(' ')[0] }}. Deleting it only removes the record from ResearchLoop — the cluster job will keep running and use resources until you cancel it on the cluster yourself. Cancel the sprint first if you want it stopped. Proceed with deletion anyway?')">Delete</button>
        {% else %}
        <button type="submit" class="btn btn-danger btn-sm" onclick="return confirm('Delete this sprint? This cannot be undone.')">Delete</button>
        {% endif %}
      </form>
      {% if sprint.status in ('failed', 'cancelled') %}
      <form method="post" action="/dashboard/sprints/{{ sprint.id }}/resubmit" onsubmit="var b=this.querySelector('button');if(b.disabled)return false;b.disabled=true;b.textContent='Resubmitting...';">
        <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
        <button type="submit" class="btn btn-sm">Resubmit</button>
      </form>
      {% endif %}
      {% if sprint.idea %}
      <button type="button" class="btn btn-sm" id="copy-prompt-btn" onclick="copyPrompt()">Copy prompt</button>
      {% endif %}
    </div>
    {% if has_pdf %}
    <a href="/dashboard/sprints/{{ sprint.id }}/report.pdf" target="_blank" class="btn btn-sm" style="text-decoration: none;">&#128196; Report PDF</a>
    {% endif %}
  </div>
</div>

{% if sprint.summary %}
<h3>Summary</h3>
<div class="card" id="summary-section"><p>{{ sprint.summary }}</p></div>
{% endif %}

{% if sprint.idea %}
<h3>Prompt</h3>
<div class="card report-content" id="prompt-section">{{ sprint.idea|markdown|safe }}</div>
{% endif %}

{% if progress %}
<h3>Progress</h3>
<div class="card report-content">{{ progress|markdown|safe }}</div>
{% endif %}

{% if report %}
<h3>Report</h3>
<div class="card report-content">{{ report|markdown|safe }}</div>
{% endif %}

{% if findings %}
<h3>Findings</h3>
<div class="card report-content">{{ findings|markdown|safe }}</div>
{% endif %}

{% if red_team %}
<h3>Red-Team Review</h3>
<div class="card report-content">{{ red_team|markdown|safe }}</div>
{% endif %}

{% if fixes %}
<h3>Fixes</h3>
<div class="card report-content">{{ fixes|markdown|safe }}</div>
{% endif %}

{% if sprint.error %}
<h3>Log</h3>
<div class="card">
  <pre style="white-space: pre-wrap; word-wrap: break-word; color: #94a3b8; max-height: 400px; overflow-y: auto;">{{ sprint.error }}</pre>
</div>
{% endif %}

{% if sprint.status == 'completed' %}
<h3>Quick Tweak</h3>
<div class="card">
  {% if tweak_active %}
  <p class="dim" style="font-style:italic">A tweak is currently running…</p>
  {% else %}
  <form method="post" action="/dashboard/sprints/{{ sprint.id }}/tweak"
        onsubmit="var b=this.querySelector('button[type=submit]');if(b.disabled)return false;b.disabled=true;b.textContent='Submitting...';">
    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
    <div class="form-group">
      <textarea name="instruction" rows="3" placeholder="e.g. Fix the axis labels on the scatter plots, add a histogram of residuals"></textarea>
    </div>
    <details style="margin-bottom:0.75rem">
      <summary class="dim" style="cursor:pointer;font-size:0.85rem">Resource settings</summary>
      <div style="display:flex;gap:0.75rem;margin-top:0.5rem;flex-wrap:wrap">
        <div class="form-group" style="margin:0">
          <label for="tweak-gpu" style="font-size:0.8rem">GPU</label>
          <input type="text" name="gpu" id="tweak-gpu" value="{{ default_gpu }}" placeholder="e.g. gpu:1" style="width:140px;font-size:0.85rem">
        </div>
        <div class="form-group" style="margin:0">
          <label for="tweak-mem" style="font-size:0.8rem">Memory</label>
          <input type="text" name="mem" id="tweak-mem" value="{{ default_mem }}" placeholder="e.g. 64G" style="width:80px;font-size:0.85rem">
        </div>
        <div class="form-group" style="margin:0">
          <label for="tweak-cpus" style="font-size:0.8rem">CPUs</label>
          <input type="text" name="cpus" id="tweak-cpus" value="{{ default_cpus }}" placeholder="e.g. 8" style="width:60px;font-size:0.85rem">
        </div>
        <div class="form-group" style="margin:0">
          <label for="tweak-time" style="font-size:0.8rem">Time limit</label>
          <input type="text" name="time_limit" id="tweak-time" value="{{ default_time_limit }}" placeholder="e.g. 2:00:00" style="width:90px;font-size:0.85rem">
        </div>
      </div>
    </details>
    <button type="submit" class="btn btn-sm">Submit tweak</button>
  </form>
  {% endif %}
</div>
{% endif %}

{% if tweaks %}
<h3>Tweaks</h3>
<table>
  <thead><tr><th>ID</th><th>Instruction</th><th>Status</th><th>Created</th></tr></thead>
  <tbody>
  {% for t in tweaks %}
    <tr>
      <td><a href="/dashboard/sprints/{{ sprint.id }}/tweaks/{{ t.id }}">{{ t.id }}</a></td>
      <td>{{ t.instruction[:80] }}{% if t.instruction|length > 80 %}…{% endif %}</td>
      <td><span class="badge badge-{{ t.status.split(' ')[0] }}">{{ t.status }}</span></td>
      <td class="dim">{{ t.created_at }}</td>
    </tr>
  {% endfor %}
  </tbody>
</table>
{% endif %}

{% if artifacts %}
<h3>Artifacts</h3>
<table>
  <thead><tr><th>Filename</th><th>Size</th><th>Uploaded</th><th></th></tr></thead>
  <tbody>
  {% for a in artifacts %}
    <tr>
      <td>{{ a.filename }}</td>
      <td class="dim">{% if a.size %}{{ (a.size / 1024)|round(1) }} KB{% endif %}</td>
      <td class="dim">{{ a.uploaded_at }}</td>
      <td><a href="/dashboard/artifacts/{{ a.id }}/download">Download</a></td>
    </tr>
  {% endfor %}
  </tbody>
</table>
{% endif %}
<script>
var csrfToken='{{ csrf_token }}';
{% if sprint.idea %}
var rawPrompt={{ sprint.idea|tojson }};
function copyPrompt(){
  navigator.clipboard.writeText(rawPrompt).then(function(){
    var btn=document.getElementById('copy-prompt-btn');
    btn.textContent='Copied!';
    setTimeout(function(){btn.textContent='Copy prompt';},2000);
  });
}
{% endif %}
function refreshSprint(){
  var btn=document.getElementById('refresh-btn');
  btn.innerHTML='<span class="spinning" style="display:inline-block">&#8635;</span> Refreshing...';
  btn.disabled=true;
  fetch('/dashboard/sprints/{{ sprint.id }}/refresh',{method:'POST',headers:{'Accept':'application/json','X-CSRF-Token':csrfToken}})
    .then(function(r){return r.json()})
    .then(function(d){
      if(d.status){
        var s=d.status.split(' ')[0];
        document.getElementById('sprint-status').innerHTML='<span class="badge badge-'+s+'">'+d.status+'</span>';
      }
      if(d.idea){
        var t=d.idea.length>120?d.idea.substring(0,120)+'\u2026':d.idea;
        document.getElementById('sprint-idea').textContent=t;
      }
      if(d.completed_at){document.getElementById('sprint-completed').textContent=d.completed_at;}
      btn.innerHTML='&#10003; Updated';btn.style.color='#86efac';
      setTimeout(function(){btn.innerHTML='&#8635; Refresh status';btn.style.color='';btn.disabled=false;},2000);
      if(d.status && (d.status.startsWith('running') || d.status==='submitted')){
        setTimeout(function(){refreshSprint()},30000);
      } else {
        // Terminal or changed state — reload to get rendered markdown sections
        setTimeout(function(){window.location.reload();},2000);
      }
    })
    .catch(function(){
      btn.innerHTML='&#8635; Refresh status';btn.disabled=false;
      window.location.reload();
    });
}
</script>
{% endblock %}