import React from "react";
import { CodeableConcept, Location } from "fhir/r4";
import { Dialog, DialogContent, DialogTitle } from "../ui/dialog";
import { FhirCodeableConceptDisplay } from "../../utils/fhirCodeableConcept";
import { FHIRAddressDisplay } from "../../utils/fhirAddress";
import { FHIRContactPointDisplay } from "../../utils/fhirContactPoint";
import { FhirIdentifierDisplay } from "../../utils/fhirIdentifier";
import { FhirOperationalHoursDisplay } from "../../utils/fhirOperationalHours";
import { FhirReferenceDisplay } from "../../utils/fhirReference";
import {
  FieldHistoryProvider,
  FieldHistoryScope,
} from "../FieldHistory/FieldHistoryProvider";
import { ShowFieldHistoryToggle } from "../FieldHistory/ShowFieldHistoryToggle";
import { RecordEditedMarker } from "../FieldHistory/RecordEditedMarker";
import { Field } from "../FieldHistory/Field";
import { FieldGroup, Section } from "../FieldHistory/FieldLayout";
import { StatusBadge } from "../ui/status";

interface FhirLocationDisplayProps {
  location: Location;
  isOpen?: boolean;
  onClose?: () => void;
  title?: string;
  asModal?: boolean;
}

// / D5 - was a hand-rolled pill: a local STATUS_STYLES record of hardcoded hex pairs
// applied as an INLINE STYLE, with the raw FHIR code as the text. Colour-only, non-token, and one
// of twelve near-identical copies. <StatusBadge> carries the shared word plus D5's colour AND shape.
const renderStatusPill = (status: string | undefined): React.ReactNode => (
  <StatusBadge status={status} />
);

/**
 * `FhirCodeableConceptDisplay` renders `concept.text` only. `Location.type` entries are commonly
 * coded without a `.text` convenience string (the old code's fallback was the fake literal
 * "General Service", not real data) -- this backfills `.text` from `coding[0].display` before
 * handing off to the shared display component, same fix `FhirHealthcareServiceDisplay` applies.
 */
function withCodeableConceptTextFallback(
  input: CodeableConcept | CodeableConcept[] | undefined,
): CodeableConcept | CodeableConcept[] | undefined {
  if (!input) {
    return input;
  }
  const applyFallback = (concept: CodeableConcept): CodeableConcept => ({
    ...concept,
    text: concept.text || concept.coding?.[0]?.display,
  });
  return Array.isArray(input) ? input.map(applyFallback) : applyFallback(input);
}

export const FhirLocationDisplay: React.FC<FhirLocationDisplayProps> = ({
  location,
  isOpen = true,
  onClose,
  title = "Location Details",
  asModal = true,
}) => {
  const renderAliases = (): React.ReactNode => {
    if (!location.alias || location.alias.length === 0) return undefined;
    return location.alias.join(", ");
  };

  const renderContent = () => (
    <FieldHistoryProvider>
      <FieldHistoryScope resourceType="Location" id={location.id}>
        <div className="flex items-center justify-between gap-4">
          <div className="flex items-center gap-2">
            <h2 className="text-lg font-semibold m-0">{title}</h2>
            <RecordEditedMarker resource={location} />
          </div>
          <ShowFieldHistoryToggle />
        </div>

        {location.description && (
          <p className="text-sm text-muted-foreground mt-1">
            {location.description}
          </p>
        )}

        <div className="space-y-4 mt-4">
          <FieldGroup>
            <Field
              label="Status"
              value={renderStatusPill(location.status)}
              path="status"
            />
            <Field label="Mode" value={location.mode} path="mode" />
            <Field label="Name" value={location.name} path="name" />
            <Field
              label="Description"
              value={location.description}
              path="description"
            />
            <Field
              label="Physical Type"
              value={location.physicalType?.coding?.[0]?.display}
              path="physicalType.coding[0].display"
            />
            <Field
              label="Availability Exceptions"
              value={location.availabilityExceptions}
              path="availabilityExceptions"
            />
            <Field
              label="Type"
              value={
                <FhirCodeableConceptDisplay
                  code={withCodeableConceptTextFallback(location.type)}
                  multiple
                />
              }
            />
            <Field label="Aliases" value={renderAliases()} />
            <Field
              label="Contact"
              value={<FHIRContactPointDisplay contact={location.telecom} />}
            />
            <Field
              label="Address"
              value={
                <FHIRAddressDisplay
                  address={location.address ? [location.address] : undefined}
                />
              }
            />
            <Field
              label="Operational Status"
              value={
                location.operationalStatus?.display ??
                location.operationalStatus?.code
              }
            />
            <Field
              label="Managing Organization"
              value={
                <FhirReferenceDisplay
                  references={location.managingOrganization}
                />
              }
            />
            <Field
              label="Part of Location"
              value={<FhirReferenceDisplay references={location.partOf} />}
            />
            <Field
              label="Endpoints"
              value={<FhirReferenceDisplay references={location.endpoint} />}
            />
            <Field
              label="Identifiers"
              value={
                <FhirIdentifierDisplay identifier={location.identifier} />
              }
            />
          </FieldGroup>

          <Section title="Position">
            <FieldGroup>
              <Field label="Longitude" value={location.position?.longitude} />
              <Field label="Latitude" value={location.position?.latitude} />
              <Field label="Altitude" value={location.position?.altitude} />
            </FieldGroup>
          </Section>

          <Section title="Hours of Operation">
            <FhirOperationalHoursDisplay hours={location.hoursOfOperation} />
          </Section>
        </div>
      </FieldHistoryScope>
    </FieldHistoryProvider>
  );

  if (!asModal) {
    return (
      <div className="bg-gradient-to-b from-[var(--blue-soft)] via-[var(--surface)] to-[var(--surface)]">
        {renderContent()}
      </div>
    );
  }

  if (!isOpen) return null;

  return (
    <Dialog
      open={isOpen}
      onOpenChange={(next) => {
        if (!next) onClose?.();
      }}
    >
      <DialogContent className="max-h-[90vh] w-full max-w-3xl overflow-y-auto">
        <DialogTitle className="sr-only">{title}</DialogTitle>
        {renderContent()}
      </DialogContent>
    </Dialog>
  );
};

export default FhirLocationDisplay;