// --- This file has been auto-generated. For permanent changes alter the appropriate block in the README.org. ---
import Quickshell
import Quickshell.Io
import QtQuick
import QtQuick.Layouts

ShellRoot {
    QtObject {
        id: colors
        readonly property color baseAlpha: Qt.rgba(30/255, 30/255, 46/255, 0.95)
        readonly property color base:      "#1e1e2e"
        readonly property color surface0:  "#313244"
        readonly property color surface1:  "#45475a"
        readonly property color surface2:  "#585b70"
        readonly property color text:      "#cdd6f4"
        readonly property color subtext0:  "#a6adc8"
        readonly property color subtext1:  "#bac2de"
        readonly property color blue:      "#89b4fa"
        readonly property color green:     "#a6e3a1"
        readonly property color teal:      "#94e2d5"
        readonly property color red:       "#f38ba8"
        readonly property color mauve:     "#cba6f7"
        readonly property color peach:     "#fab387"
        readonly property color lavender:  "#b4befe"
    }

    // State
    QtObject {
        id: media
        property string artist:   ""
        property string title:    ""
        property string album:    ""
        property string artUrl:   ""
        property string status:   ""
        property string device:   ""
        property real   progress: 0.0
        property real   duration: 0.0
        property real   position: 0.0
    }

    // Poll playerctl every second
    Timer {
        interval: 1000
        running: true
        repeat: true
        onTriggered: {
            artistProc.running = true
            titleProc.running = true
            albumProc.running = true
            artProc.running = true
            statusProc.running = true
            positionProc.running = true
            lengthProc.running = true
        }
    }

    Process {
        id: artistProc
        command: ["playerctl", "metadata", "artist"]
        stdout: StdioCollector { onStreamFinished: media.artist = text.trim() }
    }
    Process {
        id: titleProc
        command: ["playerctl", "metadata", "title"]
        stdout: StdioCollector { onStreamFinished: media.title = text.trim() }
    }
    Process {
        id: albumProc
        command: ["playerctl", "metadata", "album"]
        stdout: StdioCollector { onStreamFinished: media.album = text.trim() }
    }
    Process {
        id: artProc
        command: ["playerctl", "metadata", "mpris:artUrl"]
        stdout: StdioCollector { onStreamFinished: media.artUrl = text.trim() }
    }
    Process {
        id: statusProc
        command: ["playerctl", "status"]
        stdout: StdioCollector { onStreamFinished: media.status = text.trim() }
    }
    Process {
        id: positionProc
        command: ["playerctl", "position"]
        stdout: StdioCollector {
            onStreamFinished: {
                media.position = parseFloat(text.trim()) || 0
                if (media.duration > 0)
                    media.progress = media.position / media.duration
            }
        }
    }
    Process {
        id: lengthProc
        command: ["playerctl", "metadata", "mpris:length"]
        stdout: StdioCollector {
            onStreamFinished: {
                media.duration = (parseFloat(text.trim()) || 0) / 1000000
            }
        }
    }

    // Playback controls
    Process { id: prevProc;   command: ["playerctl", "previous"] }
    Process { id: playProc;   command: ["playerctl", "play-pause"] }
    Process { id: nextProc;   command: ["playerctl", "next"] }

    FloatingWindow {
        id: root
        title: "quickshell-media"
        visible: true
        implicitWidth: 300
        implicitHeight: 440
        color: "transparent"

        Shortcut {
            sequence: "Escape"
            onActivated: Qt.quit()
        }

        // Gradient border
        Rectangle {
            anchors.fill: parent
            anchors.margins: -2
            radius: 18
            z: -1
            opacity: root.active ? 0 : 1
            Behavior on opacity {
                    NumberAnimation { duration: 150 }
                }
            gradient: Gradient {
                orientation: Gradient.Horizontal
                GradientStop { position: 0.0; color: colors.blue }
                GradientStop { position: 1.0; color: colors.green }
                }
        }

        Rectangle {
            anchors.fill: parent
            radius: 16
            color: colors.base

            ColumnLayout {
                anchors {
                    fill: parent
                    margins: 16
                }
                spacing: 12

                // Album art
                Rectangle {
                    Layout.fillWidth: true
                    Layout.preferredHeight: 200
                    radius: 12
                    color: colors.surface0
                    clip: true

                    Image {
                        anchors.fill: parent
                        source: media.artUrl
                        fillMode: Image.PreserveAspectCrop
                        visible: media.artUrl !== ""
                    }

                    // Placeholder when no art
                    Text {
                        anchors.centerIn: parent
                        text: "󰝚"
                        font.pixelSize: 48
                        color: colors.surface2
                        visible: media.artUrl === ""
                    }
                }

                // Artist
                Text {
                    Layout.fillWidth: true
                    text: media.artist || "Unknown artist"
                    color: colors.subtext1
                    font.pixelSize: 12
                    elide: Text.ElideRight
                }

                // Title
                Text {
                    Layout.fillWidth: true
                    text: media.title || "Nothing playing"
                    color: colors.text
                    font.pixelSize: 14
                    font.bold: true
                    elide: Text.ElideRight
                }

                // Album
                Text {
                    Layout.fillWidth: true
                    text: media.album
                    color: colors.subtext0
                    font.pixelSize: 11
                    elide: Text.ElideRight
                    visible: media.album !== ""
                }

                // Device (Spotify)
                Text {
                    Layout.fillWidth: true
                    text: "󰓻 " + media.device
                    color: colors.green
                    font.pixelSize: 11
                    visible: media.device !== ""
                }

                // Progress bar
                Rectangle {
                    Layout.fillWidth: true
                    height: 4
                    radius: 2
                    color: colors.surface1

                    Rectangle {
                        width: parent.width * media.progress
                        height: parent.height
                        radius: parent.radius
                        gradient: Gradient {
                            orientation: Gradient.Horizontal
                            GradientStop { position: 0.0; color: colors.blue }
                            GradientStop { position: 1.0; color: colors.green }
                        }
                    }
                }

                // Time
                RowLayout {
                    Layout.fillWidth: true

                    Text {
                        text: {
                            var m = Math.floor(media.position / 60)
                            var s = Math.floor(media.position % 60)
                            return m + ":" + (s < 10 ? "0" + s : s)
                        }
                        color: colors.subtext0
                        font.pixelSize: 11
                    }

                    Item { Layout.fillWidth: true }

                    Text {
                        text: {
                            var m = Math.floor(media.duration / 60)
                            var s = Math.floor(media.duration % 60)
                            return m + ":" + (s < 10 ? "0" + s : s)
                        }
                        color: colors.subtext0
                        font.pixelSize: 11
                    }
                }

                // Playback controls
                RowLayout {
                    Layout.fillWidth: true
                    Layout.alignment: Qt.AlignHCenter
                    spacing: 24

                    Text {
                        text: "󰒮"
                        font.pixelSize: 22
                        color: prevHover.containsMouse ? colors.blue : colors.text
                        MouseArea {
                            id: prevHover
                            anchors.fill: parent
                            hoverEnabled: true
                            onClicked: prevProc.running = true
                        }
                    }

                    Text {
                        text: media.status === "Playing" ? "󰏤" : "󰐊"
                        font.pixelSize: 28
                        color: playHover.containsMouse ? colors.green : colors.text
                        MouseArea {
                            id: playHover
                            anchors.fill: parent
                            hoverEnabled: true
                            onClicked: playProc.running = true
                        }
                    }

                    Text {
                        text: "󰒭"
                        font.pixelSize: 22
                        color: nextHover.containsMouse ? colors.blue : colors.text
                        MouseArea {
                            id: nextHover
                            anchors.fill: parent
                            hoverEnabled: true
                            onClicked: nextProc.running = true
                        }
                    }
                }
            }
        }
    }
}