import type { Metadata } from "next";
import { requirePermission } from "@/lib/auth/session";
import { PageHeader } from "@/components/ui/PageHeader";
import { Icon } from "@/components/ui/Icon";

export const metadata: Metadata = { title: "Creator-Management" };

// Das Creator-Management-Modul ist vorübergehend deaktiviert und wird als
// „Coming soon" angezeigt. Backend (Queries/Actions/Provider) bleibt bestehen
// und kann jederzeit wieder aktiviert werden.
export default async function CreatorsPage() {
  await requirePermission("creators.view");

  return (
    <div className="flex flex-col gap-5">
      <PageHeader
        eyebrow="Talent-Management"
        title="Creator-Management"
        description="Internes CRM für Verwaltung, Betreuung, Pipeline, Social-Analyse & Onboarding aller Avaria-Creator."
      />

      <div className="card flex flex-col items-center gap-4 text-center" style={{ padding: "clamp(48px, 8vw, 96px) 24px" }} data-reveal>
        <div className="coming-orb"><Icon name="creators" size={38} /></div>
        <span className="badge">In Entwicklung</span>
        <h2 className="gradient-text" style={{ marginTop: 4 }}>Coming soon</h2>
        <p className="text-muted" style={{ maxWidth: "46ch" }}>
          Das Creator-Management-Modul wird gerade finalisiert und in Kürze freigeschaltet — mit
          Pipeline, Social-Analyse, automatischem API-Tracking und Onboarding.
        </p>
      </div>
    </div>
  );
}