import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.3
import "./qml_widgets"

Rectangle {
    signal sendToScript(var message);
	color: Qt.rgba(0.1,0.1,0.1,1);
	width: parent.width;
	height: parent.height;
	anchors.centerIn: parent;
	anchors.horizontalCenter: parent.horizontalCenter
	property var pages: [
		{name: "General", icon: "../img/overte.svg", target_page: "hifi/dialogs/GeneralPreferencesDialog.qml" }, 
		{name: "Graphics", icon: "../img/computer.svg", target_page: "" }, 
		{name: "Audio", icon: "../img/volume.svg", target_page: "hifi/audio/Audio.qml" }, 
		{name: "Controls", icon: "../img/dpad.svg", target_page: "hifi/tablet/ControllerSettings.qml" }, 
		{name: "Security", icon: "../img/badge.svg", target_page: "hifi/dialogs/security/Security.qml" }, 
		{name: "QML Allowlist", icon: "../img/lock.svg", target_page: "hifi/dialogs/security/EntityScriptQMLAllowlist.qml" }, 
		{name: "Script Security", icon: "../img/shield.svg", target_page: "hifi/dialogs/security/ScriptSecurity.qml" }, 
	];
	property string current_page: "Settings"

	ColumnLayout {
		width: parent.width
		height: parent.height
		anchors.horizontalCenter: parent.horizontalCenter
		id: root

		// Navigation Header
		HeaderElement {
			id: header
		}

		// Home page
		SettingCenterContainer {
			id: home_page
			visible: current_page == "Settings"
			Layout.fillHeight: true

			Repeater {
				model: pages.length;
				delegate: SettingSubviewListElement {
					property string page_name: pages[index].name;
					property string page_icon: pages[index].icon;
					property string target_page: pages[index].target_page;
				}
			}
		}

		// Graphics 
		Flickable {
			id: graphics_page
			visible: current_page == "Graphics"
			width: parent.width
			Layout.fillHeight: true
			y: header.height + 10
			contentWidth: parent.width
			contentHeight: graphics_page_column.height
			clip: true

			ColumnLayout {
				id: graphics_page_column
				width: parent.width - 10
				anchors.horizontalCenter: parent.horizontalCenter
				spacing: 10

				// Graphics Presets
				SettingComboBox {
					settingText: "Graphics preset";
					optionIndex: Performance.getPerformancePreset() - 1;
					options: ["Low Power", "Low", "Medium", "High", "Custom"];

					onValueChanged: {
						Performance.setPerformancePreset(index + 1)
					}
				}

				// Rendering Effects
				SettingBoolean {
					settingText: "Rendering effects";
					settingEnabled: Render.renderMethod == 0

					onSettingEnabledChanged: {
						Render.renderMethod = settingEnabled ? 0 : 1;
					}
				}

				// Rendering Effects sub options
				Item {
					Layout.fillWidth: true;
					visible: Render.renderMethod == 0;
					height: children[0].height;
					width: parent.width;

					Rectangle {
						color: "#222222";
						width: parent.width;
						height: children[0].height;
						radius: 10;	

						ColumnLayout {
							width: parent.width - 10;
							id: renderSettingsContainer;

							SettingBoolean {
								settingText: "Shadows";
								settingEnabled: Render.shadowsEnabled;

								onSettingEnabledChanged: {
									Render.shadowsEnabled = settingEnabled;
								}
							}

							SettingBoolean {
								settingText: "Local Lights";
								settingEnabled: Render.localLightsEnabled

								onSettingEnabledChanged: {
									Render.localLightsEnabled = settingEnabled;
								}
							}
							
							SettingBoolean {
								settingText: "Fog";
								settingEnabled: Render.fogEnabled

								onSettingEnabledChanged: {
									Render.fogEnabled = settingEnabled;
								}
							}

							SettingBoolean {
								settingText: "Haze";
								settingEnabled: Render.hazeEnabled

								onSettingEnabledChanged: {
									Render.hazeEnabled = settingEnabled;
								}
							}

							SettingBoolean {
								settingText: "Bloom";
								settingEnabled: Render.bloomEnabled 

								onSettingEnabledChanged: {
									Render.bloomEnabled = settingEnabled;
								}
							}
						}
					}
				}

				// FPS
				SettingComboBox {
					settingText: "Refresh rate";
					options: ["Economical", "Interactive", "Real-Time", "Custom"];
					optionIndex: Performance.getRefreshRateProfile();

					onValueChanged: {
						Performance.setRefreshRateProfile(index);
						customFPSVaulesContainer.visible = index == 3;
					}
				}

				// Custom FPS
				Item {
					id: customFPSVaulesContainer
					Layout.fillWidth: true;
					height: children[0].height;
					width: parent.width;

					Rectangle {
						color: "#222222";
						width: parent.width;
						height: children[0].height;
						radius: 10;	

						ColumnLayout {
							width: parent.width - 10;

							SettingNumber {
								settingText: "Focus Active";
								minValue: 5;
								maxValue: 9999;
								suffixText: "fps";
								settingValue: Performance.getCustomRefreshRate(0)

								onValueChanged: {
									Performance.setCustomRefreshRate(0, value);
								}
							}

							SettingNumber {
								settingText: "Focus Inactive";
								minValue: 1;
								maxValue: 9999;
								suffixText: "fps";
								settingValue: Performance.getCustomRefreshRate(1)

								onValueChanged: {
									Performance.setCustomRefreshRate(1, value);
								}
							}

							SettingNumber {
								settingText: "Unfocused";
								minValue: 1;
								maxValue: 9999;
								suffixText: "fps";
								settingValue: Performance.getCustomRefreshRate(2)

								onValueChanged: {
									Performance.setCustomRefreshRate(2, value);
								}
							}

							SettingNumber {
								settingText: "Minimized";
								minValue: 1;
								maxValue: 9999;
								suffixText: "fps";
								settingValue: Performance.getCustomRefreshRate(3)

								onValueChanged: {
									Performance.setCustomRefreshRate(3, value);
								}
							}

							SettingNumber {
								settingText: "Startup";
								minValue: 1;
								maxValue: 9999;
								suffixText: "fps";
								settingValue: Performance.getCustomRefreshRate(4)

								onValueChanged: {
									Performance.setCustomRefreshRate(4, value);
								}
							}

							SettingNumber {
								settingText: "Shutdown";
								minValue: 1;
								maxValue: 9999;
								suffixText: "fps";
								settingValue: Performance.getCustomRefreshRate(5)

								onValueChanged: {
									Performance.setCustomRefreshRate(5, value);
								}
							}
						}
					}
				}

				// Resolution Scale
				SettingSlider {
					settingText: "Resolution scale";
					sliderStepSize: 0.1;
					minValue: 0.1;
					maxValue: 2;
					settingValue: Render.viewportResolutionScale.toFixed(1)

					onSliderValueChanged: {
						Render.viewportResolutionScale = value.toFixed(1)
					}
				}

				// Fullscreen Display
				SettingComboBox {
					settingText: "Fullscreen Display";

					Component.onCompleted: {
						var screens = Render.getScreens();
						var selected = Render.getFullScreenScreen();
						setOptions(screens);

						for (let i = 0; screens.length > i; i++) {
							if (screens[i] == selected) {
								optionIndex = i;
								return;
							}
						}
					}

					onValueChanged: {
						Render.setFullScreenScreen(optionText);
					}
				}

				// FOV
				SettingSlider {
					settingText: "Field of View";
					sliderStepSize: 1;
					minValue: 20;
					maxValue: 130;
					settingValue: Render.verticalFieldOfView.toFixed(1);
					roundDisplay: 0;

					onSliderValueChanged: {
						Render.verticalFieldOfView = value.toFixed(1);
					}
				}

				// Camera clipping
				SettingBoolean {
					settingText: "Allow camera clipping";
					settingEnabled: !Render.cameraClippingEnabled

					onSettingEnabledChanged: {
						Render.cameraClippingEnabled = settingEnabled ? 0 : 1;
					}
				}

				// Anti Aliasing
				SettingComboBox {
					settingText: "Anti-aliasing";
					optionIndex: Render.antialiasingMode;
					options: ["None", "TAA", "FXAA"];

					onValueChanged: {
						Render.antialiasingMode = index;
					}
				}
			}
		}

		// Audio
		SettingCenterContainer {
			id: audio_page
			visible: current_page == "Audio"
		}

		// Templates
	}

	// Messages from script
	function fromScript(message) {
		switch (message.type){
			case "loadPage":
				current_page = message.page;
				break;
		}
	}

	// Send message to script
	function toScript(packet){
		sendToScript(packet)
	}
}