{% extends "base.html" %}
{% block title %}{{ sprint.id }} — ResearchLoop{% endblock %}
{% block head %}
{% if sprint.status.startswith('running') or sprint.status == 'submitted' %}
<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 %}<div class="report-content">{{ sprint.idea|markdown|safe }}</div>{% 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>
    <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 }}">
        <button type="submit" class="btn btn-danger btn-sm" onclick="return confirm('Delete this sprint? This cannot be undone.')">Delete</button>
      </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 %}
      <a href="/dashboard/studies/{{ sprint.study_name }}?idea={{ sprint.idea|urlencode }}" class="btn btn-sm" style="text-decoration:none">Copy</a>
      {% 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 report %}
<h3>Report</h3>
<div class="card report-content">{{ report|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;">{{ sprint.error }}</pre></div>
{% 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 }}';
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){document.getElementById('sprint-idea').textContent=d.idea;}
      if(d.summary){
        var sec=document.getElementById('summary-section');
        if(sec){sec.querySelector('p').textContent=d.summary;}
      }
      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);
      }
    })
    .catch(function(){
      btn.innerHTML='&#8635; Refresh status';btn.disabled=false;
      window.location.reload();
    });
}
</script>
{% endblock %}