/*!
 * SAPUI5
 * Copyright (c) 2025 SAP SE or an SAP affiliate company. All rights reserved.
 */
import i18n from "../../i18n";
import SearchResultListItem from "./SearchResultListItem";
import SearchText from "./SearchText";
import * as SearchHelper from "sap/esh/search/ui/SearchHelper";
import Icon from "sap/ui/core/Icon";
import IconPool from "sap/ui/core/IconPool";
import DateFormat from "sap/ui/core/format/DateFormat";
import RenderManager from "sap/ui/core/RenderManager";
import SearchLink from "../SearchLink";
import SearchModel from "../../SearchModel";
import Locale from "sap/ui/core/Locale";
import Localization from "sap/base/i18n/Localization";

/**
 * @namespace sap.esh.search.ui.controls
 */
export default class SearchResultListItemDocument extends SearchResultListItem {
    protected _renderContentContainer(oRm: RenderManager): void {
        oRm.openStart("div", this.getId() + "-content");
        oRm.class("sapUshellSearchResultListItem-Content");
        oRm.openEnd();

        this._renderTitleContainer(oRm);
        this._renderAttributesContainer(oRm);

        oRm.close("div");
    }

    protected _renderTitleContainer(oRm: RenderManager): void {
        const oModel = this.getModel() as SearchModel;

        if (!oModel.config.optimizeForValueHelp) {
            oRm.openStart("div", this.getId() + "-title-and-image-container");
            oRm.class("sapUshellSearchResultListItem-TitleAndImageContainer");
            oRm.openEnd();
        }

        oRm.openStart("div", this.getId() + "-title-container");
        oRm.class("sapUshellSearchResultListItem-TitleContainer");
        if (oModel.config.optimizeForValueHelp) {
            oRm.class("sapUshellSearchResultListItem-TitleContainerValueHelp");
        }
        oRm.openEnd();

        this._renderCheckbox(oRm);

        /// Title
        const titleURL = this.getProperty("additionalParameters").titleUrl;
        const titleLink = this.getAggregation("_titleLink") as SearchLink;
        titleLink.setHref(titleURL);
        titleLink.setText(this.getProperty("title"));

        if (titleURL.length === 0) {
            titleLink.setEnabled(false);
        }

        oRm.renderControl(titleLink);

        /// Object Type
        const typeText = this.getAggregation("_typeText") as SearchText;
        typeText.setText(this.getProperty("type"));
        oRm.renderControl(typeText);
        // close div sapUshellSearchResultListItem-TitleContainer
        oRm.close("div");

        if (!oModel.config.optimizeForValueHelp) {
            this._renderImageForPhone(oRm);
            // close div sapUshellSearchResultListItem-TitleAndImageContainer
            oRm.close("div");
        }
    }

    protected _renderAttributesContainer(oRm: RenderManager): void {
        oRm.openStart("div", this.getId() + "-attributes-expand-container");
        oRm.class("sapUshellSearchResultListItemDoc-AttributesExpandContainer");

        const expanded = this.getProperty("expanded");
        if (expanded) {
            oRm.class("sapUshellSearchResultListItem-AttributesExpanded");
        }

        oRm.openEnd();

        oRm.openStart("div", this.getId() + "-attributes-and-actions");
        oRm.class("sapUshellSearchResultListItem-AttributesAndActions");
        oRm.openEnd();

        oRm.openStart("ul", this.getId() + "-attributes");
        oRm.class("sapUshellSearchResultListItem-Attributes");
        oRm.openEnd();

        this._renderThumbnailSnippetContainer(oRm);
        this._renderDocAttributesContainer(oRm);

        // This is just a dummie attribute to store additional space information for the expand and collapse JavaScript function
        oRm.openStart("div", this.getId() + "-expand-spacer-attribute");
        oRm.class("sapUshellSearchResultListItem-ExpandSpacerAttribute");
        oRm.attr("aria-hidden", "true");
        oRm.openEnd();
        oRm.close("div");

        oRm.close("ul");

        this._renderRelatedObjectsToolbar(oRm);
        // close div sapUshellSearchResultListItem-AttributesAndActions
        oRm.close("div");
        // close div sapUshellSearchResultListItemDoc-AttributesExpandContainer
        oRm.close("div");
    }

    private _renderThumbnailContainer(oRm: RenderManager) {
        if (!this.getProperty("imageUrl")) {
            return;
        }

        if (this.getProperty("containsThumbnail") === true) {
            oRm.openStart("div", this.getId() + "-thumbnail-container");
            oRm.class("sapUshellSearchResultListItemDoc-ThumbnailContainer");
            oRm.openEnd();
            oRm.openStart("div", this.getId() + "-thumbnail-container-inner");
            oRm.class("sapUshellSearchResultListItemDoc-ThumbnailContainerInner");
            oRm.openEnd();

            const oZoomIcon = new Icon({
                src: IconPool.getIconURI("search"),
                useIconTooltip: false,
            });
            if (this.getProperty("containsSuvFile") === true) {
                const pressHandler = function () {
                    window.open(this.getSuvlink(), "_blank", "noopener,noreferrer");
                };
                oZoomIcon.attachPress(pressHandler);
            }

            oZoomIcon.addStyleClass("sapUshellSearchResultListItemDoc-ThumbnailZoomIcon");
            oRm.renderControl(oZoomIcon);
            if (this.getProperty("containsSuvFile") === true) {
                oRm.openStart("a", this.getId() + "-suv-link-1");
                oRm.attr("target", "_blank");
                oRm.attr("href", this.getProperty("suvlink"));
                oRm.attr("rel", "noopener noreferrer");
                oRm.openEnd();
            } else {
                oRm.openStart("a", this.getId() + "-suv-link-2");
                oRm.attr("target", "_blank");
                oRm.attr("rel", "noopener noreferrer");
                oRm.openEnd();
            }

            oRm.openStart("img", this.getId() + "-thumbnail");
            oRm.class("sapUshellSearchResultListItemDoc-Thumbnail");
            oRm.attr("src", this.getProperty("imageUrl"));
            oRm.openEnd();
            oRm.close("img");

            oRm.close("a");
            // close div for sapUshellSearchResultListItemDoc-ThumbnailContainerInner
            oRm.close("div");
            // close div for sapUshellSearchResultListItemDoc-ThumbnailContainer
            oRm.close("div");
        } else {
            oRm.openStart("div", this.getId() + "-thumbnail-container-hidden");
            oRm.class("sapUshellSearchResultListItemDoc-ThumbnailContainer-hidden");
            oRm.openEnd();
            oRm.close("div");
        }
    }

    protected _renderImageForPhone(oRm: RenderManager): void {
        if (this.getProperty("imageUrl") && this.getProperty("containsThumbnail") === true) {
            oRm.openStart("div", this.getId() + "-title-image");
            oRm.class("sapUshellSearchResultListItem-TitleImage");
            oRm.openEnd();

            oRm.openStart("div", this.getId() + "-image-container-alignment-helper");
            oRm.class("sapUshellSearchResultListItem-ImageContainerAlignmentHelper");
            oRm.openEnd();
            oRm.close("div");

            oRm.openStart("img", this.getId() + "-image");
            oRm.class("sapUshellSearchResultListItem-Image");
            oRm.attr("src", this.getProperty("imageUrl"));
            oRm.openEnd();
            oRm.close("img");

            oRm.close("div");
        }
    }

    private _renderDocAttributesContainer(oRm: RenderManager): void {
        oRm.openStart("div", this.getId() + "-attributes-container");
        oRm.class("sapUshellSearchResultListItemDoc-AttributesContainer");
        oRm.openEnd();
        const itemAttributes = this.getProperty("attributes");
        this._renderAllAttributes(oRm, itemAttributes);
        oRm.close("div");
    }

    private _renderThumbnailSnippetContainer(oRm: RenderManager): void {
        oRm.openStart("div", this.getId() + "-thumbnail-snippet-container");
        oRm.class("sapUshellSearchResultListItemDoc-ThumbnailSnippetContainer");
        oRm.openEnd();
        this._renderThumbnailContainer(oRm);
        this._renderSnippetContainer(oRm);
        oRm.close("div");
    }

    private _renderSnippetContainer(oRm: RenderManager): void {
        const itemAttributes = this.getProperty("attributes");
        for (let i = 0; i < itemAttributes.length; i++) {
            const itemAttribute = itemAttributes[i];
            if (itemAttribute.longtext) {
                const value = new SearchText();
                value.setText(itemAttribute.value);
                value.addStyleClass("sapUshellSearchResultListItemDoc-Snippet");
                oRm.renderControl(value);
            }
        }
    }

    // render Attributes
    // ===================================================================
    protected _renderAllAttributes(oRm: RenderManager, itemAttributes: Array<any>): void {
        let itemAttribute;
        let labelText;
        let valueText;
        let value;
        let oProperty;

        // skip first attribute which is the title attribute for the table
        let numberOfMainAttributes = 8;
        if (this.getProperty("imageUrl")) {
            numberOfMainAttributes--;
        }

        const containsFilePropertyAttribute = function (attributeList) {
            let attr;
            for (let i = 0; i < attributeList.length; i++) {
                attr = attributeList[i];
                if (attr.key === "FILE_PROPERTY" && attr.value) {
                    return true;
                }
            }
            return false;
        };

        const bContainsFilePropertyAttribute = containsFilePropertyAttribute(itemAttributes);

        this.destroyAggregation("_attributeValues");

        let i, j, k;
        for (; j < numberOfMainAttributes && i < itemAttributes.length; i++) {
            itemAttribute = itemAttributes[i];

            if (itemAttribute.isTitle || itemAttribute.longtext) {
                continue;
            }

            if (bContainsFilePropertyAttribute === true && itemAttribute.key !== "FILE_PROPERTY") {
                continue;
            }

            if (!itemAttribute.value) {
                continue;
            }

            if (bContainsFilePropertyAttribute === true) {
                const aFileProperties = JSON.parse(itemAttribute.value);

                for (; k < aFileProperties.length && k < 10; k++) {
                    // currently the maximum limit for file properties is 10
                    oProperty = aFileProperties[k];

                    switch (oProperty.type) {
                        case "date-time": {
                            // format date type
                            const oDate = new Date(oProperty.value);
                            const oDateFormat = DateFormat.getDateTimeInstance(
                                {
                                    style: "medium",
                                },
                                new Locale(Localization.getLanguageTag().toString())
                            );
                            valueText = oDateFormat.format(oDate);
                            break;
                        }
                        case "byte":
                            valueText = SearchHelper.formatFileSize(Number(oProperty.value));
                            break;
                        case "integer":
                            valueText = SearchHelper.formatInteger(Number(oProperty.value));
                            break;

                        default:
                            valueText = oProperty.value;
                    }
                    labelText = oProperty.category + ": " + oProperty.name;
                    if (valueText === undefined) {
                        continue;
                    }
                    if (!valueText || valueText === "") {
                        valueText = SearchResultListItem.noValue;
                    }

                    value = new SearchText();
                    value.setText(valueText);
                    value.addStyleClass("sapUshellSearchResultListItemDoc-AttributeValue");
                    value.addStyleClass("sapUshellSearchResultListItem-MightOverflow");
                    oRm.renderControl(value);
                    this.addAggregation("_attributeValues", value, true /* do not invalidate this object */);
                }
            } else {
                labelText = itemAttribute.name;
                valueText = itemAttribute.value;
                if (labelText === undefined || valueText === undefined) {
                    continue;
                }
                if (!valueText || valueText === "") {
                    valueText = SearchResultListItem.noValue;
                }

                value = new SearchText();
                value.setText(valueText);
                value.addStyleClass("sapUshellSearchResultListItemDoc-AttributeValue");
                value.addStyleClass("sapUshellSearchResultListItem-MightOverflow");
                oRm.renderControl(value);
                this.addAggregation("_attributeValues", value, true /* do not invalidate this object */);
            }

            j++;
        }
    }

    protected _getExpandAreaObjectInfo(): any {
        const resultListItem = this.getDomRef() as HTMLElement;

        const attributesExpandContainer = resultListItem.querySelector(
            ".sapUshellSearchResultListItemDoc-AttributesExpandContainer"
        ) as HTMLElement;
        const relatedObjectsToolbar = resultListItem.querySelector(
            ".sapUshellSearchResultListItem-RelatedObjectsToolbar"
        ) as HTMLElement;

        let relatedObjectsToolbarHidden = false;
        if (relatedObjectsToolbar && window.getComputedStyle(relatedObjectsToolbar).display === "none") {
            relatedObjectsToolbar.style.display = "block";
            relatedObjectsToolbarHidden = true;
        }

        const currentHeight = attributesExpandContainer ? attributesExpandContainer.offsetHeight : 0;
        const expandedHeight = (() => {
            const elem = resultListItem.querySelector(
                ".sapUshellSearchResultListItem-AttributesAndActions"
            ) as HTMLElement;
            return elem ? elem.offsetHeight : 0;
        })();

        if (relatedObjectsToolbarHidden && relatedObjectsToolbar) {
            relatedObjectsToolbar.style.display = "";
        }

        const elementsToFadeInOrOut: HTMLElement[] = [];
        resultListItem.querySelectorAll(".sapUshellSearchResultListItem-GenericAttribute").forEach((el) => {
            const element = el as HTMLElement;
            const order = Number(window.getComputedStyle(element).order);
            if (order > 2) {
                elementsToFadeInOrOut.push(element);
            }
        });

        const expandAnimationDuration = 200;
        const fadeInOrOutAnimationDuration = expandAnimationDuration / 10;

        const expandAreaObjectInfo = {
            resultListItem: resultListItem,
            attributesExpandContainer: attributesExpandContainer,
            currentHeight: currentHeight,
            expandedHeight: expandedHeight,
            elementsToFadeInOrOut: elementsToFadeInOrOut,
            expandAnimationDuration: expandAnimationDuration,
            fadeInOrOutAnimationDuration: fadeInOrOutAnimationDuration,
            relatedObjectsToolbar: relatedObjectsToolbar,
        };

        return expandAreaObjectInfo;
    }

    hideDetails(): void {
        const resultListItem = this.getDomRef() as HTMLElement;

        if (!this.isShowingDetails()) {
            return;
        }

        const expandAreaObjectInfo = this._getExpandAreaObjectInfo();

        // get the height of the first element with class 'sapUshellSearchResultListItem-Attributes'
        const attributesElem = resultListItem.querySelector(
            ".sapUshellSearchResultListItem-Attributes"
        ) as HTMLElement;
        // include margin if needed
        let attributeHeight = 0;
        if (attributesElem) {
            const style = window.getComputedStyle(attributesElem);
            attributeHeight =
                attributesElem.offsetHeight + parseFloat(style.marginTop) + parseFloat(style.marginBottom);
        }

        // animate height of attributesExpandContainer
        const attributesExpandContainer = expandAreaObjectInfo.attributesExpandContainer as HTMLElement;
        const elementsToFadeInOrOut = expandAreaObjectInfo.elementsToFadeInOrOut as HTMLElement[];
        const expandAnimationDuration = expandAreaObjectInfo.expandAnimationDuration;
        const fadeInOrOutAnimationDuration = expandAreaObjectInfo.fadeInOrOutAnimationDuration;

        // animate height
        const heightAnimation = attributesExpandContainer.animate(
            [{ height: attributesExpandContainer.offsetHeight + "px" }, { height: attributeHeight + "px" }],
            {
                duration: expandAnimationDuration,
                fill: "forwards",
                easing: "ease",
            }
        );

        // animate opacity for elements to fade out
        const fadePromises: Promise<Animation>[] = [];
        for (const el of elementsToFadeInOrOut) {
            const fadeAnim = el.animate([{ opacity: getComputedStyle(el).opacity }, { opacity: "0" }], {
                duration: fadeInOrOutAnimationDuration,
                fill: "forwards",
                easing: "ease",
            });
            fadePromises.push(fadeAnim.finished.then(() => fadeAnim));
        }

        // when both animations are done
        Promise.all([heightAnimation.finished, ...fadePromises]).then(() => {
            this.setProperty("expanded", false, true);

            attributesExpandContainer.classList.remove("sapUshellSearchResultListItem-AttributesExpanded");
            elementsToFadeInOrOut.forEach((el: HTMLElement) => {
                el.style.opacity = "";
            });

            const iconArrowDown = IconPool.getIconURI("slim-arrow-down");
            const expandButton = this.getAggregation("_expandButton") as import("sap/m/Button").default;
            if (expandButton) {
                expandButton.setTooltip(i18n.getText("showDetailBtn_tooltip"));
                expandButton.setIcon(iconArrowDown);
            }
        });
    }
    static renderer = {
        apiVersion: 2,
    };
}