import QtQuick
import QtQuick.Effects
import QtQuick.Layouts
import Quickshell
import Quickshell.Hyprland
import "./Bar"
import "Color.js" as Colors

Scope {
  Variants {
	model: Quickshell.screens

	delegate: Component {
	  PanelWindow {
		id: win

		property double barExclusionZone: 15
		property double barMaxHeight: 1000
		required property var modelData
		property HyprlandMonitor monitor: Hyprland.monitorFor(modelData)

		color: "transparent"
		exclusionMode: ExclusionMode.Normal
		exclusiveZone: barExclusionZone
		implicitHeight: barMaxHeight
		screen: modelData

		mask: Region {
		  Region {
			item: left
		  }

		  Region {
			item: center
		  }

		  Region {
			item: right
		  }
		}

		anchors {
		  left: true
		  right: true
		  top: true
		}

		Item {
		  anchors {
			fill: parent
			topMargin: 3
		  }

		  anchors {
			left: parent.left
			leftMargin: 3
			right: parent.right
			rightMargin: 3
			top: parent.top
		  }

		  Row {
			id: left

			anchors {
			  left: parent.left
			  top: parent.top
			}

			WorkspaceSelector {
			  monitor: win.monitor
			}
		  }

		  Row {
			id: center

			anchors {
			  horizontalCenter: parent.horizontalCenter
			  top: parent.top
			}

			Time {
			  monitor: win.monitor
			}
		  }

		  Row {
			id: right

			Layout.alignment: Qt.AlignTop

			anchors {
			  right: parent.right
			  top: parent.top
			}

			Bluetooth {
			  monitor: win.monitor
			}
		  }
		}
	  }
	}
  }
}