import QtQuick 2.0
import Sailfish.Silica 1.0
import Sailfish.Bluetooth 1.0
import org.nemomobile.configuration 1.0
import com.javispedro.salmeta 1.0

Page {
	id: page

	ConfigurationValue {
		id: deviceAddress
		key: settingsPrefix + "/address"
		defaultValue: "Select"
	}

	SilicaFlickable {
		anchors.fill: parent

		PullDownMenu {
			MenuItem {
				text: qsTr("Not done yet")
			}
		}

		contentHeight: column.height

		Column {
			id: column
			width: page.width
			spacing: Theme.paddingLarge

			PageHeader {
				title: "Salmeta"
			}

			SectionHeader {
				text: qsTr("Device settings");
			}

			ValueButton {
				x: Theme.paddingLarge
				label: "Device"
				value: deviceAddress.value

				onClicked: {
					var dialog = pageStack.push("Sailfish.Bluetooth.BluetoothDevicePickerDialog");

					dialog.selectedDeviceChanged.connect(function() {
						if (dialog.selectedDevice != "") {
							deviceAddress.value = dialog.selectedDevice
						}
					});
				}
			}

			SectionHeader {
				text: qsTr("Widgets");
			}

			WatchView {
				anchors.horizontalCenter: parent.horizontalCenter
				width: 96 * 4
				height: 96 * 4
			}
		}
	}
}