{{define "library_page"}}
<h1>ライブラリ</h1>
{{if .Items}}
  <div class="episode-grid">
    {{range .Items}}
      <article class="episode-card">
        <a href="/library/{{.ID}}">
          <img src="{{.ThumbnailURL}}" alt="" loading="lazy">
          <div class="episode-copy">
            <h2>{{.SeriesTitle}}</h2>
            <p>{{.Title}}</p>
            <p>放送局: {{.BroadcasterName}}</p>
            <p>長さ: {{.DurationText}}</p>
            <p>サイズ: {{.FileSizeText}}</p>
            <p>完了日時: {{.FinishedAtText}}</p>
          </div>
        </a>
      </article>
    {{end}}
  </div>
{{else}}
  <p>ダウンロード済みの動画はありません</p>
{{end}}
{{end}}

{{define "video_page"}}
<h1>{{.SeriesTitle}}</h1>
<h2>{{.Title}}</h2>
<video controls preload="metadata" src="{{.VideoURL}}"></video>
<p>放送局: {{.BroadcasterName}}／長さ: {{.DurationText}}／サイズ: {{.FileSizeText}}／完了日時: {{.FinishedAtText}}</p>
<form action="/library/{{.ID}}/delete" method="post" hx-confirm="動画ファイルと記録を削除しますか？">
  <button type="submit">削除</button>
</form>
{{end}}