import QtGraphicalEffects 1.0
import QtQuick 2.7
import QtQuick.Controls 2.4
import QtQuick.Controls.Material 2.0
import QtQuick.Layouts 1.3
import QtQuick.Window 2.11
import QtQuick.Controls 1.4

import "../widgets"
import "../widgets/controls"

ColumnLayout { // settingsPane
	anchors.fill: parent


	StackToolbar {
        //: Cwtch Settings title
		text: qsTr("cwtch-settings-title")
		aux.visible: false
	}

    Column {
    leftPadding: 10
    spacing: 5

	ScalingLabel {
		Layout.maximumWidth: parent.width
		//: Interface zoom (mostly affects text and button sizes)
		text: qsTr("zoom-label") + ":"
	}

	Slider {
		id: zoomSlider
		minimumValue: 0.5
		maximumValue: 4.0
		value: gcd.themeScale
		updateValueWhileDragging: false
		onValueChanged: {
		    gcd.themeScale = zoomSlider.value
		    saveSettings()
		}
		width: 400
	}

	ScalingLabel {
		text: qsTr("large-text-label")
		size: 20
	}

	ScalingLabel{
	    //: "Default size text (scale factor: "
		text: qsTr("default-scaling-text") + zoomSlider.value + ")"
	}

	ScalingLabel {
		text: qsTr("small-text-label")
		size: 8
	}

    GridLayout {
        columns: 2
        columnSpacing: 10


        FlagButton {
            emoji: "1f1e9-1f1ea"
            locale: "de"
        }

        FlagButton {
            emoji: "1f1e8-1f1e6"
            locale: "en"
            selected: true
        }

        FlagButton {
            locale: "fr"
            emoji: "1f1eb-1f1f7"
        }

        FlagButton {
            locale: "pt"
            emoji: "1f1e7-1f1f7"
        }
    }

    }//end of column with padding

    function saveSettings() {
        // language switcher saves itself because erinn is a bad (read: amazing) programmer
        gcd.saveSettings(zoomSlider.value, "")
    }

	Connections {
		target: gcd

		onSupplySettings: function(zoom, locale) {
			if (zoom != "") zoomSlider.value = zoom
			// (locale is handled automatically by FlagButton)
		}
	}
}