import { useEffect, useState } from "react";
import { useHttpService } from "../../../../services/HttpService.tsx";
import { environment } from "../../../../environments/environment.ts";
import { relayServerFailure } from "../../../../utils/fetchFailureMessage";
import type { EnteredResult } from "../../../../hooks/useDiagnosticResult.ts";

// The report filed on the study's order, as imaging.html draws it under the measurements. Only a 404
// means none is filed, and then there is no card; any other failure, a refusal included, is shown.
const StudyReportCard = ({ orderId }: { orderId?: string }) => {
  const { get } = useHttpService();
  const [report, setReport] = useState<EnteredResult | null>();
  const [failure, setFailure] = useState<string>();

  useEffect(() => {
    setReport(undefined);
    setFailure(undefined);
    if (!orderId) {
      setReport(null);
      return undefined;
    }
    let live = true;
    get<EnteredResult>(`${environment.fhirBaseApi}/diagnostic-order/${orderId}/result`)
      .then((read) => { if (live) setReport(read ?? null); })
      .catch((error) => {
        if (!live) return;
        if ((error as { status?: number })?.status === 404) setReport(null);
        else setFailure(relayServerFailure(error, "The report could not be read."));
      });
    return () => { live = false; };
  }, [get, orderId]);

  const written = report && (report.impression || report.findings);
  if (!failure && !written) return null;

  return (
    <section className="ak-card ak-card--panel study-report-card" aria-labelledby="study-report-title">
      <h3 id="study-report-title" className="ak-card__title">Report</h3>
      {failure || !report ? (
        <p className="ak-status-line ak-status-line--error" role="alert">{failure}</p>
      ) : (
        <>
          {report.status === "preliminary" ? (
            <p className="ak-field-help">Preliminary: not yet released.</p>
          ) : null}
          {report.impression ? <p>{report.impression}</p> : null}
          {report.findings ? <p className="ak-field-help">{report.findings}</p> : null}
        </>
      )}
    </section>
  );
};

export default StudyReportCard;