import Quickshell
import Quickshell.Hyprland
import QtQuick
import qs.Services

Rectangle {
	anchors.verticalCenter: parent.verticalCenter
	anchors.left: parent.left
	implicitWidth: workspaces.implicitWidth + 12*2
	height: parent.height
	color: Flexoki.bg
	radius: 18

	Row {
		id: workspaces
		anchors.centerIn: parent
		height: 20
		spacing: 6

		Repeater {
			model: 10

			delegate: Rectangle {
				property HyprlandWorkspace ws: {
					Hyprland.workspaces.values.find(ws => (
						ws.monitor && ws.monitor.name === root.screen.name && ws.id % 10 === index + 1
					)) || null
				}
				property bool focused: {
					ws && ws.focused
				}
				property bool occupied: {
					ws && ws.toplevels.values.length > 0
				}

				width: 20
				height: 20
				radius: 10

				color: {
					if (!focused) return "transparent"
					return occupied ? Flexoki.re : Flexoki.ui3
				}

				border.width: 2
				border.color: occupied ? Flexoki.re : Flexoki.ui3
			}
		}
	}
}