import Link from "next/link";
import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
import jsonpath from "jsonpath";
import _ from "lodash";

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

    const router = useRouter();
    const { locale } = router;
    const {
        caseReference,
        myCases,
        myRepresentations,
        watchedCases,
        awaitingSubmission,
        searchResultsObj,
        searchDetailsObj,
        currentType,
    } = props;

    let setCaseQueryObj = props[currentType];

    var casesObj = {};

    currentType == "searchResultsObj"
        ? (casesObj = jsonpath.query(
              searchResultsObj,
              '$..[?(@.title=="' + caseReference + '")]'
          ))
        : (casesObj = jsonpath.query(
              setCaseQueryObj,
              '$..[?(@.reference=="' + caseReference + '")]'
          ));

    casesObj = Object.assign({}, ...casesObj);

    var detailsObj = {};

    detailsObj = jsonpath.query(
        searchDetailsObj,
        '$..[?(@.pinswg_name=="' + caseReference + '")]'
    );

    detailsObj = detailsObj[0];
    return (
        <div>
            <div className="govuk-grid-row">
                <div className="govuk-grid-column-full">
                    <h1 className="govuk-heading-xl govuk-!-margin-bottom-7">
                        Reference:{" "}
                        {currentType == "searchResultsObj"
                            ? detailsObj.pinswg_name
                            : casesObj.reference}
                    </h1>

                    <dl className="govuk-summary-list govuk-!-margin-bottom-9">
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                {t("case:summary-applicant-label")}
                            </dt>
                            <dd className="govuk-summary-list__value">
                                {
                                    detailsObj[
                                        "_pinswg_appellant_value@OData.Community.Display.V1.FormattedValue"
                                    ]
                                }
                            </dd>
                        </div>
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                {t("case:summary-agent-label")}
                            </dt>
                            <dd className="govuk-summary-list__value">
                                {_.has(detailsObj, "pinswg_agentcontactname")
                                    ? detailsObj.pinswg_agentcontactname
                                    : ""}
                            </dd>
                        </div>
                        <div className="govuk-summary-list__row">
                            <dt className="govuk-summary-list__key">
                                {t("case:summary-site-address-label")}
                            </dt>
                            <dd className="govuk-summary-list__value">
                                {_.has(detailsObj, "pinswg_siteaddressline1")
                                    ? detailsObj.pinswg_siteaddressline1
                                    : ""}
                                <br />
                                {_.has(detailsObj, "pinswg_siteaddressline1")
                                    ? detailsObj.pinswg_siteaddressline2
                                    : ""}
                                <br />
                                {_.has(detailsObj, "pinswg_siteaddressline1")
                                    ? detailsObj.pinswg_siteaddresstown
                                    : ""}
                                <br />
                                {_.has(detailsObj, "pinswg_siteaddressline1")
                                    ? detailsObj.pinswg_siteaddresscounty
                                    : ""}
                                <br />
                                {_.has(detailsObj, "pinswg_siteaddressline1")
                                    ? detailsObj.pinswg_siteaddresspostcode
                                    : ""}
                            </dd>
                        </div>
                    </dl>
                </div>
            </div>
            <div className="govuk-grid-row">
                <div className="govuk-grid-column-full">
                    <div className="govuk-button-group">
                        {router.pathname != "/case" ? (
                            <>
                                <Link href="/representation">
                                    <a className="govuk-button">
                                        {t(
                                            "case:summary-make-representation-label"
                                        )}
                                    </a>
                                </Link>
                            </>
                        ) : (
                            ""
                        )}
                        <a
                            onClick={() => router.back()}
                            className="govuk-button govuk-button--secondary"
                        >
                            {t("case:summary-back-button-label")}
                        </a>
                    </div>
                </div>
            </div>
            <div className="govuk-grid-row">
                <div className="flex-container grid-row govuk-body case">
                    <div className="card" id="casescomment-card">
                        <div className="card-body">
                            <div className="govuk-grid-column-full">
                                <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
                                    {t("case:summary-case-details-label")}
                                </h2>

                                <dl className="govuk-summary-list govuk-!-font-size-14 govuk-!-margin-bottom-9">
                                    <div className="govuk-summary-list__row">
                                        <dt className="govuk-summary-list__key">
                                            {t("case:summary-case-type-label")}
                                        </dt>
                                        <dd className="govuk-summary-list__value">
                                            {casesObj[
                                                "pinswg_appealcasetype@OData.Community.Display.V1.FormattedValue"
                                            ] || "N/A"}
                                        </dd>
                                    </div>
                                    <div className="govuk-summary-list__row">
                                        <dt className="govuk-summary-list__key">
                                            {t("case:summary-lpa-label")}
                                        </dt>
                                        <dd className="govuk-summary-list__value">
                                            {_.has(detailsObj, [
                                                "_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue",
                                            ])
                                                ? detailsObj[
                                                      "_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue"
                                                  ]
                                                : ""}
                                        </dd>
                                    </div>
                                    <div className="govuk-summary-list__row">
                                        <dt className="govuk-summary-list__key">
                                            {t(
                                                "case:summary-case-summary-label"
                                            )}
                                        </dt>
                                        <dd className="govuk-summary-list__value">
                                            {_.has(
                                                detailsObj,
                                                "pinswg_casedescription"
                                            )
                                                ? detailsObj.pinswg_casedescription
                                                : ""}
                                        </dd>
                                    </div>
                                    <div className="govuk-summary-list__row">
                                        <dt className="govuk-summary-list__key">
                                            {t(
                                                "case:summary-case-officer-label"
                                            )}
                                        </dt>
                                        <dd className="govuk-summary-list__value">
                                            {" "}
                                            {/* {casesObj.caseDetails.caseOfficer ||
                                                ""} */}
                                            {_.has(
                                                detailsObj,
                                                "pinswg_casedescription"
                                            )
                                                ? detailsObj.pinswg_casedescription
                                                : ""}
                                        </dd>
                                    </div>
                                    <div className="govuk-summary-list__row">
                                        <dt className="govuk-summary-list__key">
                                            {t("case:summary-procedure-label")}
                                        </dt>
                                        <dd className="govuk-summary-list__value">
                                            {_.has(detailsObj, [
                                                "pinswg_procedure@OData.Community.Display.V1.FormattedValue",
                                            ])
                                                ? detailsObj[
                                                      "pinswg_procedure@OData.Community.Display.V1.FormattedValue"
                                                  ]
                                                : ""}
                                        </dd>
                                    </div>
                                    <div className="govuk-summary-list__row">
                                        <dt className="govuk-summary-list__key">
                                            {t("case:summary-status-label")}
                                        </dt>
                                        <dd className="govuk-summary-list__value">
                                            {casesObj[
                                                "statuscode@OData.Community.Display.V1.FormattedValue"
                                            ] || ""}
                                        </dd>
                                    </div>
                                    <div className="govuk-summary-list__row">
                                        <dt className="govuk-summary-list__key">
                                            {t("case:summary-decision-label")}
                                        </dt>
                                        <dd className="govuk-summary-list__value">
                                            {_.has(detailsObj, [
                                                "pinswg_decision@OData.Community.Display.V1.FormattedValue",
                                            ])
                                                ? detailsObj[
                                                      "pinswg_decision@OData.Community.Display.V1.FormattedValue"
                                                  ]
                                                : ""}

                                            <br />
                                            {/* <Link href="/">
                                                <a>
                                                    {casesObj.caseDetails
                                                        .outcome_document || ""}
                                                </a>
                                            </Link> */}
                                        </dd>
                                    </div>
                                    <div className="govuk-summary-list__row">
                                        <dt className="govuk-summary-list__key">
                                            {t(
                                                "case:summary-case-link-status-label"
                                            )}
                                        </dt>
                                        <dd className="govuk-summary-list__value">
                                            {_.has(detailsObj, [
                                                "pinswg_linkedstatus@OData.Community.Display.V1.FormattedValue",
                                            ])
                                                ? detailsObj[
                                                      "pinswg_linkedstatus@OData.Community.Display.V1.FormattedValue"
                                                  ]
                                                : "Not linked"}
                                        </dd>
                                    </div>
                                    <div className="govuk-summary-list__row">
                                        <dt className="govuk-summary-list__key">
                                            {t(
                                                "case:summary-linked-cases-label"
                                            )}
                                        </dt>
                                        <dd className="govuk-summary-list__value">
                                            {/* {casesObj.caseDetails.linkedCases ||
                                                ""} */}
                                        </dd>
                                    </div>
                                </dl>
                            </div>
                        </div>
                    </div>
                    <div className="card" id="casescomment-card">
                        <div className="card-body">
                            <div className="govuk-grid-column-full">
                                <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
                                    {t("case:summary-dates-label")}
                                </h3>
                                <dl className="govuk-summary-list govuk-!-font-size-14 govuk-!-margin-bottom-9">
                                    <div className="govuk-summary-list__row">
                                        <dt className="govuk-summary-list__key">
                                            {t("case:summary-start-date-label")}
                                        </dt>
                                        <dd className="govuk-summary-list__value">
                                            {_.has(
                                                detailsObj,
                                                "pinswg_startdate@OData.Community.Display.V1.FormattedValue"
                                            )
                                                ? detailsObj[
                                                      "pinswg_startdate@OData.Community.Display.V1.FormattedValue"
                                                  ]
                                                : "N/A"}
                                        </dd>
                                    </div>

                                    <div className="govuk-summary-list__row">
                                        <dt className="govuk-summary-list__key">
                                            {t(
                                                "case:summary-questionnaire-due-date-label"
                                            )}
                                        </dt>
                                        <dd className="govuk-summary-list__value">
                                            {_.has(
                                                detailsObj,
                                                "pinswg_questionnaireduedate@OData.Community.Display.V1.FormattedValue"
                                            )
                                                ? detailsObj[
                                                      "pinswg_questionnaireduedate@OData.Community.Display.V1.FormattedValue"
                                                  ]
                                                : "N/A"}
                                        </dd>
                                    </div>

                                    <div className="govuk-summary-list__row">
                                        <dt className="govuk-summary-list__key">
                                            {t(
                                                "case:summary-statement-due-date-label"
                                            )}
                                        </dt>
                                        <dd className="govuk-summary-list__value">
                                            {_.has(
                                                detailsObj,
                                                "pinswg_statementduedate@OData.Community.Display.V1.FormattedValue"
                                            )
                                                ? detailsObj[
                                                      "pinswg_statementduedate@OData.Community.Display.V1.FormattedValue"
                                                  ]
                                                : "N/A"}
                                        </dd>
                                    </div>

                                    <div className="govuk-summary-list__row">
                                        <dt className="govuk-summary-list__key">
                                            {t(
                                                "case:summary-interested-party-date-label"
                                            )}
                                        </dt>
                                        <dd className="govuk-summary-list__value">
                                            {_.has(
                                                detailsObj,
                                                "pinswg_otherpartiesstatement@OData.Community.Display.V1.FormattedValue"
                                            )
                                                ? detailsObj[
                                                      "pinswg_otherpartiesstatement@OData.Community.Display.V1.FormattedValue"
                                                  ]
                                                : "N/A"}
                                        </dd>
                                    </div>

                                    <div className="govuk-summary-list__row">
                                        <dt className="govuk-summary-list__key">
                                            {t(
                                                "case:summary-applicant-final-comments-date-label"
                                            )}
                                        </dt>
                                        <dd className="govuk-summary-list__value">
                                            {_.has(
                                                detailsObj,
                                                "pinswg_finalcommentsduedate@OData.Community.Display.V1.FormattedValue"
                                            )
                                                ? detailsObj[
                                                      "pinswg_finalcommentsduedate@OData.Community.Display.V1.FormattedValue"
                                                  ]
                                                : "N/A"}
                                        </dd>
                                    </div>

                                    <div className="govuk-summary-list__row">
                                        <dt className="govuk-summary-list__key">
                                            {t(
                                                "case:summary-inquiry-evidence-date-label"
                                            )}
                                        </dt>
                                        <dd className="govuk-summary-list__value">
                                            {_.has(
                                                detailsObj,
                                                "pinswg_finalcommentsduedate@OData.Community.Display.V1.FormattedValue"
                                            )
                                                ? detailsObj[
                                                      "pinswg_finalcommentsduedate@OData.Community.Display.V1.FormattedValue"
                                                  ]
                                                : "N/A"}
                                        </dd>
                                    </div>

                                    <div className="govuk-summary-list__row">
                                        <dt className="govuk-summary-list__key">
                                            {t("case:summary-event-date-label")}
                                        </dt>
                                        <dd className="govuk-summary-list__value">
                                            {_.has(
                                                detailsObj,
                                                "pinswg_dateeventrequested@OData.Community.Display.V1.FormattedValue"
                                            )
                                                ? detailsObj[
                                                      "pinswg_dateeventrequested@OData.Community.Display.V1.FormattedValue"
                                                  ]
                                                : "N/A"}
                                        </dd>
                                    </div>

                                    <div className="govuk-summary-list__row">
                                        <dt className="govuk-summary-list__key">
                                            {t(
                                                "case:summary-decision-date-label"
                                            )}
                                        </dt>
                                        <dd className="govuk-summary-list__value">
                                            {_.has(
                                                detailsObj,
                                                "pinswg_dateoflpadecision@OData.Community.Display.V1.FormattedValue"
                                            )
                                                ? detailsObj[
                                                      "pinswg_dateoflpadecision@OData.Community.Display.V1.FormattedValue"
                                                  ]
                                                : "N/A"}
                                        </dd>
                                    </div>
                                </dl>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {/* <div className="govuk-grid-row">
                <div className="govuk-grid-column-full">
                    <div className="govuk-button-group">
                        <Link href="/advancedsearch">
                            <a className="govuk-button">
                                {t("case:summary-documents-button-label")}
                            </a>
                        </Link>
                    </div>
                </div>
            </div> */}
        </div>
    );
};

export default CaseSummary;