import {CircleInfo, Flask, PencilToSquare, StarFill} from '@gravity-ui/icons';
import type {IconProps} from '@gravity-ui/uikit';
import {createNextState} from '@reduxjs/toolkit';

import {codeAssistBackend} from '../../store';
import {DEFAULT_USER_SETTINGS, SETTING_KEYS} from '../../store/reducers/settings/constants';
import {AclSyntax, PAGE_IDS, SECTION_IDS} from '../../utils/constants';
import {Lang} from '../../utils/i18n';

import type {SettingProps, SettingsInfoFieldProps} from './Setting';
import i18n from './i18n';

import packageJson from '../../../package.json';

export interface SettingsSection {
    id: string;
    title: string;
    settings: (SettingProps | SettingsInfoFieldProps)[];
}

export interface SettingsPage {
    id: string;
    title: string;
    icon: IconProps;
    sections: SettingsSection[];
    hideTitle?: boolean;
}

export type YDBEmbeddedUISettings = SettingsPage[];

const themeOptions = [
    {
        value: 'system',
        content: i18n('settings.theme.option-system'),
    },
    {
        value: 'light',
        content: i18n('settings.theme.option-light'),
    },
    {
        value: 'dark',
        content: i18n('settings.theme.option-dark'),
    },
];

export const themeSetting: SettingProps = {
    settingKey: SETTING_KEYS.THEME,
    title: i18n('settings.theme.title'),
    type: 'radio',
    options: themeOptions,
};

const languageOptions = [
    {
        value: Lang.Ru,
        content: i18n('settings.language.option-russian'),
    },
    {
        value: Lang.En,
        content: i18n('settings.language.option-english'),
    },
];

export const languageSetting: SettingProps = {
    settingKey: SETTING_KEYS.LANGUAGE,
    title: i18n('settings.language.title'),
    type: 'radio',
    options: languageOptions,
    defaultValue: DEFAULT_USER_SETTINGS[SETTING_KEYS.LANGUAGE],
    onValueUpdate: () => {
        window.location.reload();
    },
};

export const binaryDataInPlainTextDisplay: SettingProps = {
    settingKey: SETTING_KEYS.BINARY_DATA_IN_PLAIN_TEXT_DISPLAY,
    title: i18n('settings.binaryDataInPlainTextDisplay.title'),
};

export const invertedDisksSetting: SettingProps = {
    settingKey: SETTING_KEYS.INVERTED_DISKS,
    title: i18n('settings.invertedDisks.title'),
};

export const enableNewStorageViewSetting: SettingProps = {
    settingKey: SETTING_KEYS.ENABLE_NEW_STORAGE_VIEW,
    title: i18n('settings.enableNewStorageView.title'),
};

export const showDomainDatabase: SettingProps = {
    settingKey: SETTING_KEYS.SHOW_DOMAIN_DATABASE,
    title: i18n('settings.showDomainDatabase.title'),
};

export const useClusterBalancerAsBackendSetting: SettingProps = {
    settingKey: SETTING_KEYS.USE_CLUSTER_BALANCER_AS_BACKEND,
    title: i18n('settings.useClusterBalancerAsBackend.title'),
    description: i18n('settings.useClusterBalancerAsBackend.description'),
};

export const enableAutocompleteSetting: SettingProps = {
    settingKey: SETTING_KEYS.ENABLE_AUTOCOMPLETE,
    title: i18n('settings.editor.autocomplete.title'),
    description: i18n('settings.editor.autocomplete.description'),
};

export const enableCodeAssistantSetting: SettingProps = {
    settingKey: SETTING_KEYS.ENABLE_CODE_ASSISTANT,
    title: i18n('settings.editor.codeAssistant.title'),
    description: i18n('settings.editor.codeAssistant.description'),
};

export const enableQueryStreamingSetting: SettingProps = {
    settingKey: SETTING_KEYS.ENABLE_QUERY_STREAMING,
    title: i18n('settings.editor.queryStreaming.title'),
    description: i18n('settings.editor.queryStreaming.description'),
};

export const enableBlobStorageCapacityMetricsSetting: SettingProps = {
    settingKey: SETTING_KEYS.ENABLE_BLOB_STORAGE_CAPACITY_METRICS,
    title: i18n('settings.enableBlobStorageCapacityMetrics.title'),
};

export const enableTenantNavigationV2Setting: SettingProps = {
    settingKey: SETTING_KEYS.ENABLE_TENANT_NAVIGATION_V2,
    title: i18n('settings.enableTenantNavigationV2.title'),
    description: i18n('settings.enableTenantNavigationV2.description'),
};

export const enableStorageExpertModeSetting: SettingProps = {
    settingKey: SETTING_KEYS.ENABLE_STORAGE_EXPERT_MODE,
    title: i18n('settings.enableStorageExpertMode.title'),
    description: i18n('settings.enableStorageExpertMode.description'),
};

function isSettingWithKey(
    setting: SettingProps | SettingsInfoFieldProps,
    settingKey: string,
): setting is SettingProps {
    return 'settingKey' in setting && setting.settingKey === settingKey;
}

function hideExperimentSetting(
    settings: YDBEmbeddedUISettings,
    settingKey: string,
): YDBEmbeddedUISettings {
    return settings.map((page) => {
        if (page.id !== PAGE_IDS.EXPERIMENTS) {
            return page;
        }

        return createNextState(page, (draft) => {
            const section = draft.sections.find((s) => s.id === SECTION_IDS.EXPERIMENTS);

            if (!section) {
                return;
            }

            section.settings = section.settings.filter((s) => !isSettingWithKey(s, settingKey));
        });
    });
}

export function applyDetailedStorageViewSettingAvailability(
    settings: YDBEmbeddedUISettings,
    available?: boolean,
): YDBEmbeddedUISettings {
    if (available) {
        return settings;
    }

    return hideExperimentSetting(settings, SETTING_KEYS.ENABLE_NEW_STORAGE_VIEW);
}

export function applyBlobStorageCapacityMetricsSettingAvailability(
    settings: YDBEmbeddedUISettings,
    available: boolean,
): YDBEmbeddedUISettings {
    if (available) {
        return settings;
    }

    return hideExperimentSetting(settings, SETTING_KEYS.ENABLE_BLOB_STORAGE_CAPACITY_METRICS);
}

export function applyStorageExpertModeSettingAvailability(
    settings: YDBEmbeddedUISettings,
    available?: boolean,
): YDBEmbeddedUISettings {
    if (available) {
        return settings;
    }

    return hideExperimentSetting(settings, SETTING_KEYS.ENABLE_STORAGE_EXPERT_MODE);
}

export const autocompleteOnEnterSetting: SettingProps = {
    settingKey: SETTING_KEYS.AUTOCOMPLETE_ON_ENTER,
    title: i18n('settings.editor.autocomplete-on-enter.title'),
    description: i18n('settings.editor.autocomplete-on-enter.description'),
};

const aclSyntaxOptions = [
    {
        value: AclSyntax.Kikimr,
        content: i18n('settings.aclSyntax.option-kikimr'),
    },
    {
        value: AclSyntax.YdbShort,
        content: i18n('settings.aclSyntax.option-ydb-short'),
    },
    {
        value: AclSyntax.Ydb,
        content: i18n('settings.aclSyntax.option-ydb'),
    },
    {
        value: AclSyntax.Yql,
        content: i18n('settings.aclSyntax.option-yql'),
    },
];

export const aclSyntaxSetting: SettingProps = {
    settingKey: SETTING_KEYS.ACL_SYNTAX,
    title: i18n('settings.aclSyntax.title'),
    type: 'radio',
    options: aclSyntaxOptions,
};

export const interfaceVersionInfoField: SettingsInfoFieldProps = {
    title: i18n('settings.about.interfaceVersionInfoField.title'),
    type: 'info',
    content: packageJson.version,
};

export const appearanceSection: SettingsSection = {
    id: SECTION_IDS.APPEARANCE,
    title: i18n('section.appearance'),
    settings: [themeSetting, invertedDisksSetting, showDomainDatabase, aclSyntaxSetting],
};

export const experimentsSection: SettingsSection = {
    id: SECTION_IDS.EXPERIMENTS,
    title: i18n('section.experiments'),
    settings: [
        enableBlobStorageCapacityMetricsSetting,
        enableTenantNavigationV2Setting,
        enableNewStorageViewSetting,
        enableStorageExpertModeSetting,
    ],
};

export const devSettingsSection: SettingsSection = {
    id: SECTION_IDS.DEV_SETTINGS,
    title: i18n('section.dev-setting'),
    settings: [enableAutocompleteSetting, autocompleteOnEnterSetting, enableQueryStreamingSetting],
};

export const resultsSettingsSection: SettingsSection = {
    id: SECTION_IDS.RESULTS,
    title: i18n('section.results'),
    settings: [binaryDataInPlainTextDisplay],
};

export const aboutSettingsSection: SettingsSection = {
    id: SECTION_IDS.ABOUT,
    title: i18n('section.about'),
    settings: [interfaceVersionInfoField],
};

export const generalPage: SettingsPage = {
    id: PAGE_IDS.GENERAL,
    title: i18n('page.general'),
    icon: {data: StarFill, height: 14, width: 14},
    sections: [appearanceSection],
    hideTitle: true,
};

export const experimentsPage: SettingsPage = {
    id: PAGE_IDS.EXPERIMENTS,
    title: i18n('page.experiments'),
    icon: {data: Flask},
    sections: [experimentsSection],
    hideTitle: true,
};

export const editorPage: SettingsPage = {
    id: PAGE_IDS.EDITOR,
    title: i18n('page.editor'),
    icon: {data: PencilToSquare},
    sections: [devSettingsSection, resultsSettingsSection],
};

export const aboutPage: SettingsPage = {
    id: PAGE_IDS.ABOUT,
    title: i18n('page.about'),
    icon: {data: CircleInfo},
    sections: [aboutSettingsSection],
    hideTitle: true,
};

export function getUserSettings({
    singleClusterMode,
    codeAssistantConfigured,
}: {
    singleClusterMode: boolean;
    codeAssistantConfigured?: boolean;
}) {
    const experiments = singleClusterMode
        ? experimentsPage
        : createNextState(experimentsPage, (draft) => {
              draft.sections[0].settings.push(useClusterBalancerAsBackendSetting);
          });

    const editor =
        codeAssistantConfigured || codeAssistBackend
            ? createNextState(editorPage, (draft) => {
                  draft.sections[0].settings.push(enableCodeAssistantSetting);
              })
            : editorPage;

    return [generalPage, editor, experiments, aboutPage];
}