import { FormGroup } from "@patternfly/react-core";
import { useTranslation } from "react-i18next";

import { HelpItem } from "@keycloakify/keycloak-admin-ui/ui-shared";
import { useParams } from "@keycloakify/keycloak-admin-ui/utils/useParams";
import type { PolicyDetailsParams } from "@keycloakify/keycloak-admin-ui/clients/routes/PolicyDetails";
import { DecisionStrategySelect } from "@keycloakify/keycloak-admin-ui/clients/authorization/DecisionStrategySelect";
import { ResourcesPolicySelect } from "@keycloakify/keycloak-admin-ui/clients/authorization/ResourcesPolicySelect";

export const Aggregate = () => {
  const { t } = useTranslation();
  const { id } = useParams<PolicyDetailsParams>();

  return (
    <>
      <FormGroup
        label={t("applyPolicy")}
        fieldId="policies"
        labelIcon={
          <HelpItem helpText={t("applyPolicyHelp")} fieldLabelId="policies" />
        }
      >
        <ResourcesPolicySelect name="policies" clientId={id} />
      </FormGroup>
      <DecisionStrategySelect helpLabel="policyDecisionStagey" />
    </>
  );
};