import Link from "next/link";
import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
import { setCurrentReference } from "../../store/currentView/action";
import { connect } from "react-redux";
import jsonpath from "jsonpath";
import transLookup from "../../data/lookuptranslations.json";
import { getFormCollectionByID } from "../../components/utils";

const ViewAllResults = (props) => {
    const {
        searchString,
        searchResultsObj,
        currentView,
        setCurrentReference,
        myportal,
    } = props;

    let { t } = useTranslation();

    const router = useRouter();
    const { locale } = router;
    const repRaisedDate = (datePart) => {
        var dateObj = new Date(datePart);
        return dateObj.toLocaleString();
    };
    var resultsArr =
        currentView.viewKey == "awaitingSubmissionDetails"
            ? props["awaitingSubmission"].awaitingSubmissionDetails.case
            : props[currentView.viewKey][currentView.viewKey].value || [];

    function formatDates(dateObj) {
        var dateObj = new Date(dateObj);
        var dd = String(dateObj.getDate()).padStart(2, "0");
        var mm = String(dateObj.getMonth() + 1).padStart(2, "0"); //January is 0!
        var yyyy = dateObj.getFullYear();

        return dd + "/" + mm + "/" + yyyy;
    }

    var searchDetailsObj =
        currentView.viewKey == "awaitingSubmissionDetails"
            ? props["awaitingSubmission"].awaitingSubmissionDetails.value
            : currentView.viewKey == "myRepresentations"
            ? props["myRepresentations"].myRepresentations.value
            : props[currentView.viewKey][currentView.viewKey + "Details"] || [];

    let resultsRowArr = [];
    resultsArr.map((item, key) => {
        let detailsObj = jsonpath.query(
            searchDetailsObj,
            '$..value[?(@.pinswg_name=="' + item.pinswg_title + '")]'
        );
        detailsObj = detailsObj[0];

        //console.log(searchDetailsObj[key]);

        // searchDetailsObj[key] =
        //     currentView.viewKey == "myRepresentations"
        //         ? searchDetailsObj[key].value[0]
        //         : searchDetailsObj[key];

        resultsRowArr.push(
            <div className="govuk-summary-list__row" key={key}>
                <dd className="govuk-summary-list__value govuk-!-font-size-16  govuk-!-padding-left-2">
                    <Link
                        href={
                            currentView.viewKey == "myRepresentations"
                                ? {
                                      pathname: "/myportal/representation",
                                      query: {
                                          case: resultsArr[key].caseRef,
                                          state: "edit",
                                      },
                                  }
                                : currentView.viewKey ==
                                  "awaitingSubmissionDetails"
                                ? router.locale == "cy"
                                    ? "/fymhorth/parhauigyflwyno"
                                    : "/myportal" +
                                      "/" +
                                      getFormCollectionByID(
                                          resultsArr[key].pinswg_appealcasetype
                                      ).UrlName +
                                      "?lpa=" +
                                      resultsArr[key][
                                          "_pinswg_associatedlpa_value"
                                      ] +
                                      "&apt=" +
                                      resultsArr[key].pinswg_appealcasetype +
                                      "&casereference=" +
                                      resultsArr[key].title +
                                      "&inid=" +
                                      resultsArr[key].incidentid
                                : router.locale == "cy"
                                ? myportal == true
                                    ? "/fymhorth/achos"
                                    : "/achos"
                                : myportal == true
                                ? "/myportal/case"
                                : "/case"
                        }
                        onClick={() => {
                            setCurrentReference({
                                "currentReference":
                                    currentView.viewKey != "watchedCases"
                                        ? currentView.viewKey ==
                                          "myRepresentations"
                                            ? resultsArr[key].caseRef
                                            : resultsArr[key].ticketnumber
                                        : resultsArr[key][
                                              "_pinswg_watchedcase_value@OData.Community.Display.V1.FormattedValue"
                                          ],

                                "currentType": currentView.viewKey,
                                "incidentid":
                                    currentView.viewKey != "watchedCases"
                                        ? resultsArr[key].incidentid
                                        : resultsArr[key][
                                              "_pinswg_watchedcase_value"
                                          ],

                                "appealType":
                                    resultsArr[key].pinswg_appealcasetype,
                                "repDetails":
                                    currentView.viewKey ==
                                        "myRepresentations" &&
                                    resultsArr[key],
                            });
                        }}>

                        <span className="results-visually-hidden">
                            {t("search:searchresults-case-reference-label")}
                            :
                        </span>
                        {currentView.viewKey != "watchedCases"
                            ? currentView.viewKey == "myRepresentations"
                                ? resultsArr[key].caseRef
                                : resultsArr[key].ticketnumber
                            : resultsArr[key][
                                  "_pinswg_watchedcase_value@OData.Community.Display.V1.FormattedValue"
                              ]}

                    </Link>
                </dd>
                <dd className="govuk-summary-list__value govuk-!-font-size-16">
                    <span className="results-visually-hidden">
                        {t("search:searchresults-site-address-label")}:
                    </span>
                    {/* {getFormCollectionByID(appealTypeID).PrimaryIdAttribute ==
                    "pinswg_dnsid"
                        ? detailsObj.pinswg_projectlocation != null
                            ? detailsObj.pinswg_projectlocation.indexOf(";") < 0
                                ? detailsObj.pinswg_projectlocation
                                : router.locale == "cy"
                                ? detailsObj.pinswg_projectlocation.split(
                                      ";"
                                  )[1]
                                : detailsObj.pinswg_projectlocation.split(
                                      ";"
                                  )[0]
                            : ""
                        : ""} */}
                    {currentView.viewKey == "awaitingSubmissionDetails" &&
                    _.has(searchDetailsObj[key], "pinswg_siteaddressline1")
                        ? searchDetailsObj[key].pinswg_siteaddressline1
                        : ""}
                    {_.has(detailsObj, "pinswg_siteaddressline1")
                        ? detailsObj.pinswg_siteaddressline1
                        : ""}
                    {currentView.viewKey == "myRepresentations" &&
                    _.has(searchDetailsObj[key].pinswg_siteaddressline1)
                        ? searchDetailsObj[key].value[0].pinswg_siteaddressline1
                        : ""}
                    {_.has(detailsObj, "pinswg_siteaddressline1")
                        ? detailsObj.pinswg_siteaddressline1
                        : ""}
                    {currentView.viewKey == "awaitingSubmissionDetails" &&
                        _.has(
                            searchDetailsObj[key],
                            "pinswg_siteaddressline1"
                        ) &&
                        searchDetailsObj[key].pinswg_siteaddressline1 !=
                            null && <br />}
                    {currentView.viewKey == "myRepresentations" &&
                        _.has(searchDetailsObj[key].pinswg_siteaddressline1) &&
                        searchDetailsObj[key].value[0]
                            .pinswg_siteaddressline1 != null && <br />}
                    {_.has(detailsObj, "pinswg_siteaddressline1") &&
                        detailsObj.pinswg_siteaddressline1 != null && <br />}
                    {currentView.viewKey == "awaitingSubmissionDetails" &&
                    _.has(searchDetailsObj[key], "pinswg_siteaddressline1")
                        ? searchDetailsObj[key].pinswg_siteaddressline2
                        : ""}
                    {currentView.viewKey == "myRepresentations" &&
                    _.has(searchDetailsObj[key].pinswg_siteaddressline1)
                        ? searchDetailsObj[key].pinswg_siteaddressline2
                        : ""}
                    {_.has(detailsObj, "pinswg_siteaddressline1")
                        ? detailsObj.pinswg_siteaddressline2
                        : ""}
                    {currentView.viewKey == "awaitingSubmissionDetails" &&
                        _.has(
                            searchDetailsObj[key],
                            "pinswg_siteaddressline2"
                        ) &&
                        searchDetailsObj[key].pinswg_siteaddressline2 !=
                            null && <br />}

                    {currentView.viewKey == "myRepresentations" &&
                        _.has(searchDetailsObj[key].pinswg_siteaddressline2) &&
                        searchDetailsObj[key].pinswg_siteaddressline1 !=
                            null && <br />}

                    {_.has(detailsObj, "pinswg_siteaddressline2") &&
                        detailsObj.pinswg_siteaddressline2 != null && <br />}
                    {currentView.viewKey == "awaitingSubmissionDetails" &&
                    _.has(searchDetailsObj[key], "pinswg_siteaddresstown")
                        ? searchDetailsObj[key].pinswg_siteaddresstown
                        : ""}
                    {currentView.viewKey == "myRepresentations" &&
                    _.has(searchDetailsObj[key], "pinswg_siteaddresstown")
                        ? searchDetailsObj[key].pinswg_siteaddresstown
                        : ""}
                    {_.has(detailsObj, "pinswg_siteaddresstown")
                        ? detailsObj.pinswg_siteaddresstown
                        : ""}
                    {currentView.viewKey == "awaitingSubmissionDetails" &&
                        _.has(
                            searchDetailsObj[key],
                            "pinswg_siteaddresstown"
                        ) &&
                        searchDetailsObj[key].pinswg_siteaddresstown !=
                            null && <br />}

                    {currentView.viewKey == "myRepresentations" &&
                        _.has(
                            searchDetailsObj[key],
                            "pinswg_siteaddresstown"
                        ) &&
                        searchDetailsObj[key].pinswg_siteaddresstown !=
                            null && <br />}

                    {_.has(detailsObj, "pinswg_siteaddresstown") &&
                        detailsObj.pinswg_siteaddresstown != null && <br />}
                    {currentView.viewKey == "awaitingSubmissionDetails" &&
                    _.has(searchDetailsObj[key], "pinswg_siteaddresscounty")
                        ? searchDetailsObj[key].pinswg_siteaddresscounty
                        : ""}
                    {currentView.viewKey == "myRepresentations" &&
                    _.has(searchDetailsObj[key], "pinswg_siteaddresscounty")
                        ? searchDetailsObj[key].pinswg_siteaddresscounty
                        : ""}
                    {_.has(detailsObj, "pinswg_siteaddresscounty")
                        ? detailsObj.pinswg_siteaddresscounty
                        : ""}
                    {currentView.viewKey == "awaitingSubmissionDetails" &&
                        _.has(
                            searchDetailsObj[key],
                            "pinswg_siteaddresscounty"
                        ) &&
                        searchDetailsObj[key].pinswg_siteaddresscounty !=
                            null && <br />}
                    {_.has(detailsObj, "pinswg_siteaddresscounty") &&
                        detailsObj.pinswg_siteaddresscounty != null && <br />}
                    {currentView.viewKey == "awaitingSubmissionDetails" &&
                    _.has(searchDetailsObj[key], "pinswg_siteaddresspostcode")
                        ? searchDetailsObj[key].pinswg_siteaddresspostcode
                        : ""}
                    {_.has(detailsObj, "pinswg_siteaddresspostcode")
                        ? detailsObj.pinswg_siteaddresspostcode
                        : ""}
                </dd>
                <dd className="govuk-summary-list__value govuk-!-font-size-16">
                    <span className="results-visually-hidden">
                        {currentView.viewKey == "awaitingSubmissionDetails"
                            ? t("search:searchresults-created-on-label")
                            : t("search:searchresults-applicant-label")}
                    </span>
                    {currentView.viewKey == "awaitingSubmissionDetails"
                        ? formatDates(item.createdon)
                        : _.has(detailsObj, [
                              "_pinswg_appellant_value@OData.Community.Display.V1.FormattedValue",
                          ])
                        ? detailsObj[
                              "_pinswg_appellant_value@OData.Community.Display.V1.FormattedValue"
                          ]
                        : currentView.viewKey == "myRepresentations"
                        ? searchDetailsObj[key][
                              "_pinswg_appellant_value@OData.Community.Display.V1.FormattedValue"
                          ]
                        : resultsArr[key][
                              "_customerid_value@OData.Community.Display.V1.FormattedValue"
                          ]}
                </dd>
                <dd className="govuk-summary-list__value govuk-!-font-size-16">
                    <span className="results-visually-hidden">
                        {t("search:searchresults-authority-label")}:
                    </span>
                    {currentView.viewKey == "awaitingSubmissionDetails" &&
                    _.has(resultsArr[key], "pinswg_lpaname")
                        ? router.locale == "cy"
                            ? jsonpath.query(
                                  transLookup,
                                  '$..[?(@.value=="' +
                                      resultsArr[key].pinswg_lpaname +
                                      '")].value_cy'
                              )
                            : resultsArr[key].pinswg_lpaname || "N/A"
                        : ""}
                    {_.has(resultsArr[key], [
                        "_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue",
                    ])
                        ? router.locale == "cy"
                            ? jsonpath.query(
                                  transLookup,
                                  '$..[?(@.value=="' +
                                      resultsArr[key][
                                          "_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue"
                                      ] +
                                      '")].value_cy'
                              )
                            : resultsArr[key][
                                  "_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue"
                              ] || "N/A"
                        : ""}
                    {_.has(searchDetailsObj[key], [
                        "_pinswg_localplanningauthority_value@OData.Community.Display.V1.FormattedValue",
                    ])
                        ? router.locale == "cy"
                            ? jsonpath.query(
                                  transLookup,
                                  '$..[?(@.value=="' +
                                      searchDetailsObj[key].value[0][
                                          "_pinswg_localplanningauthority_value@OData.Community.Display.V1.FormattedValuee"
                                      ] +
                                      '")].value_cy'
                              )
                            : currentView.viewKey == "myRepresentations"
                            ? searchDetailsObj[key].value
                            : searchDetailsObj[key].value[0][
                                  "_pinswg_localplanningauthority_value@OData.Community.Display.V1.FormattedValue"
                              ] || "N/A"
                        : ""}
                    {_.has(resultsArr[key], [
                        "_pinswg_localplanningauthority_value@OData.Community.Display.V1.FormattedValue",
                    ])
                        ? router.locale == "cy"
                            ? jsonpath.query(
                                  transLookup,
                                  '$..[?(@.value=="' +
                                      resultsArr[key][
                                          "_pinswg_localplanningauthority_value@OData.Community.Display.V1.FormattedValuee"
                                      ] +
                                      '")].value_cy'
                              )
                            : resultsArr[key][
                                  "_pinswg_localplanningauthority_value@OData.Community.Display.V1.FormattedValue"
                              ] ||
                              (currentView.viewKey == "myRepresentations"
                                  ? ""
                                  : "N/A")
                        : currentView.viewKey == "myRepresentations" &&
                          router.locale == "cy" &&
                          jsonpath.query(
                              transLookup,
                              '$..[?(@.value=="' +
                                  searchDetailsObj[key][
                                      "_pinswg_localplanningauthority_value@OData.Community.Display.V1.FormattedValue"
                                  ] +
                                  '")].value_cy'
                          )}
                </dd>
                <dd className="govuk-summary-list__value govuk-!-font-size-16">
                    <span className="results-visually-hidden">
                        {t("search:searchresults-case-type-label")}:
                    </span>

                    {currentView.viewKey == "awaitingSubmissionDetails"
                        ? router.locale == "cy"
                            ? jsonpath.query(
                                  transLookup,
                                  '$..[?(@.value=="' +
                                      getFormCollectionByID(
                                          item.pinswg_appealcasetype
                                      ).value +
                                      '")].value_cy'
                              )
                            : getFormCollectionByID(item.pinswg_appealcasetype)
                                  .value || "N/A"
                        : router.locale == "cy"
                        ? jsonpath.query(
                              transLookup,
                              '$..[?(@.value=="' +
                                  item[
                                      "pinswg_appealcasetype@OData.Community.Display.V1.FormattedValue"
                                  ] +
                                  '")].value_cy'
                          )
                        : item[
                              "pinswg_appealcasetype@OData.Community.Display.V1.FormattedValue"
                          ] ||
                          (currentView.viewKey == "myRepresentations"
                              ? ""
                              : "N/A")}

                    {currentView.viewKey == "myRepresentations" &&
                        (router.locale == "cy"
                            ? jsonpath.query(
                                  transLookup,
                                  '$..[?(@.value=="' +
                                      getFormCollectionByID(
                                          searchDetailsObj[key].appealType
                                      ).value +
                                      '")].value_cy'
                              )[0]
                            : getFormCollectionByID(
                                  searchDetailsObj[key].appealType
                              ).value)}
                    {_.has(
                        searchDetailsObj[key],
                        "_pinswg_localplanningauthority_value@OData.Community.Display.V1.FormattedValue"
                    )}
                </dd>
                <dd className="govuk-summary-list__value govuk-!-font-size-16">
                    <span className="results-visually-hidden">
                        {currentView.viewKey == "myRepresentations"
                            ? "Created"
                            : t("search:searchresults-status-label")}
                        :
                    </span>

                    {currentView.viewKey == "awaitingSubmissionDetails"
                        ? router.locale == "cy"
                            ? jsonpath.query(
                                  transLookup,
                                  '$..[?(@.statuscode=="' +
                                      item.statuscode +
                                      '")].value_cy'
                              )
                            : jsonpath.query(
                                  transLookup,
                                  '$..[?(@.statuscode=="' +
                                      item.statuscode +
                                      '")].value'
                              ) || "N/A"
                        : currentView.viewKey == "myRepresentations"
                        ? repRaisedDate(item.createdDate) // ? router.locale == "cy"
                        : //     ? jsonpath.query(
                          //           transLookup,
                          //           '$..[?(@.value=="' +
                          //               searchDetailsObj[key].value[0][
                          //                   "statuscode@OData.Community.Display.V1.FormattedValue"
                          //               ] +
                          //               '")].value_cy'
                          //       )
                          //     : searchDetailsObj[key].value[0][
                          //           "statuscode@OData.Community.Display.V1.FormattedValue"
                          //       ] || "N/A"
                          // : router.locale == "cy"
                          // ? jsonpath.query(
                          //       transLookup,
                          //       '$..[?(@.value=="' +
                          //           item[
                          //               "statuscode@OData.Community.Display.V1.FormattedValue"
                          //           ] +
                          //           '")].value_cy'
                          //   )
                          item[
                              "statuscode@OData.Community.Display.V1.FormattedValue"
                          ] || "N/A"}
                </dd>
            </div>
        );
    });

    return (
        <>
            <div className="govuk-grid-row">
                <div className="govuk-grid-column-full">
                    <h1 className="govuk-heading-xl govuk-!-margin-bottom-7">
                        {currentView.viewKey == "awaitingSubmissionDetails" &&
                            t("myportal:awatitingsubmission-card-title")}
                        {currentView.viewKey == "watchedCases" &&
                            t("myportal:watchedcases-card-title")}
                        {currentView.viewKey == "myCases" &&
                            t("myportal:mycases-card-title")}
                        {currentView.viewKey == "myRepresentations" &&
                            t("myportal:myrepresentations-card-title")}
                    </h1>

                    <dl className="govuk-summary-list govuk-!-margin-bottom-9 results">
                        <div className="govuk-summary-list__row results-headings">
                            <dd className="govuk-summary-list__key govuk-!-font-size-16 results_wider  govuk-!-padding-left-2">
                                {t("search:searchresults-case-reference-label")}
                            </dd>
                            <dd className="govuk-summary-list__key govuk-!-font-size-16">
                                {t("search:searchresults-site-address-label")}
                            </dd>
                            {currentView.viewKey ==
                            "awaitingSubmissionDetails" ? (
                                <dd className="govuk-summary-list__key govuk-!-font-size-16">
                                    {t("search:searchresults-created-on-label")}{" "}
                                </dd>
                            ) : (
                                <dd className="govuk-summary-list__key govuk-!-font-size-16">
                                    {t("search:searchresults-applicant-label")}
                                </dd>
                            )}
                            <dd className="govuk-summary-list__key govuk-!-font-size-16">
                                {t("search:searchresults-authority-label")}
                            </dd>
                            <dd className="govuk-summary-list__key govuk-!-font-size-16">
                                {t("search:searchresults-case-type-label")}
                            </dd>
                            <dd className="govuk-summary-list__key govuk-!-font-size-16">
                                {currentView.viewKey == "myRepresentations"
                                    ? "Created"
                                    : t("search:searchresults-status-label")}
                            </dd>
                        </div>

                        {resultsRowArr}
                    </dl>
                </div>
            </div>
            <div className="govuk-grid-row">
                <div className="govuk-grid-column-full">
                    <div className="govuk-button-group">
                        <a
                            onClick={() => router.back()}
                            className="govuk-button"
                        >
                            Back
                        </a>
                    </div>
                </div>
            </div>
        </>
    );
};

const mapDispatchToProps = (dispatch) => {
    return {
        setCurrentReference: (currentReference) => {
            dispatch(setCurrentReference(currentReference));
        },
    };
};

export default connect(null, mapDispatchToProps)(ViewAllResults);