import type { Metadata } from "next";
import Image from "next/image";
import { redirect } from "next/navigation";
import { getSessionClientId } from "@/lib/auth";
import { isAdminSession } from "@/lib/adminAuth";
import { TeamLoginForm } from "@/components/team/TeamLoginForm";

export const metadata: Metadata = { title: "Anmelden — Rakku Team" };
export const dynamic = "force-dynamic";

export default async function TeamLoginPage() {
  // Bereits eingeloggte Mitarbeiter sollen nicht nochmal am Login landen
  // (z. B. App-Neustart mit noch gültiger Session) — direkt durch ins Dashboard.
  const clientId = await getSessionClientId();
  if (clientId && (await isAdminSession())) redirect("/de/admin");

  return (
    <main className="min-h-screen flex items-center justify-center px-4 rk-grain">
      <div className="relative z-10 w-full max-w-sm">
        <div className="flex flex-col items-center gap-1 mb-8">
          <Image src="/icon-192.png" alt="" width={40} height={40} className="rounded-xl mb-2" />
          <div className="font-[family-name:var(--font-quantify)] text-2xl tracking-wide">RAKKU</div>
          <div className="text-xs uppercase tracking-[0.2em] text-[var(--rk-ink-muted)]">Team</div>
        </div>
        <div className="rounded-2xl border border-white/10 bg-[var(--rk-surface)] p-6">
          <TeamLoginForm />
        </div>
      </div>
    </main>
  );
}