import Link from "next/link";
import { redirect } from "next/navigation";
import { getServerSession } from "next-auth";
import { authOptions } from "@/lib/auth/auth-options";
import { AuthLayoutShell } from "@/components/features/auth/AuthLayoutShell";
import { RegisterForm } from "@/components/features/auth/RegisterForm";
import { getPostAuthRedirectPath } from "@/lib/utils/safe-redirect";

export default async function RegisterPage() {
  const session = await getServerSession(authOptions);
  if (session?.user) {
    redirect(getPostAuthRedirectPath(session.user));
  }

  return (
    <AuthLayoutShell>
      <div className="mb-[26px] flex rounded-[9px] bg-[#F1F5F9] p-1">
        <Link
          href="/login"
          className="flex-1 py-2 text-center text-[13.5px] font-semibold text-muted hover:text-text"
        >
          Log in
        </Link>
        <span className="flex-1 rounded-md bg-white py-2 text-center text-[13.5px] font-semibold text-primary shadow">
          Register
        </span>
      </div>
      <RegisterForm />
    </AuthLayoutShell>
  );
}