/*!
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */
import { Box, HStack, Text, VStack } from "@chakra-ui/react";
import { useTranslation } from "react-i18next";

import type {
  LightGridTaskInstanceSummary,
  TaskInstanceHistoryResponse,
  TaskInstanceResponse,
} from "openapi/requests/types.gen";
import Time from "src/components/Time";
import { Tooltip, type TooltipProps } from "src/components/ui";
import { getDuration, renderDuration, sortStateEntries } from "src/utils";

type Props = {
  readonly taskInstance?: LightGridTaskInstanceSummary | TaskInstanceHistoryResponse | TaskInstanceResponse;
  readonly tooltip?: string | null;
} & Omit<TooltipProps, "content">;

const TaskInstanceTooltip = ({ children, positioning, taskInstance, tooltip, ...rest }: Props) => {
  const { t: translate } = useTranslation("common");

  const hasTooltip = tooltip !== undefined && tooltip !== null;

  const childEntries =
    taskInstance !== undefined && "child_states" in taskInstance && taskInstance.child_states !== null
      ? sortStateEntries(taskInstance.child_states)
      : [];

  return taskInstance === undefined && !hasTooltip ? (
    children
  ) : (
    <Tooltip
      {...rest}
      content={
        <VStack align="start" gap={1}>
          {hasTooltip ? <Text fontWeight="bold">{tooltip}</Text> : undefined}
          {taskInstance ? (
            <>
              <Text>
                {translate("taskId")}: {taskInstance.task_id}
              </Text>
              <Text>
                {translate("state")}:{" "}
                {taskInstance.state
                  ? translate(`common:states.${taskInstance.state}`)
                  : translate("common:states.no_status")}
              </Text>
              {"dag_run_id" in taskInstance ? (
                <Text>
                  {translate("runId")}: {taskInstance.dag_run_id}
                </Text>
              ) : undefined}
              {"start_date" in taskInstance ? (
                <>
                  {taskInstance.try_number > 1 && (
                    <Text>
                      {translate("tryNumber")}: {taskInstance.try_number}
                    </Text>
                  )}
                  <Text>
                    {translate("startDate")}: <Time datetime={taskInstance.start_date} />
                  </Text>
                  <Text>
                    {translate("endDate")}: <Time datetime={taskInstance.end_date} />
                  </Text>
                  <Text>
                    {translate("duration")}:{" "}
                    {taskInstance.state === "running" || taskInstance.state === "deferred"
                      ? getDuration(
                          taskInstance.start_date,
                          taskInstance.end_date ?? new Date().toISOString(),
                        )
                      : renderDuration(taskInstance.duration)}
                  </Text>
                </>
              ) : undefined}
              {"min_start_date" in taskInstance && taskInstance.min_start_date !== null ? (
                <>
                  <Text>
                    {translate("startDate")}: <Time datetime={taskInstance.min_start_date} />
                  </Text>
                  {taskInstance.max_end_date !== null && (
                    <>
                      <Text>
                        {translate("endDate")}: <Time datetime={taskInstance.max_end_date} />
                      </Text>
                      <Text>
                        {translate("duration")}:{" "}
                        {getDuration(taskInstance.min_start_date, taskInstance.max_end_date, false)}
                      </Text>
                    </>
                  )}
                </>
              ) : undefined}
              {childEntries.length > 0 ? (
                <VStack align="start" gap={1} ps={2}>
                  {childEntries.map(([state, count]) => (
                    <HStack gap={2} key={state}>
                      <Box
                        bg={`${state}.solid`}
                        border="1px solid"
                        borderColor="border.emphasized"
                        borderRadius="2px"
                        height="10px"
                        width="10px"
                      />
                      <Text fontSize="xs">
                        {count} {translate(`common:states.${state}`)}
                      </Text>
                    </HStack>
                  ))}
                </VStack>
              ) : undefined}
            </>
          ) : undefined}
        </VStack>
      }
      key={taskInstance?.task_id}
      portalled
      positioning={{
        offset: {
          crossAxis: 5,
          mainAxis: 5,
        },
        placement: "bottom-start",
        ...positioning,
      }}
    >
      {children}
    </Tooltip>
  );
};

export default TaskInstanceTooltip;
