{{define "podcasts"}}{{template "header" .}}
{{if not .Data}}<p class="text-secondary">No podcasts yet. Ask an administrator to add a channel.</p>{{end}}
{{range .Data}}
<div class="card mb-3">
  <div class="card-body">
    <h2 class="h6">{{.Channel.Title}}</h2>
    <p class="text-secondary small">{{.Channel.Description}}</p>
    <table class="table table-sm vs-table mb-0">
      <tbody>
      {{range .Episodes}}
        <tr>
          <td>{{.Title}}</td>
          <td class="text-secondary small">{{.PublishDate}}</td>
          <td>{{.Status}}</td>
          <td class="text-end">
            {{if eq .Status "completed"}}<span class="text-success"><i class="bi bi-check-circle"></i> Downloaded</span>
            {{else}}
            <form method="post" action="/podcasts/{{.ID}}/download">
              {{template "csrf_field" $.CSRFToken}}
              <button type="submit" class="btn btn-sm btn-outline-primary">Download</button>
            </form>
            {{end}}
          </td>
        </tr>
      {{end}}
      </tbody>
    </table>
  </div>
</div>
{{end}}
{{template "footer" .}}{{end}}