import QtQuick
import Quickshell
import Quickshell.Hyprland
import "./widgets"

PanelWindow {
    id: panel 

    anchors.top: true
    anchors.left: true
    anchors.right: true

    implicitHeight: 40

    exclusiveZone: height // this is so context menus don't clip into the bar

    property HyprlandMonitor barThisMonitor: Hyprland.monitorFor(screen)

    margins {
        top: 0
        left: 0
        right: 0
    }

    Rectangle { // Bar
        id: bar
        anchors.fill: parent   
        color: "#1a1a1a"
        radius: 0

        Row {   // bar widgets left
            id: widgetsLeft

            anchors.verticalCenter: parent.verticalCenter
            anchors.left: parent.left
            anchors.leftMargin: 16
            spacing: 8
            
            MenuButton {}

            Workspaces { 
                thisMonitor: barThisMonitor 
                anchors.verticalCenter: parent.verticalCenter
            }


        }

        Row {  // bar widgets center
            id: widgetsCenter

            anchors.centerIn: parent

            Clock {}

        }

        Row { // bar widgets right
            id: widgetsRight

            anchors.verticalCenter: parent.verticalCenter
            anchors.right: parent.right
            anchors.rightMargin: 16
            spacing: 8

        }

    }
}