import QtQuick
import Quickshell.Services.Mpris
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

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

        // 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) && _mprisPlayer !== null

            readonly property var _mprisPlayers: (Mpris.players.values ?? []).filter(p => p.trackTitle || p.playbackState === MprisPlaybackState.Playing || p.playbackState === MprisPlaybackState.Paused)
            property int _playerIdx: 0
            readonly property var _mprisPlayer: _mprisPlayers[_playerIdx] ?? _mprisPlayers[0] ?? null
            readonly property bool _playing: _mprisPlayer?.playbackState === MprisPlaybackState.Playing

            C.MprisApplet {
                id: _mprisContent
                anchors.left: parent.left
                anchors.right: parent.right
                anchors.top: parent.top
                anchors.topMargin: 8
                player: _mprisCard._mprisPlayer
                players: _mprisCard._mprisPlayers
                playing: _mprisCard._playing
                playerIdx: _mprisCard._playerIdx
                accentColor: S.Theme.base0D
                cachedArt: _mprisCard._mprisPlayer?.trackArtUrl ?? ""
                onPlayerSwitched: idx => {
                    _mprisCard._playerIdx = 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
            }
        }
    }
}