import QtQuick
import Quickshell
import Quickshell.Io
import qs

Column {
    id: page

    // the map is drawn over this
    property string wallpaper: ""

    spacing: Theme.dp(26)
    // the header switch turns the whole layer off, so the page has nothing left to set
    enabled: Prefs.widgetsEnabled
    opacity: Prefs.widgetsEnabled ? 1 : 0.38

    Behavior on opacity {
        NumberAnimation {
            duration: Theme.durShort
        }

    }

    FileView {
        path: Quickshell.env("HOME") + "/.cache/current_wallpaper"
        blockLoading: true
        printErrors: false
        watchChanges: true
        onFileChanged: reload()
        onLoaded: page.wallpaper = text().trim()
    }

    WidgetsMap {
        width: parent.width
        wallpaper: page.wallpaper
    }

    SettingCard {
        title: "ON THE DESKTOP"

        SettingRow {
            title: "Widget panel"
            description: "Every widget there is, to drag out onto the desktop or click in, the ones already out there, and layouts to start from or save. It opens from the desktop's right-click menu too."
            showDivider: false

            M3Button {
                text: "Open the panel"
                variant: "tonal"
                iconPath: "widgets"
                onClicked: {
                    Prefs.settingsHideRequested();
                    Widgets.openPanel(Monitors.mainScreen ? Monitors.mainScreen.name : "");
                }
            }

        }

        SettingRow {
            title: "Edit mode"
            description: "The desktop shades over and everything on it can be moved: widgets, the bar's modules and the dock. Right-click anything for its options."
            showDivider: false

            M3Button {
                text: "Edit the desktop"
                variant: "tonal"
                iconPath: "edit"
                onClicked: Edit.enterFromSettings("widgets", "")
            }

        }

    }

    SettingCard {
        title: "BEHAVIOUR"

        SettingRow {
            title: "Snap while dragging"
            resetKey: "widgetSnap"
            description: "Widgets catch on the screen's edges and centre lines, and line up with each other, so a hand-placed arrangement still looks deliberate."

            M3Switch {
                checked: Prefs.widgetSnap
                onToggled: (v) => {
                    return Prefs.widgetSnap = v;
                }
            }

        }

        SettingRow {
            title: "Pin everything"
            resetKey: "widgetLockAll"
            description: "Locks every widget where it stands, including the ones that are not individually pinned. Useful once the layout is settled."

            M3Switch {
                checked: Prefs.widgetLockAll
                onToggled: (v) => {
                    return Prefs.widgetLockAll = v;
                }
            }

        }

        SettingRow {
            title: "Keep above windows"
            resetKey: "widgetOnTop"
            description: "Off, widgets live on the desktop and windows cover them. On, they float over everything - handy for a clock or a timer you always want in sight."

            M3Switch {
                checked: Prefs.widgetOnTop
                onToggled: (v) => {
                    return Prefs.widgetOnTop = v;
                }
            }

        }

        SettingRow {
            title: "Hide when tiled or fullscreen windows are open"
            resetKey: "widgetHideFullscreen"
            description: "Widgets step aside while a tiled or fullscreen window is on the workspace; they return on empty workspaces and stay over floating windows."
            showDivider: false

            M3Switch {
                checked: Prefs.widgetHideFullscreen
                onToggled: (v) => {
                    return Prefs.widgetHideFullscreen = v;
                }
            }

        }

    }

}