import Link from "next/link";
import { useRouter } from "next/router";
import { useContext } from "react";
import useTranslation from "next-translate/useTranslation";
import Summary from "./case/summary";
import Documents from "./case/documents";
import RepresentationList from "./case/representationList";

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

    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">
                    <Summary
                        myCases={props.myCases}
                        myCasesDetails={props.myCasesDetails}
                        myRepresentations={props.myRepresentations}
                        watchedCases={props.watchedCases}
                        watchedCasesDetails={props.watchedCasesDetails}
                        awaitingSubmission={props.awaitingSubmission}
                        caseReference={props.caseReference}
                        currentType={props.currentType}
                        appealTypeID={props.appealTypeID}
                        searchResultsObj={props.searchResultsObj}
                        searchDetailsObj={props.searchDetailsObj}
                        searchString={props.searchString}
                        incidentid={props.incidentid}
                    />
                    <Documents
                        incidentid={props.incidentid}
                        caseReference={props.caseReference}
                        searchResultsObj={props.searchResultsObj}
                        searchDetailsObj={props.searchDetailsObj}
                        documentDetailsObj={props.documentDetailsObj}
                        documentHistoryObj={props.documentHistoryObj}
                    />
                    {showRepresentations == "true" && (
                        <RepresentationList
                            incidentid={props.incidentid}
                            caseReference={props.caseReference}
                            representationsObj={props.representationsObj}
                            documentDetailsObj={props.documentDetailsObj}
                            documentHistoryObj={props.documentHistoryObj}
                        />
                    )}
                </div>
            </div>
        </main>
    );
};

export default Case;