import Quickshell
import Quickshell.Io
import QtQuick
import QtQuick.Layouts
import Quickshell.Widgets

// Tako kindly threatened you to sort the naming schema and to put all the svg's in an asset folder, so please do that

        PanelWindow {
            property var modelData
            screen: modelData.values[0];

            color: '#20ffffff'
        anchors {
          top: true
          left: true
          right: true
        }

        implicitHeight: 30
        RowLayout {
            anchors {
                fill: parent
                leftMargin: 10
                rightMargin: 10
            }
            RowLayout { // Left
                Layout.alignment: Qt.AlignLeft
            }
            RowLayout { // Center
                // TODO: add icons of the active window per workspace in the workspace tab
                anchors.centerIn: parent
                Workspaces {}
            }
            RowLayout { // Right
                Layout.alignment: Qt.AlignRight
                VerticalSeprator {}
                Loader {
                    sourceComponent: Audio {}
                }
                RowLayout {
                    visible: Player.activePlayer.isPlaying()
                    VerticalSeprator {}
                    PlayerText {
                    }
                }
                VerticalSeprator {}
                WrapperItem {
                    Text { // Date & Time
                        text: Time.time
                        color: '#FFFFFF'
                        font.pointSize: 10.75
                    }
                }
                SystemTray {}
                // VerticalSeprator {}
            }
        }
        Rectangle {
            anchors {
                bottom: parent.bottom
                left: parent.left
                right: parent.right
            }
            height: 2
            color: "#8d8d8d"
        }
      }