{{define "task-card"}}
<div class="task-card" data-id="{{.ID}}" hx-get="/task/{{.ID}}" hx-target="#task-detail" hx-swap="innerHTML">
  <div class="task-id">{{.ID}}</div>
  <div class="task-title">{{.Title}}</div>
  <div class="task-meta">{{.Agent}} · {{.Model}}</div>
  {{if .DependsOn}}
  <div class="task-deps">Zavisi od: {{joinDeps .DependsOn}}</div>
  {{end}}
  {{if .CanRun}}
  <button class="btn btn-run" hx-post="/task/{{.ID}}/run" hx-target="#toast" hx-swap="none" onclick="event.stopPropagation()">Pusti ▶</button>
  {{end}}
</div>
{{end}}