import type { Metadata } from 'next'
import { getMasters } from '@/lib/api'
import { FilterTabs } from '@/components/classement/FilterTabs'
import { RankingTable } from '@/components/classement/RankingTable'
import { Methodology } from '@/components/classement/Methodology'

export const metadata: Metadata = {
  title: 'Classement complet 2026',
  description:
    "Classement 2026 des masters en finance quantitative, construit sur l'analyse de 1 240 profils LinkedIn alumni. Scores reflétant les débouchés réels.",
}

/**
 * Server Component — fetche les données au moment du build (ISR 1h).
 * Dès que le backend Django est disponible, getMasters() appelle /api/masters/.
 */
export default async function ClassementPage() {
  const masters = await getMasters()

  return (
    <main>
      <section className="section-ranking" id="classement">
        <div className="section-wrap">
          <div className="section-head">
            <div className="eyebrow">Classement Complet</div>
            <h1 className="section-title">
              Classement 2026 des masters<br />en finance <em>quantitative</em>
            </h1>
            <p className="section-desc">
              Construit sur l&rsquo;analyse de 1&nbsp;240 profils LinkedIn alumni.
              Les scores reflètent les débouchés réels observés, non les déclarations
              des établissements.
            </p>
          </div>

          <FilterTabs total={masters.length} />
          <RankingTable masters={masters} />
        </div>
      </section>

      <Methodology />
    </main>
  )
}