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
		}

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

		ToggleRow {
			first: true
			checked: Config.dashboard.showDashboard
			settingAnchor: "dashboard-show-dashboard"
			text: qsTr("Dashboard")

			onToggled: Config.dashboard.showDashboard = checked
		}

		ToggleRow {
			checked: Config.dashboard.showWeather
			settingAnchor: "dashboard-show-weather"
			text: qsTr("Weather")

			onToggled: Config.dashboard.showWeather = checked
		}

		ToggleRow {
			checked: Config.dashboard.showMedia
			settingAnchor: "dashboard-show-media"
			text: qsTr("Media")

			onToggled: Config.dashboard.showMedia = checked
		}

		ToggleRow {
			checked: Config.dashboard.showProcesses
			settingAnchor: "dashboard-show-processes"
			text: qsTr("Processes")
			last: true

			onToggled: Config.dashboard.showProcesses = 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
			last: true

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