{t("search:page-title")} - {t("common:service-name")}

import useTranslation from "next-translate/useTranslation";
import Head from "next/head";
import { useRouter } from "next/router";
import { connect } from "react-redux";
import {
    getAdvancedSearch,
    getIP,
    getPersonalAccount,
    getPortalLogin,
    getPortalModuleDetails,
    getWatchedCases,
} from "../../actions";
import Breadcrumbs from "../../components/breadcrumbs";
import CookieBanner from "../../components/cookieBanner";
import Footer from "../../components/footer";
import Header from "../../components/header";
import SearchResults from "../../components/searchresults";
import {
    getFormCollectionByID,
    getSearchDetails,
} from "../../components/utils";
import {
    setSearchDetails,
    setSearchResults,
} from "../../store/searchOutput/action";

import {
    setAccountDetails,
    setContainerID,
    setLoggedInUserId,
} from "../../store/accountDetails/action";
import { setShowReps } from "../../store/currentView/action";
import { setSearch } from "../../store/search/action";

import { getSession } from "next-auth/react";
import TimeOut from "../../components/timeout";
import { wrapper } from "../../store/store";
import {
    setWatchedCases,
    setWatchedCasesDetails,
} from "../../store/watchedCases/action";
import ServiceBanner from "../../components/myportal/servicebanner";

const Home = (props) => {
    const { footerLinks, pages, watchedCases } = props;
    let { t, lang } = useTranslation();

    const router = useRouter();
    const { locale } = router;
    const { appealtypes } = router.query;

    return (
        <div>
            <Head>
                <title>
                    {t("search:page-title")} - {t("common:service-name")}
                </title>
            </Head>
            <div id="page_wrapper">
                <CookieBanner />
                <Header />
                <div className="govuk-width-container">
                    <Breadcrumbs slug={appealtypes} />
                    <ServiceBanner props={props} />
                    <SearchResults
                        searchString={props.search.searchString}
                        searchResultsObj={props.searchResultsObj}
                        advancedSearch={true}
                        watchedCases={watchedCases}
                        myportal={true}
                    />
                </div>
                <Footer footerLinks={footerLinks} ticketnumber={props} />
            </div>
            <TimeOut />
        </div>
    );
};

export const getServerSideProps = wrapper.getServerSideProps(
    (store) => async (ctx) => {
        const { query, req, res } = ctx;
        getIP(req);
        console.log("query-", query);
        //console.log("search array:", Object.entries(query));
        const { cookies } = req;

        const showLoginCheck = process.env.SHOWLOGIN || false;

        let thisSession = await getSession(ctx);

        let loggedInUser = await getPortalLogin(thisSession.user.email);

        if (!thisSession) {
            console.log("not has sesssion.......");
            return {
                redirect: {
                    destination: "/auth/signin",
                    permanent: false,
                },
            };
        } else {
            thisSession != false &&
                store.dispatch(setContainerID(thisSession.user.id));

            loggedInUser = await getPortalLogin(thisSession.user.email);

            loggedInUser = loggedInUser.value[0].contactid;

            const [accountDetails, searchResultsObj, watchedCases] =
                await Promise.all([
                    await getPersonalAccount(loggedInUser),
                    await getAdvancedSearch(query),
                    await getWatchedCases(loggedInUser),
                ]);

            console.log(accountDetails);

            const [searchDetailsObj, watchedCasesDetails] = await Promise.all([
                await getSearchDetails(searchResultsObj),
                await getDetails(watchedCases, "myWatchedCases"),
            ]);

            const showLoginCheck = process.env.SHOWLOGIN || false;
            const showReps = process.env.SHOWREPRESENTATIONS || false;
            store.dispatch(setShowReps(showReps, showLoginCheck));

            store.dispatch(setAccountDetails(accountDetails));
            store.dispatch(setSearchResults(searchResultsObj));
            store.dispatch(setSearchDetails(searchDetailsObj));
            store.dispatch(setWatchedCases(watchedCases));
            store.dispatch(setWatchedCasesDetails(watchedCasesDetails));
            store.dispatch(setSearch(Object.entries(query)));
            store.dispatch(setLoggedInUserId(loggedInUser));
        }
        return {
            props: {
                showLoginCheck: showLoginCheck,
            },
        };
    }
);

const getDetails = (resultsObj, detailsType) => {
    let detailsArr = [];
    resultsObj = resultsObj.value;
    const detailsObj = resultsObj.map((searchDetail, index) => {
        if (searchDetail.pinswg_appealcasetype == null) {
            console.log(
                detailsType != "myWatchedCases"
                    ? searchDetail.ticketnumber
                    : searchDetail[
                          "_pinswg_watchedcase_value@OData.Community.Display.V1.FormattedValue"
                      ]
            );
        } else {
            detailsArr.push(
                getPortalModuleDetails(
                    getFormCollectionByID(searchDetail.pinswg_appealcasetype)
                        .LogicalCollectionName,
                    detailsType != "myWatchedCases"
                        ? searchDetail.ticketnumber
                        : searchDetail[
                              "_pinswg_watchedcase_value@OData.Community.Display.V1.FormattedValue"
                          ]
                )
            );
        }
    });
    return Promise.all(detailsArr);
};

const mapStateToProps = (state) => {
    return {
        accountDetails: state.accountDetails,
        currentView: state.currentView,
        search: state.search,
        searchResultsObj: state.searchResultsObj,
        formData: state.formData,
        appealType: state.appealType,
        form: state.form,
        myCases: state.myCases,
        watchedCases: state.watchedCases,
        myRepresentations: state.myRepresentations,
        awaitingSubmission: state.awaitingSubmission,
    };
};

export default connect(mapStateToProps)(Home);