import Link from "next/link";
import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
import { Field, reduxForm } from "redux-form";
import {
    RenderPickList,
    RenderTextfield,
    RenderRadioList,
    RenderMultiline,
} from "./representationElements";
import {
    setRepresentationCapacity,
    setRepresentationSubmit,
    setSubmitBack,
} from "../../../store/currentView/action";
import { useDropzone } from "react-dropzone";

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

    const router = useRouter();
    const { locale } = router;
    const {
        formObj,
        appellantApplicantRepresentationArr,
        setRepresentationCapacity,
        setRepresentationSubmit,
        currentView,
        setSubmitBack,
        setRepresentationSubmitConfirmation,
    } = props;
    const { acceptedFiles, getRootProps, getInputProps } = useDropzone();
    const files = acceptedFiles.map((file) => (
        <li key={file.path}>
            {file.path} - {file.size} bytes
        </li>
    ));

    return (
        <div id="rep-appellant">
            <div className="govuk-grid-column-full">
                <div className="govuk-grid-row">
                    <h2 className="govuk-heading-m ">
                        Submission of Representation
                    </h2>
                    <p>
                        Thank you for submitting your representation(s) using
                        the Appeals Casework Portal.
                    </p>

                    <p>
                        Please remember that any supporting documentation needs
                        to be received by us within the appropriate deadline for
                        the case. Anything you send to us must be clearly marked
                        with the case reference number and the site address
                        (including the postcode, where known).
                    </p>

                    <p>
                        You will shortly receive confirmation to the email
                        address you have provided.
                    </p>
                </div>
                <div className="govuk-grid-row">
                    <div className="govuk-button-group">
                        <Link href="/myportal">
                            <a className="govuk-button">Continue</a>
                        </Link>
                    </div>
                </div>
            </div>
        </div>
    );
};

export default RepComplete;