import { DateTime } from "luxon";
import { useEffect } from "react";

import Error from "../../../components/services/widget/error";
import useWidgetAPI from "../../../utils/proxy/use-widget-api";

export default function Integration({ config, params, setEvents, hideErrors = false }) {
  const { data: sonarrData, error: sonarrError } = useWidgetAPI(config, "calendar", {
    ...params,
    includeSeries: "true",
    includeEpisodeFile: "false",
    includeEpisodeImages: "false",
    ...(config?.params ?? {}),
  });

  useEffect(() => {
    if (!sonarrData || sonarrError) {
      return;
    }

    const eventsToAdd = {};

    sonarrData?.forEach((event) => {
      const title = `${event.series.title ?? event.title} - S${event.seasonNumber}E${event.episodeNumber}`;

      eventsToAdd[title] = {
        title: `${event.series.title ?? event.title}`,
        date: DateTime.fromISO(event.airDateUtc),
        color: config?.color ?? "teal",
        isCompleted: event.hasFile,
        additional: `S${event.seasonNumber} E${event.episodeNumber}`,
        url: config?.baseUrl && event.series.titleSlug && `${config.baseUrl}/series/${event.series.titleSlug}`,
      };
    });

    setEvents((prevEvents) => ({ ...prevEvents, ...eventsToAdd }));
  }, [sonarrData, sonarrError, config, setEvents]);

  const error = sonarrError ?? sonarrData?.error;
  return error && !hideErrors && <Error error={{ message: `${config.type}: ${error.message ?? error}` }} />;
}
