import Link from "next/link";
import { useRouter } from "next/router";
import { useContext } from "react";
import useTranslation from "next-translate/useTranslation";
import Login from "./homepage/login";
import LoginSoon from "./homepage/loginSoon";
import CaseSearch from "./homepage/casesearch";
import Inspectorate from "./homepage/inspectorate";
import CaseComment from "./homepage/casecomment";
import Dns from "./homepage/dns";

const MainHome = (props) => {
    let { t } = useTranslation();

    const { showLogin, GG_REDIRECT_URI, GG_CLIENT_ID, session } = props;
    const router = useRouter();
    const { locale } = router;

    return (
        <main
            className="govuk-main-wrapper govuk-main-wrapper--auto-spacing"
            id="main-content"
            role="main"
        >
            <div className="govuk-grid-row">
                <div className="govuk-grid-column-full">
                    <div className="flex-container grid-row govuk-body ">
                        <CaseSearch /> <Dns />
                        {showLogin == "true" && (
                            <Login
                                GG_CLIENT_ID={GG_CLIENT_ID}
                                GG_REDIRECT_URI={GG_REDIRECT_URI}
                                session={session}
                            />
                        )}
                        {showLogin != "true" && <LoginSoon />}
                        <CaseComment />
                        {/*   <Inspectorate /> */}
                    </div>
                </div>
            </div>
        </main>
    );
};

export default MainHome;