import useTranslation from "next-translate/useTranslation";
import Link from "next/link";
import { useRouter } from "next/router";
import CRMError from "./crmError";
import SearchResults from "./search/addresssearchresults";

export default function Search(props) {
    const {
        searchString,
        searchResultsObj,
        advancedSearch,
        myportal,
        watchedCases,
        isLinkedCase,
        showLoginCheck,
    } = props;
    let { t } = useTranslation();

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

    var hasError = _.has(searchResultsObj.searchResultsObj, "errorCode")
        ? true
        : false;

    //console.log("has an error", hasError);

    return (
        <main
            className="govuk-main-wrapper govuk-main-wrapper--auto-spacing"
            id="main-content"
            role="main"
        >
            {hasError ? (
                <CRMError props={props} />
            ) : (
                <>
                    <div className="govuk-grid-row">
                        <div className="govuk-grid-column-full">
                            <SearchResults
                                advancedSearch={advancedSearch}
                                searchString={searchString}
                                searchResultsObj={
                                    searchResultsObj.searchResultsObj
                                }
                                searchDetailsObj={
                                    searchResultsObj.searchDetailsObj
                                }
                                myportal={myportal}
                                watchedCases={watchedCases}
                                isLinkedCase={isLinkedCase}
                                showLoginCheck={showLoginCheck}
                            />
                        </div>
                    </div>
                    <div className="govuk-grid-row">
                        <div className="govuk-grid-column-full">
                            <div className="govuk-button-group">
                                <Link
                                    href="/addresssearch"
                                    className="govuk-button"
                                >
                                    {t("common:breadcrumb-address-search")}
                                </Link>
                                {/* <a
                            onClick={() => router.back()}
                            className="govuk-button govuk-button--secondary"
                        >
                            {t("search:searchresults-new-search-button-label")}
                        </a> */}
                            </div>
                        </div>
                    </div>
                </>
            )}
        </main>
    );
}