import Quickshell
import QtQuick
import QtQuick.Layouts
import qs.settings
import qs

Variants {
    model: Quickshell.screens
    delegate: PanelWindow {
        id: root
        required property ShellScreen modelData
	aboveWindows: true
        margins {
            top: Settings.config.floating ? Settings.config.margins : 0
            left: Settings.config.floating ? Settings.config.margins : 0
            right: Settings.config.floating ? Settings.config.margins : 0
        }
        screen: modelData
        anchors {
            top: true
            left: true
            right: true
        }
        implicitHeight: Settings.config.barHeight
        color: "transparent"
        Rectangle {
            id: bar
            radius: Settings.config.floating ? Settings.config.rounding * 2 : 0
            anchors.fill: parent
            color: ThemeLoader.colors.base00
            RowLayout {
                id: left
                anchors.leftMargin: Settings.config.floating ? Settings.config.barHeight / 2  - 10: 10
                anchors {
                    left: parent.left
                    verticalCenter: parent.verticalCenter
                }
                Ws {
                    barScreen: root.modelData
                }
                MPris {}
            }
            RowLayout {
                id: center
                anchors {
                    centerIn: parent
                }
                Title {}
            }
            RowLayout {
                id: right
                anchors {
                    right: parent.right
                    verticalCenter: parent.verticalCenter
                    rightMargin: Settings.config.floating ? Settings.config.barHeight / 2 - 10 : 10
                }
                Clock {}
                StatusIcons {}
		Tray {}
            }
        }
    }
}