"use client";

import { useRouter } from "next/navigation";
import { useEffect } from "react";

import { useSession } from "@/lib/auth/auth-client";

export default function PostLogin() {
  const { data: session, isPending } = useSession();
  const router = useRouter();

  useEffect(() => {
    if (isPending) return;
    if (!session) {
      router.replace("/sign-in");
      return;
    }
    const role = (session.user as { role?: string }).role ?? "user";
    if (role === "superAdmin") {
      router.replace("/admin");
    } else if (role === "admin") {
      router.replace("/dashboard");
    } else {
      router.replace("/dashboard");
    }
  }, [session, isPending, router]);

  return (
    <div className="flex h-screen items-center justify-center">
      <div className="text-center">
        <div className="mb-4 h-12 w-12 animate-spin rounded-full border-4 border-blue-500 border-t-transparent"></div>
        <p className="text-slate-600">Redirigiendo según tu rol...</p>
      </div>
    </div>
  );
}