/*!
 * SAPUI5
 * Copyright (c) 2025 SAP SE or an SAP affiliate company. All rights reserved.
 */
import Control from "sap/ui/core/Control";
import SearchCompositeControl from "../SearchCompositeControl";
import SearchResultTable from "../controls/resultview/SearchResultTable";
import ListItemBase from "sap/m/ListItemBase";
import InvisibleText from "sap/ui/core/InvisibleText";
import SearchModel from "../SearchModel";
import SearchResultList from "../controls/resultview/SearchResultList";
import i18n from "../i18n";
import { ButtonType, FlexJustifyContent, ListMode, ListType } from "sap/m/library";
import SearchResultGrid from "../controls/resultview/SearchResultGrid";
import GridContainerSettings from "sap/f/GridContainerSettings";
import { callConfigExit } from "../error/callConfigExit";
import VerticalLayout from "sap/ui/layout/VerticalLayout";
import GridContainer from "sap/f/GridContainer";
import { ESHApp } from "../appsearch/CatalogSearch";
import { UserEventType } from "../eventlogging/UserEvents";
import GridContainerItemLayoutData from "sap/f/GridContainerItemLayoutData";
import Text from "sap/m/Text";
import Button from "sap/m/Button";
import FlexBox from "sap/m/FlexBox";
import CustomListItem from "sap/m/CustomListItem";
import { ListItem } from "../SearchModelTypes";
import { Highlighter } from "../controls/SearchTileHighlighter";
import CustomSearchResultListItem from "../controls/resultview/CustomSearchResultListItem";
import SearchResultListItem from "../controls/resultview/SearchResultListItem";
import GenericTile from "sap/m/GenericTile";
import TileContent from "sap/m/TileContent";
import Element from "sap/ui/core/Element";
import { SelectionMode } from "../SelectionMode";
import SearchBasket from "../controls/basket/SearchBasket";
import { $CustomBasketSettings } from "../controls/basket/CustomBasket";
import { SearchBasketApi } from "../controls/basket/SearchBasketModel";
import SearchResultListItemSAR from "../controls/resultview/searchresultlistitem_sar/SearchResultListItemSAR";

export default class ResultViewsAssembler {
    compositeControl: SearchCompositeControl;

    constructor(compositeControl: SearchCompositeControl) {
        this.compositeControl = compositeControl;
    }

    /* private _getPhoneSize(): number {
        return 767;
    } */

    assembleResultView(idPrefix: string): Array<Control> {
        const oModel = this.compositeControl.getModelInternal() as SearchModel;

        // list
        this.compositeControl.searchResultList = this.assembleSearchResultList(idPrefix);

        // table
        this.compositeControl.searchResultTable = this.assembleSearchResultTable(idPrefix);

        // grid
        this.compositeControl.searchResultGrid = this.assembleSearchResultGrid(idPrefix);

        // basket
        if (oModel.config.basketLocation === "SidePanelRight") {
            // create custom or default basket, located at right hand panel of result view
            const oSearchBasket = this.assembleSearchBasket(idPrefix);
            if (oSearchBasket) {
                this.compositeControl.oSearchBaskets.push(oSearchBasket);
            }
        }

        // app search result
        this.compositeControl.appSearchResult = this.assembleAppSearch(idPrefix);

        // show more footer
        this.compositeControl.showMoreFooter = this.assembleShowMoreFooter();

        const resultView = [
            this.compositeControl.searchResultList,
            this.compositeControl.searchResultTable,
            this.compositeControl.searchResultGrid,
            this.compositeControl.appSearchResult,
            this.compositeControl.showMoreFooter,
            this.compositeControl.countBreadcrumbsHiddenElement,
        ];
        return resultView;
    }

    assembleCountBreadcrumbsHiddenElement(): InvisibleText {
        const countBreadcrumbsHiddenElement = new InvisibleText("", {
            text: {
                parts: [{ path: "/count" }],
                formatter: (count: number) => {
                    if (typeof count !== "number") {
                        return "";
                    }
                    return i18n.getText("results_count_for_screenreaders", [count.toString()]);
                },
            },
        });
        return countBreadcrumbsHiddenElement;
    }

    assembleSearchResultTable(idPrefix: string): SearchResultTable {
        const oModel = this.compositeControl.getModelInternal() as SearchModel;
        const resultTable = new SearchResultTable(`${idPrefix}-ushell-search-result-table`, {});
        resultTable.assembleTable(oModel);
        // add aria label to table header row

        resultTable.addEventDelegate({
            onAfterRendering: (): void => {
                const controlDom = this.compositeControl.getDomRef() as HTMLElement;
                if (!controlDom) {
                    return;
                }
                const rows = controlDom.querySelectorAll("table tbody tr");
                for (const row of Array.from(rows)) {
                    const rowId = row.getAttribute("id");
                    const tableRow = Element.getElementById(rowId) as unknown as ListItemBase;
                    if (tableRow) {
                        const currentAriaLabelledBy = tableRow.getAriaLabelledBy();
                        if (
                            currentAriaLabelledBy.indexOf(
                                this.compositeControl.countBreadcrumbsHiddenElement.getId()
                            ) === -1
                        ) {
                            tableRow.addAriaLabelledBy(this.compositeControl.countBreadcrumbsHiddenElement);
                        }
                    }
                    break; // stop after first line for now
                }
            },
        });
        return resultTable;
    }

    assembleSearchResultList(idPrefix: string): SearchResultList {
        const resultList = new SearchResultList(idPrefix + "-ushell-search-result-list", {
            mode: ListMode.None,
            width: "auto",
            showNoData: false,
            visible: {
                parts: [{ path: "/resultViewType" }, { path: "/count" }],
                formatter: (resultViewType, count) => {
                    return resultViewType === "searchResultList" && count !== 0;
                },
            },
        });
        resultList.bindItems({
            path: "/results",
            factory: (path: string, oContext) => {
                return this.assembleListItem(path, oContext);
            },
        });

        return resultList;
    }

    assembleSearchResultGrid(idPrefix: string): SearchResultGrid {
        const oModel = this.compositeControl.getModelInternal() as SearchModel;
        let resultGrid;
        if (typeof oModel.config.customGridView === "function") {
            resultGrid = callConfigExit("customGridView", oModel.config.applicationComponent, () =>
                oModel.config.customGridView()
            );
        } else {
            const gridContainerSettings = new GridContainerSettings("", {
                rowSize: "11rem",
                columnSize: "11rem",
                gap: "0.5rem",
            });
            resultGrid = new SearchResultGrid(idPrefix + "-ushell-search-result-grid", {
                layout: gridContainerSettings,
                snapToRow: true,
            });
        }
        resultGrid.bUseExtendedChangeDetection = false; // workaround to avoid circular structure issue for data binding
        resultGrid.bindProperty("visible", {
            parts: ["/resultViewType", "/count"],
            formatter: (resultViewType: string, count: number) => {
                return resultViewType === "searchResultGrid" && count !== 0;
            },
        });
        resultGrid.addStyleClass("sapUshellSearchGrid");
        return resultGrid;
    }

    assembleSearchBasket(idPrefix: string): (Control & SearchBasketApi) | undefined {
        const oModel = this.compositeControl.getModelInternal() as SearchModel;

        const basket = callConfigExit(
            "basketInit, basketBeforeAddItem",
            oModel.config.applicationComponent,
            () => {
                const basketConfig: $CustomBasketSettings = {
                    basketConfigurator:
                        oModel.config.basketInit || oModel.config.basketBeforeAddItem
                            ? {
                                  adaptColumns: oModel.config.basketInit,
                                  adaptRow: oModel.config.basketBeforeAddItem,
                              }
                            : null,
                    showDeleteAction:
                        oModel.config.basketLinkByResultViewItemSelection === true ? false : true,
                };

                let result: (Control & SearchBasketApi) | undefined;
                if (typeof oModel.config.customBasket === "function") {
                    // custom basket provided
                    result = callConfigExit("customBasket", oModel.config.applicationComponent, () =>
                        oModel.config.customBasket(`${idPrefix}-SearchBasket`, basketConfig)
                    );
                } else if (
                    oModel.config.basketInit ||
                    oModel.config.basketBeforeAddItem ||
                    oModel.config.basketLinkByResultViewItemSelection
                ) {
                    // ELISA basket provided
                    result = new SearchBasket(
                        `${idPrefix}-SearchBasket`,
                        {
                            basketConfigurator: basketConfig.basketConfigurator,
                            showDeleteAction: !oModel.config.basketLinkByResultViewItemSelection,
                            selectionMode: oModel.config.basketLinkByResultViewItemSelection
                                ? "Multi"
                                : "None",
                        } // if basket- and result list item selection are not linked, we need to provide a detete button to remove items manually from the basket
                    );
                }
                result?.getBasketModel().setProperty("/internalSearchModel", oModel);
                return result;
            }
        );
        return basket;
    }

    assembleAppSearch(idPrefix: string): VerticalLayout {
        const gridContainerSettings = new GridContainerSettings("", {
            rowSize: "5.5rem",
            columnSize: "5.5rem",
            gap: "0.25rem",
        });
        const gridContainer = new GridContainer(idPrefix + "-ushell-search-result-app", {
            layout: gridContainerSettings,
            snapToRow: true,
            visible: {
                parts: [{ path: "/count" }],
                formatter: (count) => {
                    const oModel = this.compositeControl.getModelInternal() as SearchModel;
                    return (
                        (oModel.isAppCategory() || oModel.isUserCategoryAppSearchOnlyWithoutBOs()) &&
                        count !== 0
                    );
                },
            },
            items: {
                path: "/appResults",
                factory: (id, context) => {
                    const oModel = this.compositeControl.getModelInternal() as SearchModel;
                    if (oModel.isAppCategory() || oModel.isUserCategoryAppSearchOnlyWithoutBOs()) {
                        const item = context.getObject() as ESHApp;
                        const visualization = item.visualization;
                        const visualizationService = oModel.uShellVisualizationInstantiationService;
                        const visualizationControl =
                            visualizationService.instantiateVisualization(visualization);
                        visualizationControl.attachPress(() => {
                            oModel.eventLogger.logEvent({
                                type: UserEventType.TILE_NAVIGATE,
                                tileTitle: visualization.title,
                                targetUrl: visualization.targetURL,
                            });
                        });
                        visualizationControl.addEventDelegate({
                            onAfterRendering: this.highlightTile,
                        });
                        visualizationControl.setActive(false, true);
                        visualizationControl.setLayoutData(
                            new GridContainerItemLayoutData(visualizationControl.getLayout())
                        );
                        return visualizationControl;
                    }
                    // bind dummy view, prevent douplicated binding
                    return new Text("", { text: "" });
                },
            },
        });
        gridContainer.addStyleClass("sapUshellSearchGridContainer");
        const button = new Button({
            text: "{i18n>showMore}",
            type: ButtonType.Transparent,
            visible: {
                parts: [{ path: "/appCount" }, { path: "/appResults" }],
                formatter: (appCount, appResults) => {
                    const oModel = this.compositeControl.getModelInternal() as SearchModel;
                    return (
                        (oModel.isAppCategory() || oModel.isUserCategoryAppSearchOnlyWithoutBOs()) &&
                        appResults.length < appCount
                    );
                },
            },
            press: () => {
                const oModel = this.compositeControl.getModelInternal() as SearchModel;
                const newTop = oModel.getTop() + oModel.pageSize;
                oModel.setProperty("/focusIndex", oModel.getTop());
                oModel.setTop(newTop);
                oModel.eventLogger.logEvent({
                    type: UserEventType.SHOW_MORE,
                });
            },
        });
        button.addStyleClass("sapUshellResultListMoreFooter");

        const verticalLayout = new VerticalLayout("", {
            width: "100%",
            visible: {
                parts: [{ path: "/count" }],
                formatter: (count) => {
                    const oModel = this.compositeControl.getModelInternal() as SearchModel;
                    return (
                        (oModel.isAppCategory() || oModel.isUserCategoryAppSearchOnlyWithoutBOs()) &&
                        count !== 0
                    );
                },
            },
            content: [gridContainer, button],
        });
        verticalLayout.addStyleClass("sapUshellResultApps");

        return verticalLayout;
    }

    highlightTile(oEvent: Event): void {
        const oInnerControl = oEvent["srcControl"]?.getAggregation("content"); // ToDo
        if (oInnerControl) {
            let aControls = oInnerControl.findAggregatedObjects(true, (oControl) => {
                return oControl.isA("sap.m.GenericTile") || oControl.isA("sap.f.Card");
            });
            if (aControls.length === 0 && oInnerControl.getComponentInstance) {
                aControls = oInnerControl.getComponentInstance().findAggregatedObjects(true, (oControl) => {
                    return oControl.isA("sap.m.GenericTile") || oControl.isA("sap.f.Card");
                });
            }
            if (aControls.length > 0) {
                const tile = aControls[0];
                const tileHighlighter = new Highlighter();
                tileHighlighter.setHighlightTerms(
                    oEvent["srcControl"]?.getModel().getProperty("/uiFilter/searchTerm")
                );
                tileHighlighter.highlight(tile);
            }
        }
    }

    assembleShowMoreFooter(): FlexBox {
        const button = new Button(this.compositeControl.getId() + "-resultview-moreFooter-button", {
            text: "{i18n>showMore}",
            type: ButtonType.Transparent,
            press: (): void => {
                const oCurrentModel = this.compositeControl.getModelInternal() as SearchModel;
                oCurrentModel.setProperty("/focusIndex", oCurrentModel.getTop());
                const newTop = oCurrentModel.getTop() + oCurrentModel.pageSize;
                oCurrentModel.setTop(newTop);
                oCurrentModel.eventLogger.logEvent({
                    type: UserEventType.SHOW_MORE,
                });
            },
        });
        button.addStyleClass("sapUshellResultListMoreFooter");
        const container = new FlexBox(this.compositeControl.getId() + "-resultview-moreFooter", {
            visible: {
                parts: [{ path: "/boCount" }, { path: "/boResults" }],
                formatter: (boCount: number, boResults: Array<unknown>): boolean => {
                    return boResults.length < boCount;
                },
            },
            justifyContent: FlexJustifyContent.Center,
        });
        container.addStyleClass("sapUshellResultListMoreFooterContainer");
        container.addItem(button);
        return container;
    }

    assembleListItem(resultItemPath: string, oContext): CustomListItem {
        const oData = oContext.getObject() as ListItem; // ToDo
        if (oData.type === "footer") {
            return new CustomListItem(`${resultItemPath}-footerItem`, {
                selected: { path: "selected" },
            }); // return empty list item
        } else if (oData.type === "appcontainer") {
            this.compositeControl.appResultListItem = this.assembleAppContainerResultListItem(resultItemPath);
            return this.compositeControl.appResultListItem;
        }
        return this.assembleResultListItem(resultItemPath, oData);
    }

    assembleResultListItem(resultItemPath: string, oData): CustomListItem {
        const oModel = this.compositeControl.getModelInternal() as SearchModel;
        const dataSourceConfig = oModel.config.dataSourceConfigurations.getDataSourceConfig(oData.dataSource);

        const searchResultListItemSettings = {
            dataSource: oData.dataSource,
            title: "{title}",
            isTitleHighlighted: { path: "isTitleHighlighted" },
            titleDescription: "{titleDescription}",
            isTitleDescriptionHighlighted: { path: "isTitleDescriptionHighlighted" },
            titleNavigation: { path: "titleNavigation" },
            type: "{dataSourceName}",
            imageUrl: "{imageUrl}",
            imageFormat: "{imageFormat}",
            imageNavigation: { path: "imageNavigation" },
            geoJson: "{geoJson}",
            attributes: { path: "itemattributes" },
            navigationObjects: { path: "navigationObjects" },
            selected: { path: "selected" },
            selectionEnabled: { path: "selectionEnabled" },
            customItemStyleClass: { path: "customItemStyleClass" },
            expanded: { path: "expanded" },
            positionInList: { path: "positionInList" },
            resultSetId: { path: "resultSetId" },
            layoutCache: { path: "layoutCache" },
            titleIconUrl: { path: "titleIconUrl" },
            titleInfoIconUrl: { path: "titleInfoIconUrl" },
            titleInfoIconTooltip: "{titleInfoIconTooltip}",
        };

        let itemContent;
        if (dataSourceConfig.searchResultListItemControl) {
            itemContent = new (dataSourceConfig.searchResultListItemControl as any)(
                `${resultItemPath}--itemContent`,
                searchResultListItemSettings
            );
        } else if (dataSourceConfig.searchResultListItemContentControl) {
            searchResultListItemSettings["content"] = // ToDo
                new (dataSourceConfig.searchResultListItemContentControl as any)();
            itemContent = new CustomSearchResultListItem(
                `${resultItemPath}--customItemContent`,
                searchResultListItemSettings
            );
        } else if (oModel.config.FF_useSearchResultListItemSAR) {
            itemContent = new SearchResultListItemSAR(`${resultItemPath}--itemContent`, {
                ...searchResultListItemSettings,
                sinaItem: { path: "sinaItem" },
            });
        } else {
            itemContent = new SearchResultListItem(
                `${resultItemPath}--itemContent`,
                searchResultListItemSettings
            );
        }

        if (itemContent.setCountBreadcrumbsHiddenElement) {
            itemContent.setCountBreadcrumbsHiddenElement(this.compositeControl.countBreadcrumbsHiddenElement);
        }

        const listItem = new CustomListItem(`${resultItemPath}--customListItem`, {
            content: itemContent,
        });
        listItem.addStyleClass("sapUshellSearchResultListItem");

        listItem.bindProperty("type", {
            parts: [
                { path: "/config/resultviewMasterDetailMode" },
                { path: "/config/resultviewSelectionMode" },
            ],
            formatter: (resultviewMasterDetailMode: string, resultviewSelectionMode: SelectionMode) => {
                let newType;
                if (resultviewMasterDetailMode) {
                    newType = ListType.Navigation;
                } else if (resultviewSelectionMode === SelectionMode.OneItem) {
                    newType = ListType.Active;
                } else {
                    newType = ListType.Inactive;
                }
                // special handling for phone mode, see _setListItemStatusBasedOnWindowSize in SearchResultListItem.ts
                /* const windowWidth = window.innerWidth;
                if (
                    listItem.getContent()[0].getProperty("titleNavigation") &&
                    windowWidth <= this._getPhoneSize()
                ) {
                    newType = ListType.Active;
                } */
                return newType;
            },
        });
        if (itemContent.setParentListItem) {
            itemContent.setParentListItem(listItem);
        }

        return listItem;
    }

    assembleAppContainerResultListItem(resultItemPath: string): CustomListItem {
        const appItemContainerLayout = new GridContainerSettings("", {
            rowSize: "5.5rem",
            columnSize: "5.5rem",
            gap: "0.25rem",
        });
        const appContainerId = `${resultItemPath}-appItemContainer`;
        const container = new GridContainer(appContainerId, {
            layout: appItemContainerLayout,
            snapToRow: true,
            items: {
                path: "/appResults",
                factory: (id, context) => {
                    const oModel = this.compositeControl.getModelInternal() as SearchModel;
                    if (!oModel.isAppCategory()) {
                        const item = context.getObject() as ESHApp;
                        const visualization = item.visualization;
                        const visualizationService = oModel.uShellVisualizationInstantiationService;
                        const visualizationControl =
                            visualizationService.instantiateVisualization(visualization);
                        visualizationControl.attachPress(() => {
                            const oModel = this.compositeControl.getModelInternal() as SearchModel;
                            oModel.eventLogger.logEvent({
                                type: UserEventType.TILE_NAVIGATE,
                                tileTitle: visualization.title,
                                targetUrl: visualization.targetURL,
                            });
                        });
                        visualizationControl.addEventDelegate({
                            onAfterRendering: this.highlightTile,
                        });
                        visualizationControl.setActive(false, true);
                        visualizationControl.setLayoutData(
                            new GridContainerItemLayoutData(visualizationControl.getLayout())
                        );
                        return visualizationControl;
                    }
                    // bind dummy view, prevent duplicated binding
                    // tile can handle only one view
                    return new Text(id, {
                        text: "",
                    });
                },
            },
        });
        container.addStyleClass("sapUshellSearchGridContainer");

        container.addEventDelegate(
            {
                onAfterRendering: () => {
                    const oModel = this.compositeControl.getModelInternal() as SearchModel;

                    const tileWidth = 180;
                    const tileMargin = 4;
                    const tileWidthWithMargin = tileWidth + tileMargin;
                    const containerPaddingLeft = 6;

                    const fullItems = container.getItems();
                    const appCount = oModel.getProperty("/appCount");
                    const boCount = oModel.getProperty("/boCount");
                    const lastItem = fullItems[fullItems.length - 1];

                    // calculate the suitable items for container
                    if (container.getDomRef().clientWidth === 0) {
                        return;
                    }
                    let maxWidth = container.getDomRef().clientWidth - containerPaddingLeft - tileWidth; // container width - padding left - last show more tile width

                    // after introducing new layout, we should new calculation for showMore button
                    if (maxWidth < 0) {
                        if (lastItem.hasStyleClass("sapUshellSearchResultListItemAppsShowMore")) {
                            const appResults = oModel.getProperty("/appResults");
                            oModel.setProperty("/appResults", appResults.slice(0, -1));
                        }
                        return;
                    }
                    if (maxWidth < tileWidth) {
                        maxWidth = tileWidth;
                    }
                    const maxItems = Math.floor(maxWidth / tileWidthWithMargin);

                    if (lastItem.hasStyleClass("sapUshellSearchResultListItemAppsShowMore")) {
                        return; // already done with cutting and adding show more tile, do not do multipule times
                    }

                    if (fullItems.length > maxItems + 1) {
                        // items greater than maxItems+showMore, must be cut
                        let width = 0,
                            i = 0;
                        for (; i < fullItems.length; i++) {
                            width = width + fullItems[i].getDomRef().clientWidth + tileMargin; // tile width + margin
                            if (width > maxWidth) {
                                break;
                            }
                        }
                        const appResults = oModel.getProperty("/appResults");
                        oModel.setProperty("/appResults", appResults.slice(0, i));
                    } else if (fullItems.length < maxItems + 1) {
                        // appCount greater than maxItems, add showMore tile
                        if (
                            appCount > maxItems &&
                            !lastItem.hasStyleClass("sapUshellSearchResultListItemAppsShowMore")
                        ) {
                            const appContainerShowMoreId = `${appContainerId}--showMore`;
                            const showMoreTile = new GenericTile(appContainerShowMoreId, {
                                tileContent: new TileContent(`${appContainerShowMoreId}--content`, {
                                    content: new Text(`${appContainerShowMoreId}--content--text`, {
                                        text: i18n.getText("showMoreApps"),
                                    }),
                                }),
                                press: () => {
                                    const oModel = this.compositeControl.getModelInternal() as SearchModel;
                                    oModel.setDataSource(oModel.appDataSource);
                                },
                            });
                            showMoreTile.addStyleClass("sapUshellSearchResultListItemAppsShowMore");
                            container.addItem(showMoreTile);
                            // force update showMore button to avoid outdated binding
                            oModel.setProperty("/resultViewType", "appSearchResult");
                            oModel.setProperty("/resultViewType", "searchResultList");
                            oModel.setProperty("/boCount", 0);
                            oModel.setProperty("/boCount", boCount);
                        }
                    }
                },
            },
            container
        );
        const listItem = new CustomListItem(`${this.compositeControl.getId()}-appItem`, {
            content: container,
        });
        listItem.addStyleClass("sapUshellSearchResultListItem");
        listItem.addStyleClass("sapUshellSearchResultListItemApps");

        listItem.addEventDelegate(
            {
                onAfterRendering: function () {
                    const domRef = listItem.getDomRef() as HTMLElement;
                    if (domRef) {
                        domRef.removeAttribute("role");
                        domRef.setAttribute("aria-hidden", "true");
                    }
                },
            },
            listItem
        );

        return listItem;
    }
}