import _ from "lodash";
import Link from "next/link";
import React, { useState } from "react";
import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
import {
    Field,
    reduxForm,
    formValueSelector,
    getFormSubmitErrors,
} from "redux-form";
import {
    useDispatch,
    useSelector,
    shallowEqual,
    connect,
    setRegisterFormComplete,
    setAccountCreatedComplete,
} from "react-redux";

const RegisterComplete = (props) => {
    const {
        footerLinks,
        pages,
        handleSubmit,
        value,
        setRegisterFormComplete,
        setAccountCreatedComplete,
    } = props;
    let { t, lang } = useTranslation();

    const router = useRouter();
    const { locale } = router;

    return (
        <>
            <p className="govuk-body">We have sent you a confirmation email.</p>

            <h2 className="govuk-heading-m">What happens next</h2>

            <p className="govuk-body">
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi a
                metus non quam mollis egestas. Integer ac leo cursus, laoreet
                nulla sed, tempus tellus. Mauris condimentum erat arcu.
            </p>
            <p className="govuk-body">
                Sed imperdiet dignissim ipsum. Orci varius natoque penatibus et
                magnis dis parturient montes, nascetur ridiculus mus. In id leo
                in turpis aliquam venenatis ut non erat. Ut est arcu, luctus sit
                amet pretium sed, iaculis non purus. Etiam dictum tortor commodo
                luctus rhoncus.
            </p>

            <p className="govuk-body">
                <Link href="/">
                    <a className="govuk-link">Login to My Portal</a>
                </Link>
            </p>
        </>
    );
};

const mapStateToProps = (state) => {
    return {
        search: state.search,
        searchResultsObj: state.searchResultsObj,
        formData: state.formData,
        appealType: state.appealType,
        accountDetails: state.accountDetails,
        //form: state.form,
    };
};

const mapDispatchToProps = (dispatch) => {
    return {
        setCurrentSection: (currentSection) => {
            dispatch(setCurrentSection(currentSection));
        },
    };
};

export default connect(mapStateToProps, mapDispatchToProps)(RegisterComplete);