import React, { useEffect, useState } from "react";
import { EncounterList } from "@ohri/openmrs-esm-ohri-commons-lib";
import {
  INTAKE_A_ENCOUNTER_TYPE,
  MRN_NULL_WARNING,
  POSITIVE_PATIENT_WARNING,
  POST_EXPOSURE_REGISTRATION_ENCOUNTER_TYPE,
  dateOfHIVConfirmation,
} from "../../../constants";
import { getData } from "../../encounterUtils";
import { moduleName } from "../../../index";
import styles from "../../../root.scss";
import { fetchIdentifiers, getLatestObs } from "../../../api/api";

const columns = [
  {
    key: "reportingDate",
    header: "Reporting Date",
    getValue: (encounter) => {
      return getData(encounter, "4285d9e8-3ab4-4a94-bd4e-4dd92855795c", true);
    },
  },
  {
    key: "exposureType",
    header: "Exposure Type",
    getValue: (encounter) => {
      return getData(encounter, "916eebc3-1141-40e6-beaa-ad2b5685956b");
    },
  },
  {
    key: "sourceOfExposure",
    header: "Source of Exposure",
    getValue: (encounter) => {
      return getData(encounter, "1c92b574-953a-458e-9fa7-82f5538d8aee");
    },
  },
  {
    key: "sourcePerson",
    header: "Source Person Status",
    getValue: (encounter) => {
      return getData(encounter, "dc23b554-65b1-479a-aeeb-b47dc9fc2f7e");
    },
  },
  {
    key: "exposedPerson",
    header: "Exposed Person Status",
    getValue: (encounter) => {
      return getData(encounter, "ad4935e0-624a-4e01-8e51-02acd0b45f07");
    },
  },
  {
    key: "pepRegimen",
    header: "PEP Regimen",
    getValue: (encounter) => {
      return getData(encounter, "17c0da08-509d-483f-905c-01c0c9ddd72a");
    },
  },
  {
    key: "timeBetweenExposure",
    header: "Time b/n Exposure & PEP",
    getValue: (encounter) => {
      return getData(encounter, "0885bb1e-6a2e-47d0-a597-8e8da07e4e59");
    },
  },
  {
    key: "actions",
    header: "Actions",
    getValue: (encounter) => [
      {
        form: { name: "Exposed Person Information", package: "eth_hiv" },
        encounterUuid: encounter.uuid,
        intent: "view",
        label: "View Post Exposure Registration",
        mode: "view",
      },
      {
        form: { name: "Exposed Person Information", package: "eth_hiv" },
        encounterUuid: encounter.uuid,
        intent: "edit",
        label: "Edit Post Exposure Registration",
        mode: "edit",
      },
      {
        form: { name: "Exposed Person Information", package: "eth_hiv" },
        encounterUuid: encounter.uuid,
        intent: "*",
        label: "Delete Post Exposure Registration",
        mode: "delete",
      },
    ],
  },
];

const PostExposureRegistration = ({ patientUuid, updateFormSavedStatus }) => {
  const [hasMRN, setHasMRN] = useState(false);
  const [isConfirmedPositive, setIsConfirmedPositive] = useState(false);

  useEffect(() => {
    (async () => {
      const identifiers = await fetchIdentifiers(patientUuid);
      if (identifiers?.find((e) => e.identifierType.display === "MRN")) {
        setHasMRN(true);
      }
    })();
    (async () => {
      const positiveConfirmationDate = await getLatestObs(
        patientUuid,
        dateOfHIVConfirmation,
        INTAKE_A_ENCOUNTER_TYPE
      );
      if (positiveConfirmationDate != null) setIsConfirmedPositive(true);
    })();
  });
  return (
    <>
      <EncounterList
        patientUuid={patientUuid}
        encounterType={POST_EXPOSURE_REGISTRATION_ENCOUNTER_TYPE}
        formList={[{ name: "Exposed Person Information" }]}
        columns={columns}
        description="Post Exposure Tracking List"
        headerTitle="Post Exposure"
        launchOptions={{
          displayText: "Add",
          moduleName: moduleName,
          hideFormLauncher: !hasMRN || isConfirmedPositive,
        }}
        afterFormSaveAction={updateFormSavedStatus}
      />
      {!hasMRN && <p className={styles.patientName}>{MRN_NULL_WARNING}</p>}
      {isConfirmedPositive && (
        <p className={styles.patientName}>{POSITIVE_PATIENT_WARNING}</p>
      )}
    </>
  );
};

export default PostExposureRegistration;