import Link from "next/link";
import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";

export default function LoginSoon() {
    let { t } = useTranslation();

    const router = useRouter();
    const { locale } = router;
    return (
        <div className="card" id="login-card">
            <div className="card-body active">
                <h3 className="heading-small card-heading">
                    {t("home:login-card-title-temp")}
                </h3>

                <div className="govuk-form-group govuk-!-margin-top-4">
                    <p className="govuk-body-s">
                        {t("home:login-comingsoon-temp-1")}{" "}
                        <a href="mailto:Casework.PEDW@gov.wales">
                            Casework.PEDW@gov.wales
                        </a>
                    </p>
                    <p className="govuk-body-s">
                        {t("home:login-comingsoon-temp-2")}
                    </p>
                    <br />
                    <a
                        target="_blank"
                        href="https://gov.wales/planning-appeal-forms"
                    >
                        https://gov.wales/planning-appeal-forms
                    </a>
                </div>
            </div>
        </div>
    );
}