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

{{ define "main" }}
{{- $lang := .Lang -}}
{{- $data := .Site.Data.conferences -}}
{{- $talks := dict -}}
{{- range $data.talks -}}
  {{- $talks = merge $talks (dict .id .) -}}
{{- end -}}

{{/* Compute stats */}}
{{- $totalEvents := len $data.events -}}
{{- $years := slice -}}
{{- range $data.events -}}
  {{- $y := (time .date).Year | string -}}
  {{- if not (in $years $y) -}}
    {{- $years = $years | append $y -}}
  {{- end -}}
{{- end -}}
{{- $totalYears := len $years -}}
{{- $uniqueTalks := len $data.talks -}}

{{/* Count events with video */}}
{{- $videosCount := 0 -}}
{{- range $data.events -}}
  {{- if .video -}}
    {{- $videosCount = add $videosCount 1 -}}
  {{- end -}}
{{- end -}}

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

<article class="main-article">

  {{/* ===== HEADER ===== */}}
  <header class="conf-header">
    <h1>
      {{- if eq $lang "fr" -}}Conférences{{- else -}}Conferences{{- end -}}
    </h1>
    <p class="conf-subtitle">
      {{- if eq $lang "fr" -}}
        Parallèlement à ce blog, j'aime transmettre ma passion pour l'informatique en général dans des conférences.
      {{- else -}}
        Alongside this blog, I enjoy sharing my passion for computer science in general through conferences.
      {{- end -}}
    </p>
    <p class="conf-cta">
      <em>
      {{- if eq $lang "fr" -}}
        Note: vous pouvez me solliciter pour des meetups et des BBLs pour tous les talks que vous trouverez ci dessous. Je suis également disponible pour des enregistrements de podcast sur ces sujets.
      {{- else -}}
        Note: You can contact me for meetups and Brown Bag Lunches (BBLs) for any of the talks you'll find below. I'm also available for podcast recordings on these topics.
      {{- end -}}
      </em>
    </p>
  </header>

  {{/* ===== STATS BANNER ===== */}}
  <section class="conf-stats" aria-label="{{ if eq $lang "fr" }}Statistiques{{ else }}Statistics{{ end }}">
    <div class="stat-card">
      <span class="stat-number">{{ $totalEvents }}</span>
      <span class="stat-label">{{ if eq $lang "fr" }}Talks{{ else }}Talks{{ end }}</span>
    </div>
    <div class="stat-card">
      <span class="stat-number">{{ $uniqueTalks }}</span>
      <span class="stat-label">{{ if eq $lang "fr" }}Sujets{{ else }}Topics{{ end }}</span>
    </div>
    <div class="stat-card">
      <span class="stat-number">{{ $totalYears }}</span>
      <span class="stat-label">{{ if eq $lang "fr" }}Années{{ else }}Years{{ end }}</span>
    </div>
    <div class="stat-card">
      <span class="stat-number">{{ $videosCount }}</span>
      <span class="stat-label">{{ if eq $lang "fr" }}Vidéos{{ else }}Videos{{ end }}</span>
    </div>
  </section>

  {{/* ===== TALKS SECTION (unique presentations) ===== */}}
  {{/* Show the first 4 talks (with slides) as "active"; the rest go in the archive */}}
  {{- $activeTalkIDs := slice -}}
  {{- $activeLimit := 4 -}}
  {{- range $data.talks -}}
    {{- if and .slides (lt (len $activeTalkIDs) $activeLimit) -}}
      {{- $activeTalkIDs = $activeTalkIDs | append .id -}}
    {{- end -}}
  {{- end -}}

  <section class="conf-section">
    <h2>{{ if eq $lang "fr" }}Les supports de présentation{{ else }}Presentation Materials{{ end }}</h2>
    <p class="conf-section-intro">
      {{- if eq $lang "fr" -}}
        Pratique pour suivre en live ou retrouver les liens 😉
      {{- else -}}
        Handy for following live or finding links 😉
      {{- end -}}
    </p>

    {{/* Active talks grid */}}
    <div class="talks-grid">
      {{- range $data.talks -}}
        {{- if and .slides (in $activeTalkIDs .id) -}}
        <div class="talk-card" data-talk-id="{{ .id }}">
          <h3 class="talk-card-title">
            <a href="{{ .slides }}">{{ index .title $lang | default (index .title "fr") }}</a>
          </h3>
          {{- if .cospeaker -}}
          <p class="talk-card-cospeaker">
            {{ if eq $lang "fr" }}avec{{ else }}with{{ end }} {{ if .cospeaker_url }}<a href="{{ .cospeaker_url }}">{{ .cospeaker }}</a>{{ else }}{{ .cospeaker }}{{ end }}
          </p>
          {{- end -}}
          <div class="talk-card-links">
            {{- if .slides_en -}}
            <a href="{{ .slides }}" class="talk-link" title="Slides FR">Slides 🇫🇷</a>
            <a href="{{ .slides_en }}" class="talk-link" title="Slides EN">Slides 🇬🇧</a>
            {{- else -}}
            <a href="{{ .slides }}" class="talk-link" title="Slides">Slides</a>
            {{- end -}}
            {{- if .slides_short -}}
            <a href="{{ .slides_short }}" class="talk-link" title="{{ if eq $lang "fr" }}Version courte{{ else }}Short version{{ end }}">✂️ {{ if eq $lang "fr" }}Version courte{{ else }}Short version{{ end }}</a>
            {{- end -}}
            {{- if .code -}}
            <a href="{{ .code }}" class="talk-link" title="{{ if eq $lang "fr" }}Code source{{ else }}Source code{{ end }}">💻 Code</a>
            {{- end -}}
          </div>
          {{- $count := 0 -}}
          {{- $talkId := .id -}}
          {{- range $data.events -}}
            {{- if eq .talk $talkId -}}
              {{- $count = add $count 1 -}}
            {{- end -}}
          {{- end -}}
          {{- if gt $count 0 -}}
          <p class="talk-card-count">
            {{ if eq $lang "fr" }}Présenté {{ $count }}x{{ else }}Presented {{ $count }}x{{ end }}
          </p>
          {{- end -}}
        </div>
        {{- end -}}
      {{- end -}}
    </div>

    {{/* Inactive (older) talks — collapsible */}}
    {{- $hasInactive := false -}}
    {{- range $data.talks -}}
      {{- if and .slides (not (in $activeTalkIDs .id)) -}}
        {{- $hasInactive = true -}}
      {{- end -}}
    {{- end -}}
    {{- if $hasInactive -}}
    <details class="year-group talks-archive-group">
      <summary class="year-header">
        <span class="year-label">{{ if eq $lang "fr" }}Talks précédents{{ else }}Previous Talks{{ end }}</span>
        <span class="year-count">
          {{- $inactiveCount := 0 -}}
          {{- range $data.talks -}}
            {{- if and .slides (not (in $activeTalkIDs .id)) -}}
              {{- $inactiveCount = add $inactiveCount 1 -}}
            {{- end -}}
          {{- end -}}
          {{ $inactiveCount }} {{ if eq $lang "fr" }}{{ if eq $inactiveCount 1 }}sujet{{ else }}sujets{{ end }}{{ else }}{{ if eq $inactiveCount 1 }}topic{{ else }}topics{{ end }}{{ end }}
        </span>
      </summary>
      <div class="talks-grid talks-grid-archive">
        {{- range $data.talks -}}
          {{- if and .slides (not (in $activeTalkIDs .id)) -}}
          <div class="talk-card" data-talk-id="{{ .id }}">
            <h3 class="talk-card-title">
              <a href="{{ .slides }}">{{ index .title $lang | default (index .title "fr") }}</a>
            </h3>
            {{- if .cospeaker -}}
            <p class="talk-card-cospeaker">
              {{ if eq $lang "fr" }}avec{{ else }}with{{ end }} {{ if .cospeaker_url }}<a href="{{ .cospeaker_url }}">{{ .cospeaker }}</a>{{ else }}{{ .cospeaker }}{{ end }}
            </p>
            {{- end -}}
            <div class="talk-card-links">
              {{- if .slides_en -}}
              <a href="{{ .slides }}" class="talk-link" title="Slides FR">Slides 🇫🇷</a>
              <a href="{{ .slides_en }}" class="talk-link" title="Slides EN">Slides 🇬🇧</a>
              {{- else -}}
              <a href="{{ .slides }}" class="talk-link" title="Slides">Slides</a>
              {{- end -}}
              {{- if .slides_short -}}
              <a href="{{ .slides_short }}" class="talk-link" title="{{ if eq $lang "fr" }}Version courte{{ else }}Short version{{ end }}">✂️ {{ if eq $lang "fr" }}Version courte{{ else }}Short version{{ end }}</a>
              {{- end -}}
              {{- if .code -}}
              <a href="{{ .code }}" class="talk-link" title="{{ if eq $lang "fr" }}Code source{{ else }}Source code{{ end }}">💻 Code</a>
              {{- end -}}
            </div>
            {{- $count := 0 -}}
            {{- $talkId := .id -}}
            {{- range $data.events -}}
              {{- if eq .talk $talkId -}}
                {{- $count = add $count 1 -}}
              {{- end -}}
            {{- end -}}
            {{- if gt $count 0 -}}
            <p class="talk-card-count">
              {{ if eq $lang "fr" }}Présenté {{ $count }}x{{ else }}Presented {{ $count }}x{{ end }}
            </p>
            {{- end -}}
          </div>
          {{- end -}}
        {{- end -}}
      </div>
    </details>
    {{- end -}}
  </section>

  {{/* ===== EVENTS BY YEAR ===== */}}
  <section class="conf-section">
    <h2>{{ if eq $lang "fr" }}Liste des conférences{{ else }}Conference List{{ end }}</h2>
    <p class="conf-section-intro">
      {{- if eq $lang "fr" -}}
        J'ai été (ou vais bientôt être) speaker sur les événements suivants :
      {{- else -}}
        I have been (or will soon be) a speaker at the following events:
      {{- end -}}
    </p>

    {{/* Group events by year */}}
    {{- $eventsByYear := dict -}}
    {{- range $data.events -}}
      {{- $y := (time .date).Year | string -}}
      {{- $existing := index $eventsByYear $y | default slice -}}
      {{- $eventsByYear = merge $eventsByYear (dict $y ($existing | append .)) -}}
    {{- end -}}

    {{/* Sort years descending */}}
    {{- $sortedYears := sort $years "value" "desc" -}}

    {{- $recentYearCount := 2 -}}

    {{/* Recent years (shown directly) */}}
    {{- range $i, $year := $sortedYears -}}
      {{- if lt $i $recentYearCount -}}
      {{- $yearEvents := index $eventsByYear $year -}}
      {{- $count := len $yearEvents -}}
      <details class="year-group" data-year="{{ $year }}" open>
        <summary class="year-header">
          <span class="year-label">{{ $year }}</span>
          <span class="year-count">{{ $count }} {{ if eq $lang "fr" }}{{ if eq $count 1 }}événement{{ else }}événements{{ end }}{{ else }}{{ if eq $count 1 }}event{{ else }}events{{ end }}{{ end }}</span>
        </summary>
        <div class="year-events-grid">
          {{- range $yearEvents -}}
            {{- $talk := index $talks .talk -}}
            {{- $eventType := .type -}}
            {{- $isUpcoming := gt (time .date) now -}}
            <div class="event-card{{ if $isUpcoming }} event-card-upcoming{{ end }}" data-type="{{ $eventType }}" data-talk="{{ .talk }}">
              <div class="event-card-type">
                {{- if eq $eventType "conference" -}}
                  <span class="type-badge type-conference" title="Conference">conf</span>
                {{- else if eq $eventType "meetup" -}}
                  <span class="type-badge type-meetup" title="Meetup">meetup</span>
                {{- else if eq $eventType "bbl" -}}
                  <span class="type-badge type-bbl" title="Brown Bag Lunch">BBL</span>
                {{- end -}}
              </div>
              <div class="event-card-content">
                <h4 class="event-card-event">
                  {{ .event }}
                  {{- if $isUpcoming }}
                  <span class="type-badge type-upcoming">{{ if eq $lang "fr" }}à venir{{ else }}upcoming{{ end }}</span>
                  {{- end -}}
                </h4>
                <p class="event-card-talk">{{ index $talk.title $lang | default (index $talk.title "fr") }}</p>
                {{- if .note -}}
                  <p class="event-card-note">{{ index .note $lang | default (index .note "fr") }}</p>
                {{- end -}}
              </div>
              <div class="event-card-actions">
                {{- if .video -}}
                  <a href="{{ .video }}" class="action-link action-video" title="{{ if eq $lang "fr" }}Vidéo{{ else }}Video{{ end }}">📹</a>
                {{- end -}}
                {{- if .feedback -}}
                  <a href="{{ .feedback }}" class="action-link action-feedback" title="{{ if eq $lang "fr" }}Feedbacks{{ else }}Feedback{{ end }}">💬</a>
                {{- end -}}
                {{- if .feedback2 -}}
                  <a href="{{ .feedback2 }}" class="action-link action-feedback" title="{{ if eq $lang "fr" }}Feedbacks{{ else }}Feedback{{ end }}">💬</a>
                {{- end -}}
                {{- if .link -}}
                  <a href="{{ .link }}" class="action-link action-link-ext" title="{{ if eq $lang "fr" }}Lien{{ else }}Link{{ end }}">🔗</a>
                {{- end -}}
              </div>
            </div>
          {{- end -}}
        </div>
      </details>
      {{- end -}}
    {{- end -}}

    {{/* Older years (collapsible archive) */}}
    {{- $olderCount := sub (len $sortedYears) $recentYearCount -}}
    {{- if gt $olderCount 0 -}}
    {{- $olderEvents := 0 -}}
    {{- range $i, $year := $sortedYears -}}
      {{- if ge $i $recentYearCount -}}
        {{- $olderEvents = add $olderEvents (len (index $eventsByYear $year)) -}}
      {{- end -}}
    {{- end -}}
    <details class="year-group years-archive-group">
      <summary class="year-header">
        <span class="year-label">{{ if eq $lang "fr" }}Années précédentes{{ else }}Previous Years{{ end }}</span>
        <span class="year-count">{{ $olderEvents }} {{ if eq $lang "fr" }}{{ if eq $olderEvents 1 }}événement{{ else }}événements{{ end }}{{ else }}{{ if eq $olderEvents 1 }}event{{ else }}events{{ end }}{{ end }}</span>
      </summary>
      <div class="years-archive-content">
      {{- range $i, $year := $sortedYears -}}
        {{- if ge $i $recentYearCount -}}
        {{- $yearEvents := index $eventsByYear $year -}}
        {{- $count := len $yearEvents -}}
        <details class="year-group" data-year="{{ $year }}">
          <summary class="year-header">
            <span class="year-label">{{ $year }}</span>
            <span class="year-count">{{ $count }} {{ if eq $lang "fr" }}{{ if eq $count 1 }}événement{{ else }}événements{{ end }}{{ else }}{{ if eq $count 1 }}event{{ else }}events{{ end }}{{ end }}</span>
          </summary>
          <div class="year-events-grid">
            {{- range $yearEvents -}}
              {{- $talk := index $talks .talk -}}
              {{- $eventType := .type -}}
              {{- $isUpcoming := gt (time .date) now -}}
              <div class="event-card{{ if $isUpcoming }} event-card-upcoming{{ end }}" data-type="{{ $eventType }}" data-talk="{{ .talk }}">
                <div class="event-card-type">
                  {{- if eq $eventType "conference" -}}
                    <span class="type-badge type-conference" title="Conference">conf</span>
                  {{- else if eq $eventType "meetup" -}}
                    <span class="type-badge type-meetup" title="Meetup">meetup</span>
                  {{- else if eq $eventType "bbl" -}}
                    <span class="type-badge type-bbl" title="Brown Bag Lunch">BBL</span>
                  {{- end -}}
                </div>
                <div class="event-card-content">
                  <h4 class="event-card-event">
                    {{ .event }}
                    {{- if $isUpcoming }}
                    <span class="type-badge type-upcoming">{{ if eq $lang "fr" }}à venir{{ else }}upcoming{{ end }}</span>
                    {{- end -}}
                  </h4>
                  <p class="event-card-talk">{{ index $talk.title $lang | default (index $talk.title "fr") }}</p>
                  {{- if .note -}}
                    <p class="event-card-note">{{ index .note $lang | default (index .note "fr") }}</p>
                  {{- end -}}
                </div>
                <div class="event-card-actions">
                  {{- if .video -}}
                    <a href="{{ .video }}" class="action-link action-video" title="{{ if eq $lang "fr" }}Vidéo{{ else }}Video{{ end }}">📹</a>
                  {{- end -}}
                  {{- if .feedback -}}
                    <a href="{{ .feedback }}" class="action-link action-feedback" title="{{ if eq $lang "fr" }}Feedbacks{{ else }}Feedback{{ end }}">💬</a>
                  {{- end -}}
                  {{- if .feedback2 -}}
                    <a href="{{ .feedback2 }}" class="action-link action-feedback" title="{{ if eq $lang "fr" }}Feedbacks{{ else }}Feedback{{ end }}">💬</a>
                  {{- end -}}
                  {{- if .link -}}
                    <a href="{{ .link }}" class="action-link action-link-ext" title="{{ if eq $lang "fr" }}Lien{{ else }}Link{{ end }}">🔗</a>
                  {{- end -}}
                </div>
              </div>
            {{- end -}}
          </div>
        </details>
        {{- end -}}
      {{- end -}}
      </div>
    </details>
    {{- end -}}
      <p>
      {{- if eq $lang "fr" -}}
        Note : les talks disponibles en replay sont également souvent disponibles sur <a href="{{ $data.peertube }}">mon instance PeerTube personnelle</a>
      {{- else -}}
        Note: Talks available as replays are usually also available on <a href="{{ $data.peertube }}">my personal PeerTube instance</a>
      {{- end -}}
    </p>
  </section>


  {{/* ===== ORGANIZER ===== */}}
  <section class="conf-section">
    <h2>{{ if eq $lang "fr" }}Organisateur{{ else }}Organizer{{ end }}</h2>
    <ul class="organizer-list">
      {{- range $data.organizer -}}
      <li>
        {{ index .description $lang | default (index .description "fr") | markdownify }}
        {{- if .article }} (<a href="{{ .article }}">{{ if eq $lang "fr" }}j'en parle dans cet article{{ else }}I talk about it in this article{{ end }}</a>){{- end -}}
      </li>
      {{- end -}}
    </ul>
  </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 — full-width content */}}
{{ define "right-sidebar" }}{{ end }}