{% extends "base.html" %}
{% block title %}{{ study.name }} — ResearchLoop{% endblock %}
{% block content %}
<h2 style="display:flex;align-items:center;gap:0.5rem">
  {{ study.name }}
  {% if source == 'ui' %}
    <span class="badge badge-submitted" style="font-size:0.65rem">ui</span>
  {% else %}
    <span class="badge badge-running" style="font-size:0.65rem">yaml</span>
  {% endif %}
  {% if is_ui_edited %}
    <span class="dim" style="font-size:0.75rem">(edited)</span>
  {% endif %}
</h2>

{% if error %}<p class="error">{{ error }}</p>{% endif %}
{% if success %}<p class="success">{{ success }}</p>{% endif %}

<div class="card">
  <dl>
    <dt>Cluster</dt><dd>{{ study.cluster }}</dd>
    <dt>Description</dt><dd>{{ study.description or '—' }}</dd>
    <dt>Sprints directory</dt><dd class="dim">{{ study.sprints_dir }}</dd>
  </dl>
  <div class="actions">
    <a href="/dashboard/studies/{{ study.name }}/edit" class="btn">Edit</a>
    {% if has_yaml_version %}
      <form method="post" action="/dashboard/studies/{{ study.name }}/revert" style="display:inline">
        <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
        <button type="submit" class="btn" style="background:#334155" onclick="return confirm('Revert this study to its YAML definition? UI edits will be lost.')">Revert to YAML</button>
      </form>
    {% endif %}
    {% if can_delete %}
      <form method="post" action="/dashboard/studies/{{ study.name }}/delete" style="display:inline">
        <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
        <button type="submit" class="btn btn-danger" onclick="return confirm('Delete study {{ study.name }}? This cannot be undone.')">Delete</button>
      </form>
    {% endif %}
  </div>
</div>

<h3>New sprint</h3>
<div class="card">
  <form method="post" action="/dashboard/studies/{{ study.name }}/sprint" 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">
      <label for="idea">Research idea</label>
      <textarea name="idea" id="idea" rows="3" placeholder="Describe what this sprint should investigate..." required>{{ prefill_idea or '' }}</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="gpu" style="font-size:0.8rem">GPU</label>
          <input type="text" name="gpu" id="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="mem" style="font-size:0.8rem">Memory</label>
          <input type="text" name="mem" id="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="cpus" style="font-size:0.8rem">CPUs</label>
          <input type="text" name="cpus" id="cpus" value="{{ default_cpus }}" placeholder="e.g. 8" style="width:60px;font-size:0.85rem">
        </div>
      </div>
    </details>
    <button type="submit" class="btn">Submit sprint</button>
  </form>
</div>

<h3>Recent sprints</h3>
<table>
  <thead><tr><th>ID</th><th>Status</th><th>Idea</th><th>Loop</th><th>Created</th><th></th></tr></thead>
  <tbody>
  {% for sp in sprints %}
    <tr>
      <td><a href="/dashboard/sprints/{{ sp.id }}">{{ sp.id }}</a></td>
      <td><span class="badge badge-{{ sp.status.split(' ')[0] }}">{{ sp.status.split(' ')[0] }}</span>{% if '(' in sp.status %} <span class="dim" style="font-size:0.75rem">{{ sp.status.split('(')[1].rstrip(')') }}</span>{% endif %}</td>
      <td>{% if sp.idea %}{{ sp.idea[:60] }}{% if sp.idea|length > 60 %}…{% endif %}{% elif sp.loop_id and sp.status not in ('completed', 'failed', 'cancelled') %}<span class="dim" style="font-style:italic">auto-generating idea...</span>{% elif sp.summary %}<span class="dim">{{ sp.summary[:60] }}{% if sp.summary|length > 60 %}…{% endif %}</span>{% endif %}</td>
      <td>{% if sp.loop_id %}<a href="/dashboard/loops/{{ sp.loop_id }}" class="dim" style="font-size:0.85rem">{{ sp.loop_id }}</a>{% endif %}</td>
      <td class="dim">{{ sp.created_at }}</td>
      <td>
        {% if sp.status.startswith('running') or sp.status == 'submitted' %}
        <button type="button" class="refresh-btn" title="Refresh status" onclick="event.stopPropagation();var b=this;b.innerHTML='<span class=spinning>&#8635;</span>';fetch('/dashboard/sprints/{{ sp.id }}/refresh',{method:'POST',headers:{'X-CSRF-Token':'{{ csrf_token }}'},redirect:'manual'}).then(function(){b.innerHTML='&#10003;';b.style.color='#86efac';setTimeout(function(){b.innerHTML='&#8635;';b.style.color='';},2000)})">&#8635;</button>
        {% endif %}
      </td>
    </tr>
  {% endfor %}
  </tbody>
</table>
{% endblock %}