---
//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);
});


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>