import QtQuick
import Quickshell.Services.Pipewire
import "../services" as S
import "../applets" as C

Item {
    id: root

    width: 280

    opacity: 0
    property real _slideX: 80

    NumberAnimation on opacity {
        to: 1
        duration: 400
        easing.type: Easing.OutCubic
    }
    NumberAnimation on _slideX {
        to: 0
        duration: 500
        easing.type: Easing.OutCubic
    }

    transform: Translate {
        x: root._slideX
    }

    implicitHeight: _widgetContent.implicitHeight
    visible: _mprisCard.visible || _volumeCard.visible || _backlightCard.visible || _notifPills.visible

    Column {
        id: _widgetContent
        width: parent.width
        spacing: 12

        // Notification pills
        LockNotifPills {
            id: _notifPills
            anchors.horizontalCenter: parent.horizontalCenter
        }

        // Media widget
        Rectangle {
            id: _mprisCard
            width: parent.width
            height: _mprisContent.implicitHeight + 16
            radius: S.Theme.radius + 2
            color: Qt.rgba(S.Theme.base01.r, S.Theme.base01.g, S.Theme.base01.b, 0.7)
            border.color: Qt.rgba(S.Theme.base03.r, S.Theme.base03.g, S.Theme.base03.b, 0.3)
            border.width: 1
            visible: (S.Modules.lock.mpris ?? true) && S.MprisService.player !== null

            C.MprisApplet {
                id: _mprisContent
                anchors.left: parent.left
                anchors.right: parent.right
                anchors.top: parent.top
                anchors.topMargin: 8
                player: S.MprisService.player
                players: S.MprisService.players
                playing: S.MprisService.playing
                playerIdx: S.MprisService.playerIdx
                accentColor: S.Theme.base0D
                cachedArt: S.MprisService.player?.trackArtUrl ?? ""
                onPlayerSwitched: idx => S.MprisService.switchPlayer(idx)
            }
        }

        // Volume widget
        Rectangle {
            id: _volumeCard
            width: parent.width
            height: _volumeContent.implicitHeight + 16
            radius: S.Theme.radius + 2
            color: Qt.rgba(S.Theme.base01.r, S.Theme.base01.g, S.Theme.base01.b, 0.7)
            border.color: Qt.rgba(S.Theme.base03.r, S.Theme.base03.g, S.Theme.base03.b, 0.3)
            border.width: 1
            visible: (S.Modules.lock.volume ?? true) && Pipewire.defaultAudioSink !== null

            PwObjectTracker {
                objects: [Pipewire.defaultAudioSink]
            }

            C.VolumeApplet {
                id: _volumeContent
                anchors.left: parent.left
                anchors.right: parent.right
                anchors.top: parent.top
                anchors.topMargin: 8
                sink: Pipewire.defaultAudioSink
                sinkList: []
                streamList: []
                accentColor: S.Theme.base0E
            }
        }

        // Brightness widget
        Rectangle {
            id: _backlightCard
            width: parent.width
            height: _backlightContent.implicitHeight + 8
            radius: S.Theme.radius + 2
            color: Qt.rgba(S.Theme.base01.r, S.Theme.base01.g, S.Theme.base01.b, 0.7)
            border.color: Qt.rgba(S.Theme.base03.r, S.Theme.base03.g, S.Theme.base03.b, 0.3)
            border.width: 1
            visible: S.BacklightService.available

            C.BacklightApplet {
                id: _backlightContent
                anchors.left: parent.left
                anchors.right: parent.right
                anchors.top: parent.top
                anchors.topMargin: 4
                percent: S.BacklightService.percent
                accentColor: S.Theme.base0A
                onSetPercent: pct => S.BacklightService.setPercent(pct)
            }
        }
    }
}