import QtQuick
import Quickshell.Services.Mpris
import qs
import qs.settings
import qs.reusables

Rectangle {
    id: container
    visible: root.spotify != null
    radius: implicitHeight / 2
    color: clickHandler.containsMouse ? Colors.color5 : Colors.color6
    anchors.verticalCenter: parent.verticalCenter
    implicitWidth: root.implicitWidth + 20
    implicitHeight: Settings.config.barHeight - 10
    Item {
        id: root
        property var spotify: root.getSpotify()
        function getSpotify() {
            for (let i = 0; i < Mpris.players.values.length; i++) {
                if (Mpris.players.values[i].identity.toLowerCase() === "spotify") {
                    return Mpris.players.values[i];
                }
            }
            return null;
        }
        anchors.horizontalCenter: parent.horizontalCenter
        implicitWidth: statusRow.implicitWidth
    
        Row {
          id: statusRow
            property var combinedText: root.spotify.trackArtist + " - " + root.spotify.trackTitle + " "
            property var status: !root.spotify.isPlaying ? "play_arrow" : "pause"
        CustomText {
            id: mprisText
            text: root.spotify != null ? parent.combinedText   : ""
          }
          CustomIcon {
            id: mprisStatus
            text: parent.status
          }

        }
    }
    MouseArea {
        id: clickHandler
        anchors.fill: parent
        hoverEnabled: true
        acceptedButtons: Qt.LeftButton | Qt.RightButton
        cursorShape: Qt.PointingHandCursor
        onDoubleClicked: mouse => {
            if (mouse.button == Qt.LeftButton) {
                root.spotify.next();
            }
        }
        onClicked: mouse => {
            if (mouse.button == Qt.RightButton) {
                root.spotify.togglePlaying();
            }
        }
    }
}