// Copyright (C) 2023 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only WITH Qt-GPL-exception-1.0

import QtQuick
import HelperWidgets as HelperWidgets
import StudioControls as StudioControls
import StudioTheme as StudioTheme
import EffectComposerBackend

StudioControls.ComboBox {
    id: root

    actionIndicatorVisible: false
    x: 5
    width: 60

    model: [selectedImage]

    // hide default popup
    popup.width: 0
    popup.height: 0

    required property Item mainRoot

    property var images: EffectComposerBackend.effectComposerModel.previewImages
    property url selectedImage: EffectComposerBackend.effectComposerModel.currentPreviewImage

    readonly property int popupHeight: Math.min(800, col.height + 2)

    function calculateWindowGeometry() {
        var globalPos = EffectComposerBackend.rootView.globalPos(mainRoot.mapFromItem(root, 0, 0))
        var screenRect = EffectComposerBackend.rootView.screenRect();

        window.width = col.width + 2 // 2: scrollView left and right 1px margins

        var newX = globalPos.x + root.width - window.width
        if (newX < screenRect.x)
            newX = globalPos.x

        var newY = Math.min(screenRect.y + screenRect.height,
                            Math.max(screenRect.y, globalPos.y + root.height - 1))

        // Check if we have more space above or below the control, and put control on that side,
        // unless we have enough room for maximum size popup under the control
        var newHeight
        var screenY = newY - screenRect.y
        if (screenRect.height - screenY > screenY || screenRect.height - screenY > root.popupHeight) {
            newHeight = Math.min(root.popupHeight, screenRect.height - screenY)
        } else {
            newHeight = Math.min(root.popupHeight, screenY - root.height)
            newY = newY - newHeight - root.height + 1
        }

        window.height = newHeight
        window.x = newX
        window.y = newY
    }

    Connections {
        target: root.popup

        function onAboutToShow() {
            EffectComposerBackend.effectComposerModel.previewComboAboutToOpen()
            root.calculateWindowGeometry()

            window.show()
            window.requestActivate()

            // Geometry can get corrupted by first show after screen change, so recalc it
            root.calculateWindowGeometry()
        }

        function onAboutToHide() {
            window.hide()
        }
    }

    contentItem: Item {
        width: 30
        height: 30

        Image {
            source: root.selectedImage
            fillMode: Image.PreserveAspectFit
            smooth: true
            anchors.fill: parent
            anchors.margins: 1
        }

        MouseArea {
            anchors.fill: parent
            enabled: true
            acceptedButtons: Qt.LeftButton
            cursorShape: Qt.PointingHandCursor
            onPressed: (mouse) => {
                if (root.popup.opened)
                    root.popup.close()
                else
                    root.popup.open()
                mouse.accepted = true
            }
        }
    }

    Window {
        id: window

        flags: Qt.Tool | Qt.FramelessWindowHint | Qt.WindowStaysOnTopHint

        onActiveFocusItemChanged: {
            if (!window.activeFocusItem && !root.hovered && root.popup.opened)
                root.popup.close()
        }

        Rectangle {
            anchors.fill: parent
            color: StudioTheme.Values.themePanelBackground
            border.color: StudioTheme.Values.themeInteraction
            border.width: 1
            focus: true

            Column {
                anchors.fill: parent

                Item {
                    id: setCustomItem
                    width: parent.width
                    height: 50

                    HelperWidgets.Button {
                        anchors.fill: parent
                        anchors.bottomMargin: 2
                        anchors.topMargin: col.padding
                        anchors.leftMargin: col.padding
                        anchors.rightMargin: col.padding
                        text: qsTr("Add Custom Image")
                        onClicked: {
                            EffectComposerBackend.effectComposerModel.chooseCustomPreviewImage()
                            root.popup.close()
                        }
                    }
                }


                HelperWidgets.ScrollView {
                    width: parent.width - 2
                    height: parent.height - setCustomItem.height

                    clip: true

                    Column {
                        id: col

                        padding: 10
                        spacing: 10

                        Repeater {
                            model: root.images

                            Rectangle {
                                required property int index
                                required property var modelData

                                color: "transparent"
                                border.color: root.selectedImage === modelData
                                              ? StudioTheme.Values.themeInteraction
                                              : "transparent"

                                width: 200
                                height: 200

                                Image {
                                    source: parent.modelData
                                    anchors.fill: parent
                                    fillMode: Image.PreserveAspectFit
                                    smooth: true
                                    anchors.margins: 1
                                }

                                MouseArea {
                                    id: imageMouseArea
                                    anchors.fill: parent
                                    hoverEnabled: true

                                    onClicked: {
                                        EffectComposerBackend.effectComposerModel.currentPreviewImage
                                                = root.images[index]
                                        root.popup.close()
                                    }
                                }

                                HelperWidgets.IconButton {
                                    anchors.right: parent.right
                                    anchors.rightMargin: 5
                                    anchors.top: parent.top
                                    anchors.topMargin: 5

                                    tooltip: qsTr("Remove custom image.")
                                    visible: index < EffectComposerBackend.effectComposerModel.customPreviewImageCount
                                             && (containsMouse || imageMouseArea.containsMouse)
                                    icon: StudioTheme.Constants.closeCross
                                    buttonSize: 21

                                    onClicked: EffectComposerBackend.effectComposerModel.removeCustomPreviewImage(root.images[index])
                                }
                            }
                        }
                    }
                }
            }

            Keys.onPressed: function(event) {
                if (event.key === Qt.Key_Escape && root.popup.opened)
                    root.popup.close()
            }
        }
    }
}