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 "../widgets"
import "../overlays"

ColumnLayout {
	Layout.fillWidth: true
	property alias title: toolbar.text


	StackToolbar {
		id: toolbar
		//text: "open privacy exec"

		aux.onClicked: {
			theStack.pane = gcd.currentOpenConversation.length == 32 ? theStack.groupProfilePane : theStack.userProfilePane
			gcd.requestGroupSettings()
		}
	}

    RowLayout {
       id: switcher


       SimpleButton {
            text: "Chat"


            onClicked: overlayStack.overlay = overlayStack.chatOverlay
        }

        SimpleButton {
            text: "Lists"


            onClicked: overlayStack.overlay = overlayStack.listOverlay
        }

        SimpleButton {
            text: "Bulletins"


            onClicked: overlayStack.overlay = overlayStack.bulletinOverlay
        }

        SimpleButton {
            text: "Game 1"


            onClicked: overlayStack.overlay = overlayStack.game1Overlay
        }

        SimpleButton {
            text: "Game 2"


            onClicked: overlayStack.overlay = overlayStack.game2Overlay
        }
    }

    StackLayout {
        id: overlayStack
        anchors.left: parent.left
        anchors.right: parent.right
        anchors.bottom: parent.bottom
        anchors.top: switcher.bottom
        currentIndex: 0

        property alias overlay: overlayStack.currentIndex
        readonly property int chatOverlay: 0
        readonly property int listOverlay: 1
        readonly property int bulletinOverlay: 2
        readonly property int game1Overlay: 3
        readonly property int game2Overlay: 4


        ChatOverlay {} //0

        ListOverlay{} //1

        BulletinOverlay{} //2

        Game1Overlay{} //3

        Game2Overlay{} //4
    }
}