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,
        currentType,
    } = props;

    let setCaseQueryObj = props[currentType];
    var casesObj = {};

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

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

    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"
                            ? casesObj.title
                            : 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">
                                {casesObj.appellantApplicant || ""}
                            </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">
                                Mr A Agent
                            </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">
                                {casesObj.address1 || ""}
                                <br />
                                {casesObj.town || ""}

                                <br />
                                {casesObj.postcode || ""}
                            </dd>
                        </div>
                    </dl>
                </div>
            </div>
            <div className="govuk-grid-row">
                <div className="govuk-grid-column-full">
                    <div className="govuk-button-group">
                        <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">
                                            {casesObj.lpaname || ""}
                                        </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">
                                            {casesObj.caseDetails.caseSummary ||
                                                ""}
                                        </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 ||
                                                ""}
                                        </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">
                                            {casesObj.caseDetails.procedure ||
                                                ""}
                                        </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">
                                            {casesObj.caseDetails.decision ||
                                                ""}
                                            <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">
                                            {casesObj.caseDetails
                                                .caseLinkStatus || ""}
                                        </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">
                                            {casesObj.caseDates.start_date ||
                                                "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">
                                            {casesObj.caseDates
                                                .questionnaireDue || "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">
                                            {casesObj.caseDates.statementsDue ||
                                                "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">
                                            {casesObj.caseDates
                                                .interestedPartyCommentsdue ||
                                                "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">
                                            {casesObj.caseDates
                                                .appellantLPAFinalCommentsdue ||
                                                "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">
                                            {casesObj.caseDates
                                                .inquiryEvidenceDue || "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">
                                            {casesObj.caseDates.eventDate ||
                                                "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">
                                            {casesObj.caseDates.decisionDate ||
                                                "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;