{{ define "body-class" }}article-page podcasts-page{{ end }}

{{ define "main" }}
{{- $lang := .Lang -}}
{{- $data := .Site.Data.podcasts -}}

{{/* Count by type */}}
{{- $totalEntries := len $data.entries -}}
{{- $podcastCount := 0 -}}
{{- $liveCount := 0 -}}
{{- $interviewCount := 0 -}}
{{- range $data.entries -}}
  {{- if eq .type "podcast" -}}
    {{- $podcastCount = add $podcastCount 1 -}}
  {{- else if eq .type "live" -}}
    {{- $liveCount = add $liveCount 1 -}}
  {{- else if eq .type "interview" -}}
    {{- $interviewCount = add $interviewCount 1 -}}
  {{- end -}}
{{- end -}}

<link rel="stylesheet" href="/css/podcasts.css">

<article class="main-article">

  {{/* ===== HEADER ===== */}}
  <header class="pod-header">
    <h1>
      {{- if eq $lang "fr" -}}Podcasts &amp; Lives{{- else -}}Podcasts &amp; Lives{{- end -}}
    </h1>
    <p class="pod-subtitle">
      {{- if eq $lang "fr" -}}
        Mes participations à des podcasts, des live streams et des interviews.
      {{- else -}}
        My appearances on podcasts, live streams, and interviews.
      {{- end -}}
    </p>
  </header>

  {{/* ===== STATS BANNER ===== */}}
  <section class="pod-stats" aria-label="{{ if eq $lang "fr" }}Statistiques{{ else }}Statistics{{ end }}">
    <div class="stat-card">
      <span class="stat-number">{{ $totalEntries }}</span>
      <span class="stat-label">Total</span>
    </div>
    <div class="stat-card">
      <span class="stat-number">{{ $podcastCount }}</span>
      <span class="stat-label">Podcasts</span>
    </div>
    <div class="stat-card">
      <span class="stat-number">{{ $liveCount }}</span>
      <span class="stat-label">Lives</span>
    </div>
    <div class="stat-card">
      <span class="stat-number">{{ $interviewCount }}</span>
      <span class="stat-label">Interviews</span>
    </div>
  </section>

  {{/* ===== ENTRIES LIST ===== */}}
  <section class="pod-section">
    <div class="pod-list">
      {{- range $data.entries -}}
      <div class="pod-card" data-type="{{ .type }}">
        <div class="pod-card-type">
          {{- if eq .type "podcast" -}}
            <span class="type-badge type-podcast" title="Podcast">podcast</span>
          {{- else if eq .type "live" -}}
            <span class="type-badge type-live" title="Live">live</span>
          {{- else if eq .type "interview" -}}
            <span class="type-badge type-interview" title="Interview">interview</span>
          {{- end -}}
        </div>
        <div class="pod-card-content">
          <a href="{{ .url }}" class="pod-card-title">{{ .title }}</a>
          {{- if .note -}}
            <p class="pod-card-note">{{ index .note $lang | default (index .note "fr") }}</p>
          {{- end -}}
        </div>
        <div class="pod-card-date">
          <span class="pod-date">{{ (time .date).Year }}</span>
        </div>
      </div>
      {{- end -}}
    </div>
  </section>

  {{/* ===== FOOTER ===== */}}
  <footer class="article-footer">
    {{ if and (.Site.Params.article.license.enabled) (not (eq .Params.license false)) }}
    <section class="article-copyright">
        {{ partial "helper/icon" "copyright" }}
        <span>{{ default .Site.Params.article.license.default .Params.license | markdownify }}</span>
    </section>
    {{ end }}
    {{ partial "article/components/custom-footer" . }}
  </footer>

</article>

{{ partialCached "footer/footer" . }}
{{ end }}

{{/* No right sidebar on this page */}}
{{ define "right-sidebar" }}{{ end }}