import QtQuick
import QtQuick.Layouts
import QtQuick.Controls
import QtQuick.Controls.Material



// Item {

//     benutzername
//     passwort
//     server
//     port
//     benutzername(db)
//     passwort(db)
//     DbName
//     type


// }

ApplicationWindow
{
    width: 640
    height: 480
    visible: true
    // Material.theme: Material.Dark
    // Material.accent: Material.Purple
    ColumnLayout
    {
        anchors.fill: parent
        TabBar
        {
            id: bar
            anchors.fill: parent
            TabButton
            {
                text: qsTr("Benutzer erstellen")
            }

            TabButton
            {
                text: qsTr("Datenbank einrichten")
            }
        }

        StackLayout
        {
            anchors.fill: parent
            currentIndex: bar.currentIndex

            Item
            {
                id: createUser

                GridLayout
                {
                    id: createUserGrid
                    columns: 2
                    anchors.fill: parent

                    Label
                    {
                        text: qsTr("Benutzername:")
                    }

                    TextField
                    {
                        id: benutzerName
                        placeholderText: qsTr("Hier Benutzername eingeben")
                    }

                    Label
                    {
                        text: qsTr("Passwort:")
                    }

                    TextField
                    {
                        id: password
                        echoMode: TextInput.Password
                        placeholderText: qsTr("Hier Passwort eingeben")
                    }
                }
            }

            Item
            {
                id: settingsDB


                GridLayout
                {
                    id: dbGrid
                    columns: 2



                    Label
                    {
                        text: qsTr("DB-Host:")
                    }

                    TextField
                    {
                        id: dbHost
                        placeholderText: qsTr("Hier Host eingeben")
                    }

                    Label
                    {
                        text: qsTr("DB-Port:")
                    }

                    TextField
                    {
                        id: dbPort
                        placeholderText: qsTr("Hier DB-Port eingeben")
                    }

                    Label
                    {
                        text: qsTr("DB-Name:")
                    }

                    TextField
                    {
                        id: dbName
                        placeholderText: qsTr("Hier DB-Name eingeben")
                    }

                    Label
                    {
                        text: qsTr("DB-Benutzername:")
                    }

                    TextField
                    {
                        id: dbUserName
                        placeholderText: qsTr("Hier DB-Benutzername eingeben")
                    }

                    Label
                    {
                        text: qsTr("DB-Passwort:")
                    }

                    TextField
                    {
                        id: dbPassword
                        echoMode: TextInput.Password
                        placeholderText: qsTr("Hier DB-Passwort eingeben")
                    }
                }
            }
        }
        RowLayout
        {
            Button
            {
                id: cancelBtn
                text: qsTr("Abbrechen")
            }

            Button
            {
                id: submitBtn
                text: qsTr("Speichern")
                onClicked:
                {
                    config.createUser(benutzerName.text)
                }
            }
        }
    }
}