import QtQuick
import QtQuick.Controls
import QtQuick.Layouts

Item
{
    anchors.fill: parent
    TabBar
    {
        id: bar
        width: parent.width
        TabButton
        {
            text: qsTr("Benutzer")
        }
        TabButton
        {
            text: qsTr("Datenbank")
        }
        TabButton
        {
            text: qsTr("Das Unternehmen")
        }
    }

    StackLayout
    {
        id: confContainer
        anchors.fill: parent
        currentIndex: bar.currentIndex
        Item
        {
            id: userTab
            UsersPage
            {
                id: usersPage
                anchors.fill: parent
            }
        }
        Item
        {
            id: dbTab
            DbConfiguration
            {
                id: dbConf
                anchors.fill: parent
            }
        }
        Item
        {
            id: companyTab
            CompanyConf
            {
                id: companyConf
                anchors.fill: parent
            }
        }
    }

    RowLayout
    {
        width: parent.width
        anchors.bottom: parent.bottom
        Item
        {
            Layout.fillWidth: true
        }

        Button
        {
            text: qsTr("Ablehnen")
            onClicked: appLoader.source = "Dashboard.qml"
        }

        Button
        {
            text: qsTr("Speichern")
            onClicked:
            {
                switch (confContainer.currentIndex)
                {
                    case 1:
                        console.log("Need to update DB paramenters")
                        break

                    case 2:
                        console.log("Need to update company's info.")
                        break
                    default:
                        console.log("Need to handle users")
                }
            }
        }
    }
}