import { useEffect, useState } from "react";
import { Link, useSearchParams } from "react-router-dom";
import { MessageSquare } from "lucide-react";
import { useAuthServiceContext, useCollaborationTeamServiceContext } from "../../../services";
import type { TeamWithMembers } from "../../../utils/collaborationTeamSides";
import { PendingApprovalsSection } from "./PendingApprovalsSection";
import { PendingExternalInvites } from "./PendingExternalInvites";
import { TeamMembersSection } from "./TeamMembersSection";
import { GiveRecordAccessSection } from "./GiveRecordAccessSection";
import { InviteMemberDialog } from "./InviteMemberDialog";
import { TeamLifecycleSection } from "./TeamLifecycleSection";
import { TeamAppointmentsSection } from "../../../components/CollaborationTeam/TeamAppointmentsSection";

interface CareTeamDetailProps {
  team: TeamWithMembers;
  unread?: number;
  /** Re-reads the list after any change; there is no single-team read on the server. */
  onChanged: () => Promise<void>;
  /** False while the list behind this team is being re-read or could not be. */
  decisionsOpen?: boolean;
}

// The patient's own team, opened over the list: its conversation, who is waiting, who is in it, and how to end it.
export const CareTeamDetail = ({ team, unread = 0, onChanged, decisionsOpen = true }: CareTeamDetailProps) => {
  const {
    teamAction,
    inviteMember,
    memberAction,
    authorizeMember,
    resolveInvitee,
    inviteExternalPractitioner,
    resendExternalInvite,
    withdrawExternalInvite,
  } = useCollaborationTeamServiceContext();
  const { currentUser, actingAs } = useAuthServiceContext();
  // Who is reading, as the server records an actor: the signed-in person, or the guardian switched in.
  const viewerRefs = [
    currentUser?.fhir?.id ? `${currentUser.fhir.resourceType}/${currentUser.fhir.id}` : undefined,
    actingAs?.relatedPersonId ? `RelatedPerson/${actingAs.relatedPersonId}` : undefined,
  ].filter((ref): ref is string => Boolean(ref));
  const [searchParams, setSearchParams] = useSearchParams();
  // Read once, then dropped from the address so a reload does not reopen the invite.
  const [prefillLookup] = useState(() => searchParams.get("invite") ?? undefined);

  useEffect(() => {
    if (!searchParams.has("invite")) return;
    const next = new URLSearchParams(searchParams);
    next.delete("invite");
    setSearchParams(next, { replace: true });
  }, [searchParams, setSearchParams]);

  return (
    <div className="team-detail">
      {/* The thread outlives a dissolved team and stays readable there. */}
      <Link to={`/dashboard/messages?teamId=${team.teamId}`} className="ahr-link-panel team-conversation-link">
        <MessageSquare size={16} aria-hidden="true" /> Go to the conversation
        {unread > 0 && <span className="ahr-count-badge team-conversation-count">{unread}</span>}
      </Link>

      <PendingApprovalsSection team={team} memberAction={memberAction} onChanged={onChanged} decisionsOpen={decisionsOpen} />
      <GiveRecordAccessSection team={team} authorizeMember={authorizeMember} onChanged={onChanged} decisionsOpen={decisionsOpen} />

      {/* The patient's own visits that invite from this team: the patient, or a guardian switched in. */}
      <TeamAppointmentsSection
        teamId={team.teamId}
        source={{ kind: "patient", audience: actingAs ? { kind: "helper", subjectName: actingAs.subjectName } : { kind: "self" } }}
      />

      {/* Emailed invitations stay outstanding until claimed; resending is the only way back for a lost one. */}
      <PendingExternalInvites
        teamId={team.teamId}
        members={team.members}
        resendExternalInvite={resendExternalInvite}
        withdrawExternalInvite={withdrawExternalInvite}
        onChanged={() => void onChanged()}
        decisionsOpen={decisionsOpen}
      />
      {/* The patient's own team, so any invite from here is patient-initiated. */}
      <TeamMembersSection
        team={team}
        memberAction={memberAction}
        onChanged={onChanged}
        viewerRefs={viewerRefs}
        footer={team.status !== "dissolved" ? (
          <InviteMemberDialog
            teamId={team.teamId}
            patientInitiated
            inviteMember={inviteMember}
            resolveInvitee={resolveInvitee}
            inviteExternalPractitioner={inviteExternalPractitioner}
            onInvited={onChanged}
            prefillLookup={prefillLookup}
          />
        ) : undefined}
      />
      <TeamLifecycleSection team={team} teamAction={teamAction} onChanged={onChanged} />
    </div>
  );
};

export default CareTeamDetail;