/*!
 * SAPUI5
 * Copyright (c) 2025 SAP SE or an SAP affiliate company. All rights reserved.
 */
import Button from "sap/m/Button";
import CheckBox from "sap/m/CheckBox";
import FlexBox from "sap/m/FlexBox";
import FlexItemData from "sap/m/FlexItemData";
import Label from "sap/m/Label";
import { ListMode } from "sap/m/library";
import List from "sap/m/List";
import MessageBox from "sap/m/MessageBox";
import StandardListItem from "sap/m/StandardListItem";
import Title from "sap/m/Title";
import VBox from "sap/m/VBox";
import Event from "sap/ui/base/Event";
import View from "sap/ui/core/mvc/View";
import BindingMode from "sap/ui/model/BindingMode";
import i18n from "../i18n";
import SearchPrefsModel from "./SearchPrefsModel";
import type { DataSource } from "../sinaNexTS/sina/DataSource";

/**
 * @namespace sap.esh.search.ui.userpref
 */
export default class SearchPrefsDialog extends View {
    // search preferences dialog view

    private firstTimeBeforeRendering: boolean;

    createContent(): Array<VBox> {
        this.firstTimeBeforeRendering = true;
        const oSearchPrefsVBox = new VBox({
            items: [
                this.createSearchPersonalizationContent(),
                this.createNlqContent(),
                this.createMyFavoritesContent(),
            ],
        });
        return [oSearchPrefsVBox];
    }

    createSearchPersonalizationContent(): VBox {
        // *********** upper area (always visilble) ******************

        // Title for Personalized Search
        const oTitlePersSearch = new Title({
            text: i18n.getText("sp.personalizedSearch"),
        });

        // CheckBox for Track Search Activities
        const oPersSearchCheckBox = new CheckBox("personalizedSearchCheckbox", {
            selected: {
                path: "/personalizedSearch",
                mode: BindingMode.TwoWay,
            },
            text: i18n.getText("sp.trackPersonalizedSearch"),
            enabled: { path: "/isPersonalizedSearchEditable" },
            layoutData: new FlexItemData({ growFactor: 1 }),
        });

        // Reset button
        const oResetButton = new Button("", {
            text: i18n.getText("sp.deleteSearchTracks"),
            press: this.resetHistory.bind(this),
            enabled: {
                parts: [{ path: "/isPersonalizedSearchEditable" }, { path: "/resetButtonWasClicked" }],
                formatter: (
                    isPersonalizedSearchEditable: boolean,
                    resetButtonWasClicked: boolean
                ): boolean => {
                    return isPersonalizedSearchEditable && !resetButtonWasClicked;
                },
            },
        });

        const oPersSearchFlexBox = new FlexBox({
            items: [oPersSearchCheckBox, oResetButton],
        });

        return new VBox("", {
            items: [oTitlePersSearch, oPersSearchFlexBox],
            visible: { path: "/isPersonalizedSearchAreaVisible" },
        });
    }

    createMyFavoritesContent(): VBox {
        // *********** lower area - Not always visilble depending on isMyFavoritesAvailable ******************

        // Title for Default Search Scope
        const oTitleDefaultSearch: Title = new Title({
            text: i18n.getText("sp.defaultSearchScope"),
        });

        // Checkbox for using Personalized Search Scope (switch on/off)
        const oCheckBoxScope = new CheckBox("defaultSearchScopeCheckbox", {
            selected: {
                path: "/favActive",
                mode: BindingMode.TwoWay,
            },
            text: i18n.getText("sp.usePersSearchScope"),
        });

        // Headline for connector list
        const oListLabel = new Label("connectorListLabel", {
            text: i18n.getText("sp.connectorList"),
            visible: { path: "/favActive" },
            layoutData: new FlexItemData({ growFactor: 1 }),
        }).addStyleClass("sapUiSmallMarginTop");

        // Display selected count and total count of connectors in headline
        const oListCount = new Label("", {
            text: {
                parts: [{ path: "/selectedDataSourceCount" }, { path: "/dataSourceCount" }],
                formatter: (selectedDataSourceCount: number, dataSourceCount: number): string => {
                    return i18n.getText("sp.connectorListCount", [selectedDataSourceCount, dataSourceCount]);
                },
            },
            visible: { path: "/favActive" },
        }).addStyleClass("sapUiSmallMarginTop");

        const oListHeadlineFlexBox = new FlexBox({
            items: [oListLabel, oListCount],
        });

        // Connector list
        const oList = new List("connectorListId", {
            mode: ListMode.MultiSelect,
            visible: { path: "/favActive" },
            //    visible: "{/favActive}",
            selectionChange: (oEvent: Event): void => {
                this.onListItemSelectionChange(oEvent);
            },
            growing: true,
            growingThreshold: 1000,
            //  growingScrollToLoad: true,
        }).addStyleClass("sapUiTinyMarginTop");

        oList.bindAggregation("items", {
            path: "/subDataSources",
            factory: (): StandardListItem => {
                const oListItem = new StandardListItem("", {
                    title: { path: "label" },
                    selected: { path: "selected" },
                });
                return oListItem;
            },
        });

        // assemble
        const oDefaultSearchVBox = new VBox("", {
            items: [oTitleDefaultSearch, oCheckBoxScope, oListHeadlineFlexBox, oList],
            visible: { path: "/isMyFavoritesAvailable" },
        }).addStyleClass("sapUiSmallMarginTop");

        return oDefaultSearchVBox;
    }

    createNlqContent(): VBox {
        const items = [];
        // title
        const nlqTitle: Title = new Title({
            text: i18n.getText("sp.nlqTitle"),
        });
        items.push(nlqTitle);

        // nlq active checkbox
        const nlqCheckBox = new CheckBox("", {
            selected: {
                path: "/nlqActive",
                mode: BindingMode.TwoWay,
            },
            text: i18n.getText("sp.nlqSwitch"),
            layoutData: new FlexItemData({ growFactor: 1 }),
        });
        nlqCheckBox.addStyleClass("sapUshellSearchPrefsNlq");
        items.push(nlqCheckBox);

        // heading for connector list
        const nlqConnectorListTitle = new Label({
            text: i18n.getText("sp.nlqConnectorListTitle"),
            visible: {
                parts: ["/nlqActive", "/nlqEnabledInfoOnDataSource"],
                formatter: (nlqActive: boolean, nlqEnabledInfoOnDataSource: boolean): boolean => {
                    return !!(nlqActive && nlqEnabledInfoOnDataSource); // important: convert undefined to false
                },
            },
        });
        nlqConnectorListTitle.addStyleClass("sapUiSmallMarginTop");
        items.push(nlqConnectorListTitle);

        // connector list
        const nlqConnectorList = new List({
            visible: {
                parts: ["/nlqActive", "/nlqEnabledInfoOnDataSource", "/nlqDataSources"],
                formatter: (
                    nlqActive: boolean,
                    nlqEnabledInfoOnDataSource: boolean,
                    nlqDataSources: Array<DataSource>
                ): boolean => {
                    return !!(nlqActive && nlqEnabledInfoOnDataSource && nlqDataSources.length > 0); // important: convert undefined to false
                },
            },
            growing: true,
            growingThreshold: 10,
            growingScrollToLoad: false,
            items: {
                path: "/nlqDataSources",
                template: new StandardListItem({
                    title: "{label}",
                }),
            },
        });
        nlqConnectorList.addStyleClass("sapUshellSearchPrefsNlqConnectorList");
        items.push(nlqConnectorList);

        // label no nlq connectors available
        const noNlqConnectorsLabel = new Label({
            visible: {
                parts: ["/nlqActive", "/nlqEnabledInfoOnDataSource", "/nlqDataSources"],
                formatter: (
                    nlqActive: boolean,
                    nlqEnabledInfoOnDataSource: boolean,
                    nlqDataSources: Array<DataSource>
                ): boolean => {
                    return !!(nlqActive && nlqEnabledInfoOnDataSource && nlqDataSources.length === 0); // important: convert undefined to false
                },
            },
            text: i18n.getText("sp.nlqNoConnectorsAvailable"),
        });
        items.push(noNlqConnectorsLabel);

        // vbox container
        const nlqContent = new VBox("", {
            items: items,
            visible: { path: "/isNlqAreaVisible" },
        });
        nlqContent.addStyleClass("sapUiSmallMarginTop");
        return nlqContent;
    }

    onBeforeRendering(): void {
        // first -> no model reload
        if (this.firstTimeBeforeRendering) {
            this.firstTimeBeforeRendering = false;
            return;
        }
        // reload model data
        (this.getModel() as SearchPrefsModel).reload();
    }

    resetHistory(): void {
        (this.getModel() as SearchPrefsModel).resetProfile().then(
            () => {
                // success: nothing to do here
            },
            (response) => {
                // error: display error popup
                let errorText = i18n.getText("sp.resetFailed");
                errorText += "\n" + response;
                MessageBox.show(errorText, {
                    title: i18n.getText("sp.resetFailedTitle"),
                    icon: MessageBox.Icon.ERROR,
                    actions: [MessageBox.Action.OK],
                    styleClass: "sapUshellSearchMessageBox", // selector for closePopovers
                });
            }
        );
    }

    // event: select listItem in connector list
    onListItemSelectionChange(oEvent: Event) {
        (this.getModel() as SearchPrefsModel).setProperty(
            "/selectedDataSourceCount",
            (oEvent.getSource() as List).getSelectedItems().length
        );
    }
}