{{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}}
  <div class="task-action">
    {{if eq .Action "blocked"}}
    <span class="btn btn-blocked">Blokiran</span>
    {{else if eq .Action "review"}}
    <button class="btn btn-review" hx-get="/task/{{.ID}}" hx-target="#task-detail" hx-swap="innerHTML" onclick="event.stopPropagation()">Pregledaj</button>
    {{else if eq .Action "run"}}
    <button class="btn btn-run" hx-post="/task/{{.ID}}/run" hx-target="#toast" hx-swap="none" onclick="event.stopPropagation()">Pusti</button>
    {{else if eq .Action "running"}}
    <span class="btn btn-running">Radi</span>
    {{else if eq .Action "approve"}}
    <button class="btn btn-approve" hx-get="/task/{{.ID}}" hx-target="#task-detail" hx-swap="innerHTML" onclick="event.stopPropagation()">Pregledaj</button>
    {{else if eq .Action "done"}}
    <button class="btn btn-report" hx-get="/report/{{.ID}}" hx-target="#task-detail" hx-swap="innerHTML" onclick="event.stopPropagation()">📊 Izveštaj</button>
    {{end}}
  </div>
</div>
{{end}}