import { FunctionComponent, useEffect, useState } from "react";
import "./ArtifactPage.css";
import { Breadcrumb, BreadcrumbItem, PageSection, Tab, Tabs } from "@patternfly/react-core";
import { Link, useLocation, useParams } from "react-router";
import { EXPLORE_PAGE_IDX, PageDataLoader, PageError, PageErrorHandler, PageProperties, toPageError } from "@app/pages";
import {
    ChangeOwnerModal,
    ConfirmDeleteModal,
    CreateBranchModal,
    CreateVersionModal,
    EditMetaDataModal,
    IfFeature,
    InvalidContentModal,
    MetaData,
    RootPageHeader
} from "@app/components";
import { PleaseWaitModal } from "@apicurio/common-ui-components";
import { AppNavigation, useAppNavigation } from "@services/useAppNavigation.ts";
import { LoggerService, useLoggerService } from "@services/useLoggerService.ts";
import { GroupsService, useGroupsService } from "@services/useGroupsService.ts";
import {
    ArtifactOverviewTabContent,
    ArtifactPageHeader,
    ArtifactBranchesTabContent
} from "@app/pages/artifact/components";
import {
    AddVersionToBranch,
    ArtifactMetaData,
    CreateBranch,
    CreateVersion,
    Rule,
    RuleType,
    RuleViolationProblemDetails,
    SearchedBranch,
    SearchedVersion
} from "@sdk/lib/generated-client/models";
import { AddVersionToBranchModal } from "@app/components/modals/AddVersionToBranchModal.tsx";
import { ArtifactRulesTabContent } from "@app/pages/artifact/components/tabs/ArtifactRulesTabContent.tsx";


/**
 * The artifact version page.
 */
export const ArtifactPage: FunctionComponent<PageProperties> = () => {
    const [pageError, setPageError] = useState<PageError>();
    const [loaders, setLoaders] = useState<Promise<any> | Promise<any>[] | undefined>();
    const [artifact, setArtifact] = useState<ArtifactMetaData>();
    const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
    const [isDeleteVersionModalOpen, setIsDeleteVersionModalOpen] = useState(false);
    const [isDeleteBranchModalOpen, setIsDeleteBranchModalOpen] = useState(false);
    const [isCreateVersionModalOpen, setIsCreateVersionModalOpen] = useState(false);
    const [isCreateBranchModalOpen, setIsCreateBranchModalOpen] = useState(false);
    const [isAddVersionToBranchModalOpen, setIsAddVersionToBranchModalOpen] = useState(false);
    const [isEditModalOpen, setIsEditModalOpen] = useState(false);
    const [isChangeOwnerModalOpen, setIsChangeOwnerModalOpen] = useState(false);
    const [isPleaseWaitModalOpen, setIsPleaseWaitModalOpen] = useState(false);
    const [pleaseWaitMessage, setPleaseWaitMessage] = useState("");
    const [rules, setRules] = useState<Rule[]>([]);
    const [invalidContentError, setInvalidContentError] = useState<RuleViolationProblemDetails>();
    const [isInvalidContentModalOpen, setIsInvalidContentModalOpen] = useState(false);
    const [versionToDelete, setVersionToDelete] = useState<SearchedVersion>();
    const [versionDeleteSuccessCallback, setVersionDeleteSuccessCallback] = useState<() => void>();
    const [branchToDelete, setBranchToDelete] = useState<SearchedBranch>();
    const [branchDeleteSuccessCallback, setBranchDeleteSuccessCallback] = useState<() => void>();
    const [versionToAddToBranch, setVersionToAddToBranch] = useState<SearchedVersion>();

    const appNavigation: AppNavigation = useAppNavigation();
    const logger: LoggerService = useLoggerService();
    const groups: GroupsService = useGroupsService();
    const { groupId, artifactId }= useParams();
    const location = useLocation();

    let activeTabKey: string = "overview";
    if (location.pathname.indexOf("/rules") !== -1) {
        activeTabKey = "rules";
    } else if (location.pathname.indexOf("/branches") !== -1) {
        activeTabKey = "branches";
    }

    const createLoaders = (): Promise<any>[] => {
        let gid: string|null = groupId as string;
        if (gid == "default") {
            gid = null;
        }
        logger.info("Loading data for artifact: ", artifactId);
        return [
            groups.getArtifactMetaData(gid, artifactId as string)
                .then(setArtifact)
                .catch(error => {
                    setPageError(toPageError(error, "Error loading page data."));
                }),
            groups.getArtifactRules(gid, artifactId as string)
                .then(setRules)
                .catch(error => {
                    setPageError(toPageError(error, "Error loading page data."));
                }),
        ];
    };

    const handleTabClick = (_event: any, tabIndex: any): void => {
        const gid: string = encodeURIComponent(groupId as string);
        const aid: string = encodeURIComponent(artifactId as string);

        if (tabIndex === "overview") {
            appNavigation.navigateTo(`/explore/${gid}/${aid}`);
        } else {
            appNavigation.navigateTo(`/explore/${gid}/${aid}/${tabIndex}`);
        }
    };

    const onDeleteArtifact = (): void => {
        setIsDeleteModalOpen(true);
    };

    const doEnableRule = (ruleType: string): void => {
        logger.debug("[ArtifactPage] Enabling rule:", ruleType);
        let config: string = "FULL";
        if (ruleType === "COMPATIBILITY") {
            config = "BACKWARD";
        }
        groups.createArtifactRule(groupId as string, artifactId as string, ruleType, config).catch(error => {
            setPageError(toPageError(error, `Error enabling "${ ruleType }" artifact rule.`));
        });
        setRules([...rules, { config, ruleType: ruleType as RuleType }]);
    };

    const doDisableRule = (ruleType: string): void => {
        logger.debug("[ArtifactPage] Disabling rule:", ruleType);
        groups.deleteArtifactRule(groupId as string, artifactId as string, ruleType).catch(error => {
            setPageError(toPageError(error, `Error disabling "${ ruleType }" artifact rule.`));
        });
        setRules(rules.filter(r => r.ruleType !== ruleType));
    };

    const doConfigureRule = (ruleType: string, config: string): void => {
        logger.debug("[ArtifactPage] Configuring rule:", ruleType, config);
        groups.updateArtifactRule(groupId as string, artifactId as string, ruleType, config).catch(error => {
            setPageError(toPageError(error, `Error configuring "${ ruleType }" artifact rule.`));
        });
        setRules(rules.map(r => {
            if (r.ruleType === ruleType) {
                return { config, ruleType: r.ruleType };
            } else {
                return r;
            }
        }));
    };

    const onDeleteModalClose = (): void => {
        setIsDeleteModalOpen(false);
    };

    const onDeleteVersionModalClose = (): void => {
        setIsDeleteVersionModalOpen(false);
    };

    const onDeleteBranchModalClose = (): void => {
        setIsDeleteBranchModalOpen(false);
    };

    const doDeleteArtifact = (): void => {
        onDeleteModalClose();
        pleaseWait(true, "Deleting artifact, please wait...");
        groups.deleteArtifact(groupId as string, artifactId as string).then( () => {
            pleaseWait(false, "");
            appNavigation.navigateTo("/explore");
        }).catch(error => {
            setPageError(toPageError(error, "Error deleting an artifact."));
        });
    };

    const openEditMetaDataModal = (): void => {
        setIsEditModalOpen(true);
    };

    const openChangeOwnerModal = (): void => {
        setIsChangeOwnerModalOpen(true);
    };

    const onEditModalClose = (): void => {
        setIsEditModalOpen(false);
    };

    const onChangeOwnerModalClose = (): void => {
        setIsChangeOwnerModalOpen(false);
    };

    const doEditMetaData = (metaData: MetaData): void => {
        groups.updateArtifactMetaData(groupId as string, artifactId as string, metaData).then( () => {
            if (artifact) {
                setArtifact({
                    ...artifact,
                    ...metaData
                });
            }
        }).catch( error => {
            setPageError(toPageError(error, "Error editing artifact metadata."));
        });
        onEditModalClose();
    };

    const doChangeOwner = (newOwner: string): void => {
        groups.updateArtifactOwner(groupId as string, artifactId as string, newOwner).then( () => {
            if (artifact) {
                setArtifact({
                    ...artifact,
                    owner: newOwner
                });
            }
        }).catch( error => {
            setPageError(toPageError(error, "Error changing artifact ownership."));
        });
        onChangeOwnerModalClose();
    };

    const onViewVersion = (version: SearchedVersion): void => {
        const groupId: string = encodeURIComponent(artifact?.groupId || "default");
        const artifactId: string = encodeURIComponent(artifact?.artifactId || "");
        const ver: string = encodeURIComponent(version.version!);
        appNavigation.navigateTo(`/explore/${groupId}/${artifactId}/versions/${ver}`);
    };

    const onDeleteVersion = (version: SearchedVersion, successCallback?: () => void): void => {
        setVersionToDelete(version);
        setIsDeleteVersionModalOpen(true);
        setVersionDeleteSuccessCallback(() => successCallback);
    };

    const doDeleteVersion = (): void => {
        setIsDeleteVersionModalOpen(false);
        pleaseWait(true, "Deleting version, please wait...");
        groups.deleteArtifactVersion(groupId as string, artifactId as string, versionToDelete?.version as string).then( () => {
            pleaseWait(false);
            if (versionDeleteSuccessCallback) {
                versionDeleteSuccessCallback();
            }
        }).catch(error => {
            setPageError(toPageError(error, "Error deleting a version."));
        });
    };

    const onAddVersionToBranch = (version: SearchedVersion): void => {
        setVersionToAddToBranch(version);
        setIsAddVersionToBranchModalOpen(true);
    };

    const doAddVersionToBranch = (branch: SearchedBranch): void => {
        setIsAddVersionToBranchModalOpen(false);
        pleaseWait(true, "Adding version to branch, please wait...");

        const branchId: string = branch.branchId!;
        const data: AddVersionToBranch = {
            version: versionToAddToBranch?.version
        };

        groups.appendArtifactBranchVersion(groupId as string, artifactId as string, branchId, data).then( () => {
            pleaseWait(false);
            const gid: string = encodeURIComponent(groupId || "default");
            const aid: string = encodeURIComponent(artifactId || "");
            const bid: string = encodeURIComponent(branchId);
            appNavigation.navigateTo(`/explore/${gid}/${aid}/branches/${bid}/versions`);
        }).catch(error => {
            pleaseWait(false);
            setPageError(toPageError(error, "Error adding a version to a branch."));
        });
    };

    const onViewBranch = (branch: SearchedBranch): void => {
        const groupId: string = encodeURIComponent(artifact?.groupId || "default");
        const artifactId: string = encodeURIComponent(artifact?.artifactId || "");
        const branchId: string = encodeURIComponent(branch.branchId!);
        appNavigation.navigateTo(`/explore/${groupId}/${artifactId}/branches/${branchId}`);
    };

    const onDeleteBranch = (branch: SearchedBranch, successCallback?: () => void): void => {
        setBranchToDelete(branch);
        setIsDeleteBranchModalOpen(true);
        setBranchDeleteSuccessCallback(() => successCallback);
    };

    const onEditDraft = (version: SearchedVersion): void => {
        const groupId: string = encodeURIComponent(artifact?.groupId || "default");
        const artifactId: string = encodeURIComponent(artifact?.artifactId || "");
        const ver: string = encodeURIComponent(version?.version || "");
        appNavigation.navigateTo(`/explore/${groupId}/${artifactId}/versions/${ver}/editor`);
    };

    const doDeleteBranch = (): void => {
        setIsDeleteBranchModalOpen(false);
        pleaseWait(true, "Deleting branch, please wait...");
        groups.deleteArtifactBranch(groupId as string, artifactId as string, branchToDelete?.branchId as string).then( () => {
            pleaseWait(false);
            if (branchDeleteSuccessCallback) {
                branchDeleteSuccessCallback();
            }
        }).catch(error => {
            setPageError(toPageError(error, "Error deleting a branch."));
        });
    };

    const handleInvalidContentError = (error: any): void => {
        logger.info("INVALID CONTENT ERROR", error);
        setInvalidContentError(error);
        setIsInvalidContentModalOpen(true);
    };

    const doCreateArtifactVersion = (data: CreateVersion): void => {
        setIsCreateVersionModalOpen(false);
        pleaseWait(true, "Creating a new version, please wait...");

        groups.createArtifactVersion(groupId as string, artifactId as string, data).then(versionMetaData => {
            const groupId: string = encodeURIComponent(versionMetaData.groupId ? versionMetaData.groupId : "default");
            const artifactId: string = encodeURIComponent(versionMetaData.artifactId!);
            const version: string = encodeURIComponent(versionMetaData.version!);
            const artifactVersionLocation: string = `/explore/${groupId}/${artifactId}/versions/${version}`;
            logger.info("[ArtifactPage] Artifact version successfully created.  Redirecting to details: ", artifactVersionLocation);
            pleaseWait(false);
            appNavigation.navigateTo(artifactVersionLocation);
        }).catch( error => {
            pleaseWait(false);
            if (error && (error.status === 400 || error.status === 409)) {
                handleInvalidContentError(error);
            } else {
                setPageError(toPageError(error, "Error creating artifact version."));
            }
        });
    };

    const doCreateArtifactBranch = (data: CreateBranch): void => {
        setIsCreateBranchModalOpen(false);
        pleaseWait(true, "Creating a new branch, please wait...");

        groups.createArtifactBranch(groupId as string, artifactId as string, data).then(branchMetaData => {
            const groupId: string = encodeURIComponent(branchMetaData.groupId || "default");
            const artifactId: string = encodeURIComponent(branchMetaData.artifactId!);
            const branch: string = encodeURIComponent(branchMetaData.branchId!);
            const artifactBranchLocation: string = `/explore/${groupId}/${artifactId}/branches/${branch}`;
            logger.info("[ArtifactPage] Artifact branch successfully created.  Redirecting to details: ", artifactBranchLocation);
            pleaseWait(false);
            appNavigation.navigateTo(artifactBranchLocation);
        }).catch( error => {
            pleaseWait(false);
            if (error && (error.status === 400 || error.status === 409)) {
                handleInvalidContentError(error);
            } else {
                setPageError(toPageError(error, "Error creating artifact branch."));
            }
        });
    };

    const pleaseWait = (isOpen: boolean, message: string = ""): void => {
        setIsPleaseWaitModalOpen(isOpen);
        setPleaseWaitMessage(message);
    };

    useEffect(() => {
        setLoaders(createLoaders());
    }, [groupId, artifactId]);

    const tabs: any[] = [
        <Tab data-testid="artifact-overview-tab" eventKey="overview" title="Overview" key="overview" tabContentId="tab-overview">
            <ArtifactOverviewTabContent
                artifact={artifact as ArtifactMetaData}
                rules={rules}
                onCreateVersion={() => setIsCreateVersionModalOpen(true)}
                onAddVersionToBranch={onAddVersionToBranch}
                onDeleteVersion={onDeleteVersion}
                onViewVersion={onViewVersion}
                onEditMetaData={openEditMetaDataModal}
                onEditDraft={onEditDraft}
                onChangeOwner={openChangeOwnerModal}
            />
        </Tab>,
        <Tab data-testid="artifact-rules-tab" eventKey="rules" title="Rules" key="rules" tabContentId="tab-rules">
            <ArtifactRulesTabContent
                artifact={artifact as ArtifactMetaData}
                rules={rules}
                onEnableRule={doEnableRule}
                onDisableRule={doDisableRule}
                onConfigureRule={doConfigureRule}
            />
        </Tab>,
        <Tab data-testid="artifact-branches-tab" eventKey="branches" title="Branches" key="branches" tabContentId="tab-branches">
            <ArtifactBranchesTabContent
                artifact={artifact as ArtifactMetaData}
                onCreateBranch={() => {setIsCreateBranchModalOpen(true);}}
                onDeleteBranch={onDeleteBranch}
                onViewBranch={onViewBranch}
            />
        </Tab>,
    ];

    const gid: string = groupId || "default";
    const breadcrumbs = (
        <Breadcrumb>
            <BreadcrumbItem><Link to={appNavigation.createLink("/explore")} data-testid="breadcrumb-lnk-explore">Explore</Link></BreadcrumbItem>
            <BreadcrumbItem><Link to={appNavigation.createLink(`/explore/${ encodeURIComponent(gid) }`)}
                data-testid="breadcrumb-lnk-group">{ gid }</Link></BreadcrumbItem>
            <BreadcrumbItem isActive={true}>{ artifactId as string }</BreadcrumbItem>
        </Breadcrumb>
    );

    return (
        <PageErrorHandler error={pageError}>
            <PageDataLoader loaders={loaders}>
                <PageSection hasBodyWrapper={false} className="ps_explore-header"  padding={{ default: "noPadding" }}>
                    <RootPageHeader tabKey={EXPLORE_PAGE_IDX} />
                </PageSection>
                <IfFeature feature="breadcrumbs" is={true}>
                    <PageSection hasBodyWrapper={false} className="ps_header-breadcrumbs"  children={breadcrumbs} />
                </IfFeature>
                <PageSection hasBodyWrapper={false} className="ps_artifact-version-header" >
                    <ArtifactPageHeader
                        artifact={artifact as ArtifactMetaData}
                        onDeleteArtifact={onDeleteArtifact} />
                </PageSection>
                <PageSection hasBodyWrapper={false}  isFilled={true} padding={{ default: "noPadding" }} className="artifact-details-main">
                    <Tabs className="artifact-page-tabs"
                        id="artifact-page-tabs"
                        unmountOnExit={true}
                        isFilled={false}
                        activeKey={activeTabKey}
                        children={tabs}
                        onSelect={handleTabClick}
                    />
                </PageSection>
            </PageDataLoader>
            <ConfirmDeleteModal
                title="Delete Artifact"
                message="Do you want to delete this artifact and all of its versions?  This action cannot be undone."
                isOpen={isDeleteModalOpen}
                onDelete={doDeleteArtifact}
                onClose={onDeleteModalClose} />
            <ConfirmDeleteModal
                title="Delete Version"
                message="Do you want to delete the artifact version?  This action cannot be undone."
                isOpen={isDeleteVersionModalOpen}
                onDelete={doDeleteVersion}
                onClose={onDeleteVersionModalClose} />
            <ConfirmDeleteModal
                title="Delete Branch"
                message="Do you want to delete the artifact branch?  This action cannot be undone."
                isOpen={isDeleteBranchModalOpen}
                onDelete={doDeleteBranch}
                onClose={onDeleteBranchModalClose} />
            <EditMetaDataModal
                entityType="artifact"
                name={artifact?.name || ""}
                description={artifact?.description || ""}
                labels={artifact?.labels || {}}
                isOpen={isEditModalOpen}
                onClose={onEditModalClose}
                onEditMetaData={doEditMetaData}
            />
            <CreateVersionModal
                artifactType={artifact?.artifactType || ""}
                isOpen={isCreateVersionModalOpen}
                onClose={() => setIsCreateVersionModalOpen(false)}
                onCreate={doCreateArtifactVersion}
            />
            <CreateBranchModal
                isOpen={isCreateBranchModalOpen}
                onClose={() => setIsCreateBranchModalOpen(false)}
                onCreate={doCreateArtifactBranch}
            />
            <ChangeOwnerModal isOpen={isChangeOwnerModalOpen}
                onClose={onChangeOwnerModalClose}
                currentOwner={artifact?.owner || ""}
                onChangeOwner={doChangeOwner}
            />
            <AddVersionToBranchModal
                isOpen={isAddVersionToBranchModalOpen}
                version={versionToAddToBranch!}
                onClose={() => setIsAddVersionToBranchModalOpen(false)}
                onAdd={doAddVersionToBranch}
            />
            <PleaseWaitModal message={pleaseWaitMessage}
                isOpen={isPleaseWaitModalOpen} />
            <InvalidContentModal error={invalidContentError}
                isOpen={isInvalidContentModalOpen}
                onClose={() => {setIsInvalidContentModalOpen(false);}} />
        </PageErrorHandler>
    );

};
