pragma ComponentBehavior: Bound

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

PageBase {
	id: root

	isSubPage: true
	title: qsTr("Taskbar")

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

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

		ToggleRow {
			checked: Config.bar.autoHide
			first: true
			settingAnchor: "bar-autohide"
			subtext: qsTr("Hide the bar, reveal on hover")
			text: qsTr("Auto hide")

			onToggled: Config.bar.autoHide = checked
		}

		SelectRow {
			active: Config.bar.position === "top" ? menuItems[0] : Config.bar.position === "left" ? menuItems[1] : menuItems[2]
			last: true
			settingAnchor: "bar-position"
			subtext: qsTr("Automatic or manual effect values")
			text: qsTr("Effects mode")

			menuItems: [
				MenuItem {
					icon: "build"
					text: qsTr("Top")
					value: "top"
				},
				MenuItem {
					icon: "rotate_auto"
					text: qsTr("Left")
					value: "left"
				},
				MenuItem {
					icon: "rotate_auto"
					text: qsTr("Bottom")
					value: "bottom"
				}
			]

			onSelected: item => {
				Config.bar.position = item.value;
				Config.save();
			}
		}

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

		NavRow {
			first: true
			icon: "widgets"
			settingAnchor: "bar-tray"
			status: qsTr("System tray icons")
			text: qsTr("Tray")

			onClicked: root.sState.openSubPage(6)
		}

		NavRow {
			icon: "signal_cellular_alt"
			settingAnchor: "bar-statusicons"
			status: qsTr("Visible indicators")
			text: qsTr("Status icons")

			onClicked: root.sState.openSubPage(7)
		}

		NavRow {
			icon: "schedule"
			last: true
			settingAnchor: "bar-clock"
			status: qsTr("Date, icon, background")
			text: qsTr("Clock")

			onClicked: root.sState.openSubPage(8)
		}
	}
}