---
import PageLayout from '~/layouts/PageLayout.astro'
import _ from 'lodash'
import { getSlugFromFile } from '~/utils.ts'

const talks = await Astro.glob("../../talks/*.md")

const talkCount = _(talks)
  .flatMap((talk) => talk.frontmatter.events)
  .size()

const sortedTalks = talks
  .map(talk => {
    const slug = getSlugFromFile(talk.file)

    return { slug, talk }
  })
  .sort((b, a) => {
    const events = [
      a.talk.frontmatter.events[a.talk.frontmatter.events.length - 1],
      b.talk.frontmatter.events[b.talk.frontmatter.events.length - 1],
    ]

    return new Date(events[0].date).valueOf() -
      new Date(events[1].date).valueOf()
  })
---

<PageLayout title="Talks and workshops">
  <p>Starting with my first talk in September 2012, I have given {talkCount} presentations and workshops at various conferences and meetups, in-person and remotely, on topics including PHP, Drupal, automated testing, Git, CSS, and systems administration.</p>

  <div>
    {sortedTalks.map((talk) => (
      <article>
        <a href=`/talks/${talk.slug}`>
          <h2>{talk.talk.frontmatter.title}</h2>
        </a>

        {talk.talk.frontmatter.description}
      </article>
    ))}
  </div>
</PageLayout>