import QtQuick
import QtQuick.Layouts
import Quickshell
import Quickshell.Wayland
import "." as M

PanelWindow {
    id: bar

    required property var screen

    color: "transparent"

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

    implicitHeight: M.Theme.barHeight
    exclusiveZone: implicitHeight

    Rectangle {
        anchors.fill: parent
        color: M.Theme.base00
        opacity: M.Theme.barOpacity
    }

    Item {
        anchors.fill: parent
        anchors.leftMargin: 8
        anchors.rightMargin: 8

        // ---- left ----
        RowLayout {
            anchors.left: parent.left
            anchors.verticalCenter: parent.verticalCenter
            spacing: 8

            // M.Workspaces {}
            M.Tray { bar: bar }
            M.WindowTitle { Layout.maximumWidth: 400 }
        }

        // ---- center ----
        RowLayout {
            anchors.centerIn: parent
            spacing: 8

            M.Clock {}
            M.Notifications {}
        }

        // ---- right ----
        RowLayout {
            anchors.right: parent.right
            anchors.verticalCenter: parent.verticalCenter
            spacing: 12

            M.Mpris {}
            M.Volume {}
            M.Bluetooth {}
            M.Backlight {}
            M.Network {}
            M.PowerProfile {}
            M.IdleInhibitor {}
            M.Weather {}
            M.Temperature {}
            M.Cpu {}
            M.Memory {}
            M.Disk {}
            M.Battery {}
            M.Wlogout {}
        }
    }
}