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

const columns = [
  {
    key: "HIVRelatedOIs",
    header: "Past OI",
    getValue: (encounter) => {
      return getData(encounter, "339d3209-c797-457f-afb8-8d19d99c63b7");
    },
  },
  {
    key: "patientFunctionalStatus",
    header: "Functional Status",
    getValue: (encounter) => {
      return getData(encounter, "2b7b8471-b19e-4d55-b2a4-4fe5b80f889a");
    },
  },
  {
    key: "developmentalStatus",
    header: "Developmental Status",
    getValue: (encounter) => {
      return getData(encounter, "1200AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA");
    },
  },
  {
    key: "pregnancyAtEnrollment",
    header: "Pregnancy Status",
    getValue: (encounter) => {
      return getData(encounter, "5272AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA");
    },
  },
  {
    key: "presentingComplaints",
    header: "Presenting Symptoms",
    getValue: (encounter) => {
      return getData(encounter, "14718b2b-d38a-4f68-8e22-8bc739ae43f7");
    },
  },
  {
    key: "WHOStaging",
    header: "WHO HIV Clinical Stage",
    getValue: (encounter) => {
      return getData(encounter, "5356AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA");
    },
  },
  {
    key: "actions",
    header: "Actions",
    getValue: (encounter) => [
      {
        form: { name: "POC Intake-B", package: "eth_hiv" },
        encounterUuid: encounter.uuid,
        intent: "view",
        label: "View Intake-B",
        mode: "view",
      },
      {
        form: { name: "POC Intake-B", package: "eth_hiv" },
        encounterUuid: encounter.uuid,
        intent: "edit",
        label: "Edit Intake-B",
        mode: "edit",
      },
      {
        form: { name: "POC Intake-B", package: "eth_hiv" },
        encounterUuid: encounter.uuid,
        intent: "*",
        label: "Delete Intake-B",
        mode: "delete",
      },
    ],
  },
];

const IntakeBEncounterList: React.FC<{ patientUuid: string }> = ({
  patientUuid,
}) => {
  const [hasPreviousEncounter, setHasPreviousEncounter] = useState(false);
  const [hasMRN, setHasMRN] = useState(false);
  const [isFormSaved, setIsFormSaved] = useState(false);

  const updateFormSavedStatus = useCallback(() => {
    setIsFormSaved((prev) => !prev);
  }, []);

  useEffect(() => {
    (async () => {
      const previousEncounters = await getPatientEncounters(
        patientUuid,
        INTAKE_B_ENCOUNTER_TYPE
      );
      previousEncounters.length
        ? setHasPreviousEncounter(true)
        : setHasPreviousEncounter(false);
    })();
    (async () => {
      const identifiers = await fetchIdentifiers(patientUuid);
      if (identifiers?.find((e) => e.identifierType.display === "MRN")) {
        setHasMRN(true);
      }
    })();
  }, [isFormSaved]);
  return (
    <>
      <EncounterList
        patientUuid={patientUuid}
        encounterType={INTAKE_B_ENCOUNTER_TYPE}
        formList={[{ name: "POC Intake-B" }]}
        columns={columns}
        description="Intake B Encounter List"
        headerTitle="Intake B"
        launchOptions={{
          displayText: "Add",
          moduleName: moduleName,
          hideFormLauncher: !hasMRN || hasPreviousEncounter,
        }}
        afterFormSaveAction={updateFormSavedStatus}
      />
      {!hasMRN && <p className={styles.patientName}>{MRN_NULL_WARNING}</p>}
    </>
  );
};

export default IntakeBEncounterList;