{{define "task-detail"}}
<div class="detail-inner">
  <span class="detail-close" onclick="closeDetail()">✕</span>
  <h2>{{.Task.ID}}: {{.Task.Title}}</h2>
  <div class="detail-meta">
    <p><strong>Agent:</strong> {{.Task.Agent}} · <strong>Model:</strong> {{.Task.Model}} · <strong>Status:</strong> {{.Task.Status}}</p>
    {{if .Task.DependsOn}}
    <p><strong>Zavisi od:</strong> {{joinDeps .Task.DependsOn}}</p>
    {{end}}
  </div>
  {{if .HasReport}}
  <div class="detail-actions">
    <a href="/report/{{.Task.ID}}" class="btn" target="_blank">Izvestaj</a>
  </div>
  {{end}}
  <div class="detail-actions">
    {{if eq .Task.Status "backlog"}}
    <button class="btn btn-success" hx-post="/task/{{.Task.ID}}/move?to=ready" hx-target="#board" hx-swap="outerHTML" onclick="closeDetail()">Odobri</button>
    {{end}}
    {{if eq .Task.Status "ready"}}
    <button class="btn btn-run" hx-post="/task/{{.Task.ID}}/run" hx-swap="none" onclick="closeDetail()">Pusti</button>
    {{end}}
    {{if eq .Task.Status "review"}}
    <button class="btn btn-success" hx-post="/task/{{.Task.ID}}/move?to=done" hx-target="#board" hx-swap="outerHTML" onclick="closeDetail()">Odobri</button>
    <button class="btn btn-move" hx-post="/task/{{.Task.ID}}/move?to=ready" hx-target="#board" hx-swap="outerHTML" onclick="closeDetail()">Vrati</button>
    {{end}}
  </div>
  <div class="detail-content docs-content">{{.Content}}</div>
</div>
{{end}}