import type { Metadata } from "next";
import Link from "next/link";
import { redirect } from "next/navigation";
import { getCurrentSession } from "@/lib/auth/session";
import { LoginForm } from "@/components/auth/login-form";

export const metadata: Metadata = { title: "Login", description: "Masuk ke akun guru atau siswa WEBKU." };

export default async function LoginPage() {
  const session = await getCurrentSession();
  if (session?.user.role === "TEACHER") redirect("/dashboard");
  if (session?.user.role === "STUDENT") redirect("/belajar");

  return (
    <main className="grid min-h-svh lg:grid-cols-2">
      <section className="hidden bg-slate-950 p-12 text-white lg:flex lg:flex-col lg:justify-between">
        <Link href="/" className="flex items-center gap-3"><span className="grid size-10 place-items-center rounded-xl bg-emerald-500 font-black">W</span><span className="font-black tracking-[.18em]">WEBKU</span></Link>
        <div><p className="text-sm font-bold uppercase tracking-[.2em] text-emerald-400">Teacher Workspace</p><h1 className="mt-5 max-w-xl text-5xl font-black tracking-[-.04em]">Kelola pembelajaran dalam satu ruang yang terarah.</h1><p className="mt-6 max-w-lg leading-7 text-slate-400">Dashboard privat untuk mengelola profil dan pengaturan website. Modul konten akan hadir bertahap.</p></div>
        <p className="text-xs text-slate-600">WEBKU · RPL Teacher Hub</p>
      </section>
      <section className="flex items-center justify-center px-5 py-12 sm:px-8"><div className="w-full max-w-md"><Link href="/" className="mb-12 inline-flex items-center gap-2 text-sm font-bold text-emerald-600 lg:hidden">← Kembali ke WEBKU</Link><p className="text-xs font-bold uppercase tracking-[.2em] text-emerald-600">Akses khusus guru</p><h2 className="mt-3 text-4xl font-black tracking-tight">Selamat datang kembali</h2><p className="mt-3 text-slate-500">Masuk menggunakan akun teacher yang telah disiapkan.</p><LoginForm /></div></section>
    </main>
  );
}