{{define "beteiligte-liste"}}
<div id="beteiligte">
{{if not .Participants}}
<p class="hinweis">Noch keine Beteiligten erfasst.</p>
{{else}}
<ul class="beteiligte">
  {{range .Participants}}
  <li class="beteiligter">
    <div class="beteiligter-kopf">
      <strong>{{.Name}}</strong> <span class="rolle">({{.Role}})</span>
    </div>
    <form class="beteiligter-form"
          hx-post="/beitraege/{{$.SubmissionID}}/beteiligte/{{.ID}}/aktualisieren"
          hx-target="#beteiligte" hx-swap="outerHTML" hx-trigger="change">
      <label><input type="checkbox" name="vorgegeben" {{if .Vorgegeben}}checked{{end}}> Vorgegeben</label>
      <label><input type="checkbox" name="freigegeben" {{if .Freigegeben}}checked{{end}}> Freigegeben</label>
      {{if .ApprovedAt}}<span class="hinweis">freigegeben am {{.ApprovedAt}}</span>{{end}}
    </form>
    <form hx-post="/beitraege/{{$.SubmissionID}}/beteiligte/{{.ID}}/loeschen"
          hx-target="#beteiligte" hx-swap="outerHTML" hx-confirm="Beteiligten wirklich entfernen?">
      <button type="submit" class="entfernen">Entfernen</button>
    </form>
  </li>
  {{end}}
</ul>
{{end}}
</div>
{{end}}