import { observer } from "mobx-react";
import { useParams } from "next/navigation";
// buzzwareTech imports
import type { TIssue } from "@buzzwaretech/types";
import { EIssueServiceType, EIssuesStoreType } from "@buzzwaretech/types";
// components
import { BulkDeleteIssuesModal } from "@/components/core/modals/bulk-delete-issues-modal";
import { DeleteIssueModal } from "@/components/issues/delete-issue-modal";
import { CreateUpdateIssueModal } from "@/components/issues/issue-modal/modal";
// hooks
import { useCommandPalette } from "@/hooks/store/use-command-palette";
import { useIssueDetail } from "@/hooks/store/use-issue-detail";
import { useUser } from "@/hooks/store/user";
import { useAppRouter } from "@/hooks/use-app-router";
import { useIssuesActions } from "@/hooks/use-issues-actions";

export type TWorkItemLevelModalsProps = {
  workItemIdentifier: string | undefined;
};

export const WorkItemLevelModals = observer(function WorkItemLevelModals(
  props: TWorkItemLevelModalsProps,
) {
  const { workItemIdentifier } = props;
  // router
  const { workspaceSlug, cycleId, moduleId } = useParams();
  const router = useAppRouter();
  // store hooks
  const { data: currentUser } = useUser();
  const {
    issue: { getIssueById, getIssueIdByIdentifier },
  } = useIssueDetail();
  // derived values
  const workItemId = workItemIdentifier
    ? getIssueIdByIdentifier(workItemIdentifier)
    : undefined;
  const workItemDetails = workItemId ? getIssueById(workItemId) : undefined;

  const { removeIssue: removeEpic } = useIssuesActions(EIssuesStoreType.EPIC);
  const { removeIssue: removeWorkItem } = useIssuesActions(
    EIssuesStoreType.PROJECT,
  );

  const {
    isCreateIssueModalOpen,
    toggleCreateIssueModal,
    isDeleteIssueModalOpen,
    toggleDeleteIssueModal,
    isBulkDeleteIssueModalOpen,
    toggleBulkDeleteIssueModal,
    createWorkItemAllowedProjectIds,
  } = useCommandPalette();
  // derived values
  const { fetchSubIssues: fetchSubWorkItems } = useIssueDetail();
  const { fetchSubIssues: fetchEpicSubWorkItems } = useIssueDetail(
    EIssueServiceType.EPICS,
  );

  const handleDeleteIssue = async (
    workspaceSlug: string,
    projectId: string,
    issueId: string,
  ) => {
    try {
      const isEpic = workItemDetails?.is_epic;
      const deleteAction = isEpic ? removeEpic : removeWorkItem;
      const redirectPath = `/${workspaceSlug}/projects/${projectId}/${isEpic ? "epics" : "issues"}`;

      await deleteAction(projectId, issueId);
      router.push(redirectPath);
    } catch (error) {
      console.error("Failed to delete issue:", error);
    }
  };

  const handleCreateIssueSubmit = async (newIssue: TIssue) => {
    if (
      !workspaceSlug ||
      !newIssue.project_id ||
      !newIssue.id ||
      newIssue.parent_id !== workItemDetails?.id
    )
      return;

    const fetchAction = workItemDetails?.is_epic
      ? fetchEpicSubWorkItems
      : fetchSubWorkItems;
    await fetchAction(
      workspaceSlug?.toString(),
      newIssue.project_id,
      workItemDetails.id,
    );
  };

  const getCreateIssueModalData = () => {
    if (cycleId) return { cycle_id: cycleId.toString() };
    if (moduleId) return { module_ids: [moduleId.toString()] };
    return undefined;
  };

  return (
    <>
      <CreateUpdateIssueModal
        isOpen={isCreateIssueModalOpen}
        onClose={() => toggleCreateIssueModal(false)}
        data={getCreateIssueModalData()}
        onSubmit={handleCreateIssueSubmit}
        allowedProjectIds={createWorkItemAllowedProjectIds}
      />
      {workspaceSlug &&
        workItemId &&
        workItemDetails &&
        workItemDetails.project_id && (
          <DeleteIssueModal
            handleClose={() => toggleDeleteIssueModal(false)}
            isOpen={isDeleteIssueModalOpen}
            data={workItemDetails}
            onSubmit={() =>
              handleDeleteIssue(
                workspaceSlug.toString(),
                workItemDetails.project_id!,
                workItemId?.toString(),
              )
            }
            isEpic={workItemDetails?.is_epic}
          />
        )}
      <BulkDeleteIssuesModal
        isOpen={isBulkDeleteIssueModalOpen}
        onClose={() => toggleBulkDeleteIssueModal(false)}
        user={currentUser}
      />
    </>
  );
});