---
//TODO:
// - Add highlighted TAs above the rest
// > I think you should have all of them on the site.
// > You could have the notable ones like you do now, but at the bottom, there could be a drop-down or "expand" or "more" or
// > some other section like that which you could click and show the rest

import Layout from '../layouts/Layout.astro'

import TaSection from '../layouts/taSection.astro'
import TaCard from '../components/taCard.astro'
import tadata from '../../static/_tadata.json'

const important_data = tadata.filter(function (el) {
  return [
    'Ibuki 3T (Lostbelt 5.5)',
    'DB 7T (No Duplicates)',
    'Kingprotea 1T',
  ].includes(el.title)
})

tadata.sort((a, b) => Date.parse(b.date) - Date.parse(a.date))

const description = 'A collection of TAs previously completed be Firq.'
---

<Layout
  title="TA Collection - Firq FGO Site"
  currentpage="ta-collection"
  descriptionOverride={description}
>
  <TaSection title="Notable TAs" abovetext="">
    {important_data.map((item) => <TaCard {...item} />)}
  </TaSection>
  <TaSection title="Completed TAs">
    {tadata.map((item) => <TaCard {...item} />)}
  </TaSection>
</Layout>

<style></style>