pragma ComponentBehavior: Bound

import QtQuick
import QtQuick.Layouts
import ZShell.Config
import qs.Components
import qs.Modules.Settings.Common

PageBase {
	id: root

	isSubPage: true
	title: qsTr("Dashboard")

	ColumnLayout {
		anchors.horizontalCenter: parent.horizontalCenter
		anchors.top: parent.top
		spacing: Tokens.spacing.extraSmall / 2
		width: root.cappedWidth

		// General
		SectionHeader {
			first: true
			text: qsTr("General")
		}

		ToggleRow {
			checked: Config.dashboard.enabled
			first: true
			last: true
			settingAnchor: "dashboard-enabled"
			text: qsTr("Enabled")

			onToggled: Config.dashboard.enabled = checked
		}

		// Behavior
		SectionHeader {
			text: qsTr("Behavior")
		}

		ToggleRow {
			checked: Config.dashboard.showOnHover
			first: true
			settingAnchor: "dashboard-showonhover"
			text: qsTr("Show on hover")
			subtext: qsTr("Dashboard %1 be shown when hovering the middle-top part of the shell").arg(checked ? "will" : "will not")

			onToggled: Config.dashboard.showOnHover = checked
		}

		SpinRow {
			from: 30
			settingAnchor: "dashboard-drag-threshold"
			stepSize: 20
			enabled: !Config.dashboard.showOnHover
			subtext: qsTr("How far you need to drag before the panel opens")
			text: qsTr("Drag threshold")
			to: 100
			value: Config.dashboard.dragThreshold

			onMoved: v => Config.dashboard.dragThreshold = v
		}
	}
}