import QtQuick
import Quickshell
import qs.Components
import qs.Settings
import Quickshell.Wayland

Item {
    id: activeWindowWrapper
    width: parent.width
    property int fullHeight: activeWindowTitleContainer.height

    y: panel.activeWindowVisible ? barBackground.height : barBackground.height - fullHeight
    height: panel.activeWindowVisible ? fullHeight : 1
    opacity: panel.activeWindowVisible ? 1 : 0
    clip: true

    function getIcon() {
        var icon = Quickshell.iconPath(ToplevelManager.activeToplevel.appId.toLowerCase(), true);
        if (!icon) {
            icon = Quickshell.iconPath(ToplevelManager.activeToplevel.appId, true);
        }
        if (!icon) {
            icon = Quickshell.iconPath(ToplevelManager.activeToplevel.title, true);
        }
        if (!icon) {
            icon = Quickshell.iconPath(ToplevelManager.activeToplevel.title.toLowerCase(), "application-x-executable");
        }

        return icon;
    }

    Behavior on height {
        NumberAnimation {
            duration: 300
            easing.type: Easing.OutQuad
        }
    }
    Behavior on y {
        NumberAnimation {
            duration: 300
            easing.type: Easing.OutQuad
        }
    }
    Behavior on opacity {
        NumberAnimation {
            duration: 250
        }
    }

    Rectangle {
        id: activeWindowTitleContainer
        color: Theme.backgroundPrimary
        bottomLeftRadius: Math.max(0, width / 2)
        bottomRightRadius: Math.max(0, width / 2)

        width: Math.min(barBackground.width - 200, activeWindowTitle.implicitWidth + (Settings.showActiveWindowIcon ? 28 : 22))
        height: activeWindowTitle.implicitHeight + 12

        anchors.top: parent.top
        anchors.horizontalCenter: parent.horizontalCenter

        Image {
            id: icon
            width: 10
            height: 10
            anchors.left: parent.left
            anchors.leftMargin: 6
            anchors.verticalCenter: parent.verticalCenter
            source: ToplevelManager.activeToplevel ? getIcon() : ""
            visible: Settings.showActiveWindowIcon
        }

        Text {
            id: activeWindowTitle
            text: panel.displayedWindowTitle && panel.displayedWindowTitle.length > 60 ? panel.displayedWindowTitle.substring(0, 60) + "..." : panel.displayedWindowTitle
            font.pixelSize: 12
            color: Theme.textSecondary
            elide: Text.ElideRight
            anchors.right: parent.right
            anchors.rightMargin: 6
            horizontalAlignment: Settings.showActiveWindowIcon ? Text.AlignRight : Text.AlignHCenter
            verticalAlignment: Text.AlignVCenter
            anchors.fill: parent

            maximumLineCount: 1
        }
    }

    Corners {
        id: activeCornerRight
        position: "bottomleft"
        size: 1.1
        fillColor: Theme.backgroundPrimary
        offsetX: activeWindowTitleContainer.x + activeWindowTitleContainer.width - 33
        offsetY: 0
        anchors.top: activeWindowTitleContainer.top
    }

    Corners {
        id: activeCornerLeft
        position: "bottomright"
        size: 1.1
        fillColor: Theme.backgroundPrimary
        anchors.top: activeWindowTitleContainer.top
        x: activeWindowTitleContainer.x + 33 - width
        offsetY: 0
    }
}