"use client";
import RegisterForm from "./components/RegisterForm";
import { signIn, useSession } from "next-auth/react";
import { useRouter } from "next/navigation";
const RegisterAsAPlayer = () => {
  const router = useRouter();
  const test = useSession();
  console.log("hello");
  console.log("user from the session: ", test);

  if (test?.data) {
    console.log(test.data.user);
    router.push("/register/profile");
  }
  return (
    <section>
      <div>
        <RegisterForm />
        <div className="flex flex-col gap-[106px]">
          <div className="flex items-center justify-between">
            <p className="text-center f16 fw700 lh24 text-[#13013C]">
              Register With :
            </p>
            <div className="flex gap-[15px] items-center">
              <button
                onClick={() =>
                  signIn("google", { callbackUrl: "/register/profile" })
                }
              >
                <Image
                  src="/google.svg"
                  alt="Social Icons"
                  width={24}
                  height={24}
                />
              </button>
              <button >
                <Image
                  src="/facebook.svg"
                  alt="Social Icons"
                  width={26}
                  height={26}
                />
              </button>
            </div>
          </div>
          <p className="text-center f18 fw400 lh30 text-[#828282] ">
            Already have an account?
            <Link href={"/signin"} className="text-[#13013C]">
              Sign In
            </Link>
          </p>
        </div>
      </div>
    </section>
  );
};
export default RegisterAsAPlayer;