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 "../styles"

ColumnLayout { // settingsPane
    id: root
	anchors.fill: parent


	StackToolbar {
	    id: stb
		text: qsTr("create-group-title")
		aux.visible: false
		membership.visible: false
	}

    Flickable {
    anchors.top: stb.bottom
    anchors.left: parent.left
    anchors.right: parent.right
    anchors.bottom: parent.bottom
    boundsBehavior: Flickable.StopAtBounds
    clip:true
    contentWidth: tehcol.width
    contentHeight: tehcol.height

    Column {
    id: tehcol
    leftPadding: 10
    spacing: 5
    width: root.width

	ScalingLabel {
	    //: Server label
		text: qsTr("server-label") + ":"
	}

	TextField {
		id: txtServer
		style: CwtchTextFieldStyle{ width: tehcol.width * 0.8 }
		text: "2c3kmoobnyghj2zw6pwv7d57yzld753auo3ugauezzpvfak3ahc4bdyd"
	}

	ScalingLabel{
	    //: Group name label
		text: qsTr("group-name-label") + ":"
	}

	TextField {
		id: txtGroupName
		style: CwtchTextFieldStyle{ width: tehcol.width * 0.8 }
		//: default suggested group name
		text: qsTr("default-group-name")
	}

	SimpleButton {
	    //: create group button
		text: qsTr("create-group-btn")

		onClicked: {
			gcd.createGroup(txtServer.text, txtGroupName.text)
		}
	}

    }//end of column with padding
    }//end of flickable
}