pragma Singleton

import QtQuick
import QtQuick.Layouts
import qs.Components
import ZShell.Config
import qs.Modules.Settings.Common
import qs.Modules.Settings.Pages
import qs.Modules.Settings.Pages.Wallpaper
import qs.Modules.Settings.Pages.Audio
import qs.Modules.Settings.Pages.Apps
import qs.Modules.Settings.Pages.Panels
import qs.Modules.Settings.Pages.Panels.Bar
import qs.Modules.Settings.Pages.Panels.Sidebar
import qs.Modules.Settings.Pages.Services
import qs.Services

QtObject {
	id: root

	readonly property list<Component> pageComps: [
		// Appearance
		Component {
			// Wallpaper & style
			StackPage {
				Component {
					WallpaperPage {}
				}

				Component {
					WallpaperSelect {}
				}

				Component {
					ColorsFonts {}
				}
			}
		},
		Component {
			// Screenshot
			StackPage {
				Component {
					ScreenshotPage {}
				}
			}
		},

		// Connectivity
		Component {
			PlaceholderComp {}
		},
		Component {
			PlaceholderComp {}
		},
		Component {
			// Audio
			StackPage {
				Component {
					AudioPage {}
				}

				Component {
					AppVolumes {}
				}
			}
		},

		// Shell
		Component {
			StackPage {
				Component {
					PanelsPage {}
				}

				Component {
					BarPanel {}
				}

				Component {
					DashboardPanel {}
				}

				Component {
					ResourcesPanel {}
				}

				Component {
					LauncherPanel {}
				}

				Component {
					SidebarPanel {}
				}

				// Bar sub pages
				Component {
					BarTray {}
				}

				Component {
					BarStatusIcons {}
				}

				Component {
					BarClock {}
				}

				// Sidebar sub pages
				Component {
					SidebarLlm {}
				}
			}
		},

		// Apps
		Component {
			StackPage {
				Component {
					AppsPage {}
				}

				Component {
					AllApps {}
				}

				Component {
					AppInfo {}
				}
			}
		},

		// Services
		Component {
			StackPage {
				Component {
					ServicesPage {}
				}

				Component {
					NotificationsPage {}
				}
			}
		},

		// About
		Component {
			StackPage {
				Component {
					AboutPage {}
				}
			}
		}
	]
	readonly property Component placeholderComp: Component {
		PlaceholderComp {}
	}

	component PlaceholderComp: Item {
		property SettingsState sState // To avoid the warning from non-existent property

		ColumnLayout {
			anchors.centerIn: parent
			spacing: Tokens.padding.extraSmall

			MaterialIcon {
				Layout.alignment: Qt.AlignHCenter
				color: Colors.palette.m3outlineVariant
				font.pointSize: Tokens.font.size.extraLarge
				text: "handyman"
			}

			CustomText {
				Layout.alignment: Qt.AlignHCenter
				color: Colors.palette.m3outlineVariant
				text: qsTr("Page under construction")
			}

			CustomText {
				Layout.alignment: Qt.AlignHCenter
				color: Colors.palette.m3outlineVariant
				text: qsTr("This page will be available in a future update.")
			}
		}
	}
}