import type ClientRepresentation from "@keycloak/keycloak-admin-client/lib/defs/clientRepresentation";
import { Form } from "@patternfly/react-core";
import { useFormContext } from "react-hook-form";
import { useTranslation } from "react-i18next";
import { ScrollForm } from "@keycloakify/keycloak-admin-ui/ui-shared";
import { ClientDescription } from "@keycloakify/keycloak-admin-ui/clients/ClientDescription";
import { FormFields } from "@keycloakify/keycloak-admin-ui/clients/ClientDetails";
import { AccessSettings } from "@keycloakify/keycloak-admin-ui/clients/add/AccessSettings";
import { CapabilityConfig } from "@keycloakify/keycloak-admin-ui/clients/add/CapabilityConfig";
import { LoginSettingsPanel } from "@keycloakify/keycloak-admin-ui/clients/add/LoginSettingsPanel";
import { LogoutPanel } from "@keycloakify/keycloak-admin-ui/clients/add/LogoutPanel";
import { SamlConfig } from "@keycloakify/keycloak-admin-ui/clients/add/SamlConfig";
import { SamlSignature } from "@keycloakify/keycloak-admin-ui/clients/add/SamlSignature";

export type ClientSettingsProps = {
  client: ClientRepresentation;
  save: () => void;
  reset: () => void;
};

export const ClientSettings = (props: ClientSettingsProps) => {
  const { t } = useTranslation();

  const { watch } = useFormContext<FormFields>();
  const protocol = watch("protocol");

  const { client } = props;

  return (
    <ScrollForm
      label={t("jumpToSection")}
      className="pf-v5-u-px-lg pf-v5-u-pb-lg"
      sections={[
        {
          title: t("generalSettings"),
          panel: (
            <Form isHorizontal>
              <ClientDescription
                protocol={client.protocol}
                hasConfigureAccess={client.access?.configure}
              />
            </Form>
          ),
        },
        {
          title: t("accessSettings"),
          panel: <AccessSettings {...props} />,
        },
        {
          title: t("samlCapabilityConfig"),
          isHidden: protocol !== "saml" || client.bearerOnly,
          panel: <SamlConfig />,
        },
        {
          title: t("signatureAndEncryption"),
          isHidden: protocol !== "saml" || client.bearerOnly,
          panel: <SamlSignature />,
        },
        {
          title: t("capabilityConfig"),
          isHidden: protocol !== "openid-connect" || client.bearerOnly,
          panel: <CapabilityConfig />,
        },
        {
          title: t("loginSettings"),
          isHidden: client.bearerOnly,
          panel: <LoginSettingsPanel access={client.access?.configure} />,
        },
        {
          title: t("logoutSettings"),
          isHidden: client.bearerOnly,
          panel: <LogoutPanel {...props} />,
        },
      ]}
    />
  );
};