/*!
 * SAPUI5
 * Copyright (c) 2025 SAP SE or an SAP affiliate company. All rights reserved.
 */
import i18n from "../i18n";
import Toolbar, { $ToolbarSettings } from "sap/m/Toolbar";
import { PlacementType, ToolbarDesign } from "sap/m/library";
import Button from "sap/m/Button";
import Popover from "sap/m/Popover";
import FormattedText from "sap/m/FormattedText";
import Link from "sap/m/Link";
import ToolbarSpacer from "sap/m/ToolbarSpacer";
import MessageToast from "sap/m/MessageToast";
import ResizeHandler from "sap/ui/core/ResizeHandler";

export default class SearchNlqExplainBar extends Toolbar {
    private _aiPopover: Popover;
    private _nlqViewAllPopover: Popover;
    private _nlqExplainText!: FormattedText;
    private _viewAllLink!: Link;
    private _resizeHandlerId?: string;

    constructor(sId?: string, settings?: $ToolbarSettings) {
        super(sId, settings);

        // Set the blue bar style
        this.setProperty("design", ToolbarDesign.Auto);
        this.addStyleClass("sapUshellSearchNlqExplainBar");

        // Create popovers
        this._aiPopover = this.assembleAiPopover();
        this._nlqViewAllPopover = this.assembleNlqViewAllPopover();

        const nlqExplainButton = new Button(this.getId() + "-nlqExplainButton", {
            icon: "sap-icon://ai",
            tooltip: "{i18n>nlqExplainButtonTooltip}",
            press: () => {
                this._aiPopover.openBy(nlqExplainButton);
            },
        });
        nlqExplainButton.addStyleClass("sapUshellSearchNlqExplainButton");
        this.addContent(nlqExplainButton);

        const nlqExplainText = new FormattedText(this.getId() + "-nlqExplainText", {
            htmlText: {
                parts: [{ path: "/nlqResult/filterDescription" }],
                formatter: (sFilterDesc: string) => {
                    if (!sFilterDesc) {
                        return i18n.getText("nlqNoFilter");
                    }

                    // Replace br tags with spaces
                    let result = sFilterDesc.replace(/<br\s*\/?>/gi, " ");
                    // Remove all HTML tags except strong and em
                    result = result.replace(/<(?!\/?(?:strong|em)\b)[^>]*>/gi, "");
                    return result;
                },
            },
        }).addStyleClass("sapUshellSearchNlqFilterFormattedTextEllipsis");

        // store the reference
        this._nlqExplainText = nlqExplainText;
        this.addContent(nlqExplainText);

        const toolbarSpacer = new ToolbarSpacer(this.getId() + "-nlqExplainToolbarSpacer", {});
        this.addContent(toolbarSpacer);

        const nlqExplainFilterLink = new Link(this.getId() + "-nlqExplainFilterLink", {
            text: "{i18n>nlqExplainViewAll}",
            tooltip: "{i18n>nlqExplainButtonTooltip}",
            visible: false,
            press: () => {
                this._nlqViewAllPopover.setModel(this.getModel());
                this._nlqViewAllPopover.setModel(this.getModel("i18n"), "i18n");
                this._nlqViewAllPopover.openBy(nlqExplainFilterLink);
            },
        });
        nlqExplainFilterLink.addStyleClass("sapUshellSearchNlqExplainLink");
        this._viewAllLink = nlqExplainFilterLink;
        this.addContent(nlqExplainFilterLink);

        this.assembleNlqFilterCopyButton();

        // re-check after text re-renders
        this._nlqExplainText.addEventDelegate(
            {
                onAfterRendering: () => this.updateViewAllVisibility(),
            },
            this
        );

        // register resize handler (once) and do an initial check
        this.addEventDelegate(
            {
                onAfterRendering: () => {
                    if (!this._resizeHandlerId) {
                        this._resizeHandlerId = ResizeHandler.register(this, () => {
                            this.updateViewAllVisibility();
                        });
                    }
                    this.updateViewAllVisibility();
                },
            },
            this
        );
    }

    private assembleNlqViewAllPopover(): Popover {
        const filterDescription = new FormattedText({
            htmlText: {
                parts: [{ path: "/nlqResult/filterDescription" }],
                formatter: (desc: string) => {
                    if (!desc) {
                        return i18n.getText("nlqNoFilter");
                    }

                    return desc;
                },
            },
        });
        filterDescription.addStyleClass("sapUiSmallMargin");

        const popover = new Popover({
            showHeader: false,
            content: [filterDescription],
            placement: PlacementType.Bottom,
        });
        popover.addStyleClass("sapUshellSearchNlqExplainPopover");
        return popover;
    }

    private assembleAiPopover(): Popover {
        const staticText = new FormattedText({
            htmlText: "{i18n>nlqAiPopoverDescription}",
        });
        staticText.addStyleClass("sapUiSmallMargin");

        const closeButton = new Button({
            text: "{i18n>closeBtn}",
            press: () => {
                this._aiPopover.close();
            },
        });

        const popover = new Popover({
            title: "{i18n>nlqAiPopoverTitle}",
            content: [staticText],
            placement: PlacementType.Bottom,
            contentWidth: "400px",
            footer: new Toolbar({
                design: ToolbarDesign.Auto,
                content: [new ToolbarSpacer(), closeButton],
            }),
        });
        popover.addStyleClass("sapUshellSearchNlqExplainPopover");
        this.addDependent(popover);
        return popover;
    }

    private assembleNlqFilterCopyButton(): void {
        const nlqExplainFilterButton = new Button(this.getId() + "-nlqExplainFilterCopyButton", {
            icon: "sap-icon://copy",
            type: "Transparent",
            tooltip: "{i18n>nlqcopyText}",
            press: () => {
                const domRef = this._nlqExplainText.getDomRef();
                const text = (domRef?.textContent || "").replace(/\s+/g, " ").trim();

                // Copy to clipboard
                if (window.navigator.clipboard) {
                    window.navigator.clipboard
                        .writeText(text)
                        .then(() => {
                            MessageToast.show(i18n.getText("nlqCopySuccess"));
                        })
                        .catch((err) => {
                            MessageToast.show(i18n.getText("nlqCopyFailed", [String(err)]));
                        });
                } else {
                    MessageToast.show(i18n.getText("nlqClipboardApiNotAvailable"));
                }
            },
        });
        this.addContent(nlqExplainFilterButton);
    }

    // determine whether the text is visually truncated
    private updateViewAllVisibility(): void {
        const textDom = this._nlqExplainText.getDomRef() as HTMLElement | null;
        if (!textDom) {
            return;
        }

        const isOverflowing = textDom.scrollWidth > textDom.clientWidth + 1;
        if (this._viewAllLink.getVisible() !== isOverflowing) {
            this._viewAllLink.setVisible(isOverflowing);
        }
    }

    // cleanup the resize handler
    exit(): void {
        if (this._resizeHandlerId) {
            ResizeHandler.deregister(this._resizeHandlerId);
            this._resizeHandlerId = undefined;
        }
    }

    static renderer = {
        apiVersion: 2,
    };
}