pragma ComponentBehavior: Bound

import Quickshell
import QtQuick

ShellRoot {
    id: root

    property color bgColor: "#6a6365"
    property color recColor: "#595254"
    property color fontColor: "#FFFFFF"
    property int fontSize: 14
    property int barWidth: 50
    property int recRadius: 8
    property int recLength: 35
    property int myMargin: 10
    property int edgeMargin: 15

    SystemClock {
        id: clock
        precision: SystemClock.Minutes
    }

    Variants {
        model: Quickshell.screens

        delegate: Scope {
            id: delegate
            required property var modelData

            property bool powerExpanderOpen: false
            property bool calendarExpanderOpen: false

            SideBar {
                clock: clock
                screen: delegate.modelData
                bgColor: root.bgColor
                recColor: root.recColor
                fontColor: root.fontColor
                fontSize: root.fontSize
                barWidth: root.barWidth
                recRadius: root.recRadius
                recLength: root.recLength
                myMargin: root.myMargin
                edgeMargin: root.edgeMargin

                powerExpanderOpen: delegate.powerExpanderOpen
                onPowerExpanderOpenChanged: delegate.powerExpanderOpen = powerExpanderOpen

                calendarExpanderOpen: delegate.calendarExpanderOpen
                onCalendarExpanderOpenChanged: delegate.calendarExpanderOpen = calendarExpanderOpen
            }

            PowerPopup {
                screen: delegate.modelData
                expanderOpen: delegate.powerExpanderOpen
                bgColor: root.bgColor
                recColor: root.recColor
                recRadius: root.recRadius
                barWidth: root.barWidth
            }

            CalendarPopup {
                screen: delegate.modelData
                expanderOpen: delegate.calendarExpanderOpen
                bgColor: root.bgColor
                recColor: root.recColor
                recRadius: root.recRadius
                barWidth: root.barWidth
            }
        }
    }
}