/*
 * Copyright (C) 2022 Red Hat, Inc.
 * SPDX-License-Identifier: LGPL-2.1-or-later
 */
import cockpit from "cockpit";

import React, { createContext, useEffect, useState } from "react";
import { Popover, PopoverPosition } from "@patternfly/react-core/dist/esm/components/Popover/index.js";
import { HelpIcon } from "@patternfly/react-icons/dist/esm/icons/help-icon";

import { WithDialogs } from "dialogs.jsx";

export const BossContext = createContext(null);
export const PageContext = createContext(null);
export const LanguageContext = createContext(null);
export const OsReleaseContext = createContext(null);
export const PayloadContext = createContext(null);
export const RuntimeContext = createContext(null);
export const StorageContext = createContext(null);
export const StorageDefaultsContext = createContext(null);
export const SystemTypeContext = createContext(null);
export const TargetSystemRootContext = createContext(null);
export const UsersContext = createContext(null);
export const UserInterfaceContext = createContext(null);
export const NetworkContext = createContext(null);
export const TimezoneContext = createContext(null);
export const DialogsContext = createContext(null);
export const AppVersionContext = createContext(null);

export const FormGroupHelpPopover = ({ helpContent }) => {
    return (
        <Popover
          bodyContent={helpContent}
          position={PopoverPosition.auto}
        >
            <button
              type="button"
              onClick={e => e.preventDefault()}
              className="pf-v6-c-form__group-label-help"
            >
                <HelpIcon />
            </button>
        </Popover>
    );
};

const ModuleContextWrapper = ({ children, state }) => {
    return (
        <BossContext.Provider value={state.boss}>
            <LanguageContext.Provider value={state.localization}>
                <RuntimeContext.Provider value={state.runtime}>
                    <StorageContext.Provider value={{ ...state.storage, isFetching: state.misc.isFetching }}>
                        <UsersContext.Provider value={state.users}>
                            <NetworkContext.Provider value={state.network}>
                                <PayloadContext.Provider value={state.payload}>
                                    <TimezoneContext.Provider value={state.timezone}>
                                        {children}
                                    </TimezoneContext.Provider>
                                </PayloadContext.Provider>
                            </NetworkContext.Provider>
                        </UsersContext.Provider>
                    </StorageContext.Provider>
                </RuntimeContext.Provider>
            </LanguageContext.Provider>
        </BossContext.Provider>
    );
};

const SystemInfoContextWrapper = ({ appVersion, children, conf, osRelease }) => {
    const [desktopVariant, setDesktopVariant] = useState();

    useEffect(() => {
        cockpit.spawn(["ps", "-eo", "comm"]).then(res => {
            if (res.includes("gnome-shell")) {
                setDesktopVariant("GNOME");
            } else {
                setDesktopVariant("UNKNOWN");
            }
        });
    }, []);

    const systemType = conf?.["Installation System"].type;
    const defaultScheme = conf?.Storage.default_scheme;

    return (
        <OsReleaseContext.Provider value={osRelease}>
            <SystemTypeContext.Provider value={{ desktopVariant, systemType }}>
                <StorageDefaultsContext.Provider value={{ defaultScheme }}>
                    <TargetSystemRootContext.Provider value={conf["Installation Target"].system_root}>
                        <UserInterfaceContext.Provider value={conf["User Interface"]}>
                            <AppVersionContext.Provider value={appVersion}>
                                {children}
                            </AppVersionContext.Provider>
                        </UserInterfaceContext.Provider>
                    </TargetSystemRootContext.Provider>
                </StorageDefaultsContext.Provider>
            </SystemTypeContext.Provider>
        </OsReleaseContext.Provider>
    );
};

export const MainContextWrapper = ({ appVersion, children, conf, osRelease, state }) => {
    return (
        <ModuleContextWrapper state={state}>
            <SystemInfoContextWrapper osRelease={osRelease} conf={conf} appVersion={appVersion}>
                <WithDialogs>
                    {children}
                </WithDialogs>
            </SystemInfoContextWrapper>
        </ModuleContextWrapper>
    );
};