import BreadCrumb from "../../../components/dashboard/common/BreadCrumb";
import CopyrightFooter from "../../../components/dashboard/common/CopyrightFooter";
import Seo from "../../../components/common/Seo";
import TestRules from "../../../components/dashboard/candidate-dashboard/psychometric-test/TestRules";
import { useState, useEffect } from "react";
import { useAuth } from "../../../contexts/auth";
import { useRouter } from "next/router";

const startexam = (id: number) => {
  const [getIsSidebarOpen, setIsSidebarOpen] = useState(false);
  const { userRole, isAuthenticated } = useAuth() as any;
  const router = useRouter();

  // Check if user is authenticated and is a candidate
  useEffect(() => {
    if (isAuthenticated && userRole && userRole.toLowerCase() !== "candidate") {
      router.push("/dashboard");
    }
  }, [isAuthenticated, userRole, router]);
  return (
    <>
      <Seo pageTitle="Psychometric Test" />
      <div className="page-wrapper psychometric_test_outer_wrapper">
        <div className="container">
          {/* <!-- Dashboard --> */}
          <section className="user-dashboard">
            <div className="dashboard-outer">
              <BreadCrumb
                title="Psychometric Test"
                getIsSidebarOpen={getIsSidebarOpen}
                setIsSidebarOpen={setIsSidebarOpen}
              />
              {/* breadCrumb */}

              <div className="row">
                <div className="col-lg-12">
                  <div className="ls-widget">
                    <div className="tabs-box">
                      <div className="widget-title">
                        <h4>Test Rules</h4>
                      </div>
                      {/* <MyProfile /> */}
                      <TestRules />
                    </div>
                  </div>
                  {/* <!-- Ls widget --> */}
                </div>
              </div>
              {/* End .row */}
            </div>
            {/* End dashboard-outer */}
          </section>
          {/* <!-- End Dashboard --> */}
        </div>
        <CopyrightFooter />
        {/* <!-- End Copyright --> */}
      </div>
    </>
  );
};

export default startexam;