import QtQuick 2.0
import org.asteroid.controls 1.0
import QtPositioning 5.15
import QtLocation 5.15

Item {
    id: root
    PageHeader {
        text: "Map settings"
    }
    Flickable {
        anchors.fill: parent
        contentHeight: contentColumn.implicitHeight
        anchors.leftMargin: root.width*0.15
        anchors.rightMargin: root.width*0.15
        Column {
            id: contentColumn
            anchors.fill: parent
            Item {
                height: root.height*0.1
                width: parent.width
            }
            LabeledSwitch {
                width: parent.width
                height: width*0.2
                text: "show zoom controls"
            }
            LabeledSwitch {
                width: parent.width
                height: width*0.2
                text: "center on GPS"
            }
            Row {
                width: parent.width
                height: width*0.2
                // Icon {
                //     name: "ios-information-circle-outline"
                //     height: parent.height
                //     width: height
                // }
                Column {
                    height: parent.height
                    width: parent.width - parent.height
                    Label {
                        text: "Map Data © OpenStreetMap contributors"
                        height: parent.height*0.5
                        width: parent.width
                        font.pixelSize: root.width*0.05
                    }
                    Label {
                        text: "under the ODbL"
                        height: parent.height*0.5
                        width: parent.width
                        font.pixelSize: root.width*0.05
                    }
                }
            }
        }
    }
}