"use client"
import { AuthenticationForm } from "@/src/components/base/AuthenticationForm";
import Logo from "@/src/assets/logo.jpg";
import { useRouter, useSearchParams } from "next/navigation";
import { APIUrl, userId } from "@/src/database/database";

export default function Page() {
  // const searchParams = useSearchParams();
  // const secret = searchParams.get('secret');
  const router = useRouter();

  return (
    <div className={`w-full min-h-[100vh] bg-entryBg bg-cover bg-center flex flex-wrap flex-row items-center p-5`}>
      <div className="max-w-[400px] w-full m-auto">
        <AuthenticationForm 
          // type={secret ? "Reset Password" : "Login"}
          type={"Login"}
          className="w-1/2"
          header={<img src={Logo.src} className="w-80 m-auto mb-8" />}
          apiURL={APIUrl}
          settings={
            {
              table: userId,
              emailId: "email",
              passwordId: "password",
              secretId: "secret",
              roleId: "role_id"
            }
          }
          onLogin={(role: any) => {
            if(role === 8 || role === 9){
              router.push('/dashboard');
            }else{
              router.push('/');
            }
          }}
          onRegisterFallback={() => {
            router.push('/');
          }}
        />
      </div>
    </div>
  )
}