/*
 * Copyright 2020 EPAM Systems
 *
 * Licensed 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 React from "react";
import { useGroupRouteParams, useServiceGroup } from "hooks";
import { ServiceGroupSummary } from "types/service-group-summary";
import { Link } from "react-router-dom";
import { Icons, Tooltip } from "@drill4j/ui-kit";
import {
  CoverageSection, RisksSection,
} from "./service-group-sections";
import { TestType } from "./agent-sections/section-tooltip";
import { getTestsAndTests2RunSections } from "./get-tests-and-tests-2-run-sections";
import { PluginCard } from "./plugin-card";
import "twin.macro";

export interface GroupHudProps {
  customProps: { pluginPagePath: string; }
}

export const ServiceGroupHud = ({ customProps: { pluginPagePath } }: GroupHudProps) => {
  const { groupId } = useGroupRouteParams();
  const {
    aggregated: {
      scopeCount = 0,
      coverage = 0,
      methodCount = {},
      tests = [],
      testsToRun = {},
      riskCounts = {},
    } = {},
  } = useServiceGroup<ServiceGroupSummary>("/group/summary", groupId, "test2code") || {};

  const { count: testsToRunCount = 0 } = testsToRun;
  const { byType = {} } = testsToRun;
  const groupTests: TestType[] = tests
    .map(({ type, summary: { testCount, coverage: { percentage } = {} } }) => ({ type, testCount, coverage: percentage }));
  const totalTestsCount = groupTests.reduce((acc, { testCount = 0 }) => acc + testCount, 0);
  const testsToRunByType = Object.entries(byType).map(([testType, testCount]) => ({ type: testType, testCount }));

  const { testSection, testToRunSection } = getTestsAndTests2RunSections({
    finishedScopesCount: scopeCount,
    tests2Run: testsToRunByType,
    tests: groupTests,
    testsToRunCount,
    totalTestsCount,
  });

  return (
    <PluginCard header={(
      <div tw="flex justify-between">
        <div tw="flex gap-x-2 text-monochrome-default"><span tw="font-bold uppercase">test2code</span>
          <Tooltip
            position="top-center"
            message={(
              <div tw="text-center">
                Plugin data are based on latest builds <br />
                of Agents in the Service Group
              </div>
            )}
          >
            <Icons.Info />
          </Tooltip>
        </div>
        <Link className="font-bold link no-underline" to={pluginPagePath}>Go to Plugin</Link>
      </div>
    )}
    >
      <CoverageSection totalCoverage={coverage} methodCount={methodCount} />
      {testSection}
      <RisksSection risks={riskCounts} />
      {testToRunSection}
    </PluginCard>
  );
};