import * as React from 'react';
import { useCallback, useRef, useState } from 'react';
import { ContextMenu } from 'primereact/contextmenu';
import { Commands, OutCommand } from '@/hooks/Mapper/types/mapHandlers.ts';
import { WaypointSetContextHandler } from '@/hooks/Mapper/components/contexts/types.ts';
import { ctxManager } from '@/hooks/Mapper/utils/contextManager.ts';
import { SolarSystemStaticInfoRaw } from '@/hooks/Mapper/types';
import { emitMapEvent } from '@/hooks/Mapper/events';
import { useMapRootState } from '@/hooks/Mapper/mapRootProvider';
import { useRouteProvider } from '@/hooks/Mapper/components/mapInterface/widgets/RoutesWidget/RoutesProvider.tsx';

export const useContextMenuSystemInfoHandlers = () => {
  const { outCommand } = useMapRootState();
  const { hubs = [], toggleHubCommand } = useRouteProvider();

  const contextMenuRef = useRef<ContextMenu | null>(null);

  const [system, setSystem] = useState<string>();
  const routeRef = useRef<(SolarSystemStaticInfoRaw | undefined)[]>([]);

  const ref = useRef({ hubs, system, outCommand, toggleHubCommand });
  ref.current = { hubs, system, outCommand, toggleHubCommand };

  const open = useCallback(
    (ev: React.SyntheticEvent, systemId: string, route: (SolarSystemStaticInfoRaw | undefined)[]) => {
      setSystem(systemId);
      routeRef.current = route;
      ev.preventDefault();
      ctxManager.next('ctxSysInfo', contextMenuRef.current);
      contextMenuRef.current?.show(ev);
    },
    [],
  );

  const onHubToggle = useCallback(() => {
    const { system } = ref.current;
    if (!system) {
      return;
    }

    ref.current.toggleHubCommand(system);
    setSystem(undefined);
  }, []);

  const onAddSystem = useCallback(() => {
    const { system: solarSystemId, outCommand } = ref.current;
    if (!solarSystemId) {
      return;
    }

    outCommand({
      type: OutCommand.addSystem,
      data: {
        system_id: solarSystemId,
      },
    });

    // TODO add it to some queue
    setTimeout(() => {
      emitMapEvent({
        name: Commands.centerSystem,
        data: solarSystemId,
      });

      setSystem(undefined);
    }, 200);
  }, []);

  const onOpenSettings = useCallback(() => {
    const { system, outCommand } = ref.current;
    if (!system) {
      return;
    }

    outCommand({
      type: OutCommand.openSettings,
      data: {
        system_id: system,
      },
    });
    setSystem(undefined);
  }, []);

  const onWaypointSet: WaypointSetContextHandler = useCallback(({ charIds, clearWay, fromBeginning, destination }) => {
    const { system, outCommand } = ref.current;
    if (!system) {
      return;
    }

    outCommand({
      type: OutCommand.setAutopilotWaypoint,
      data: {
        character_eve_ids: charIds,
        add_to_beginning: fromBeginning,
        clear_other_waypoints: clearWay,
        destination_id: destination,
      },
    });
    setSystem(undefined);
  }, []);

  return {
    open,
    contextMenuRef,
    onAddSystem,
    onHubToggle,
    onOpenSettings,
    onWaypointSet,
    systemId: system,
  };
};