import QtQuick 2.7
import QtQuick.Controls 2.0
import QtQuick.Layouts 1.2
import QtGraphicalEffects 1.0
import QtQuick.Window 2.0
import QtQuick.Controls.Styles 1.4
import QtQuick.Dialogs 1.2

import "."
import "mock/Windows.js" as Windows
import "mock/Version.js" as Version
import "mock/NetworkType.js" as NetworkType
import "mock/Settings.js" as Settings
import "mock"
import "qml/common"

import "qml/."
import "qml/chaperone_page"
import "qml/steamvr_page"
import "qml/chaperone_page/chaperone_additional"


ApplicationWindow {
    id: root
    title: "Wowlet"
    // centered
    x: Screen.width / 2 - width / 2
    y: Screen.height / 2 - height / 2

    width: 1600
    height: 800

    // property var qtRuntimeVersion: qt_version_str

    objectName: "appWindow"
    visible: true
    // flags: persistentSettings.customDecorations ? Windows.flagsCustomDecorations : Windows.flags
    flags: Windows.flagsCustomDecorations

    color: "#1b2939"


    property RootPage rootPage: RootPage {
        stackView: mainView
    }

    property SteamVRPage steamVRPage: SteamVRPage {
        stackView: mainView
        visible: false
    }

    property ChaperonePage chaperonePage: ChaperonePage {
        stackView: mainView
        visible: false
    }

    StackView {
        id: mainView
        anchors.fill: parent

        pushEnter: Transition {
            PropertyAnimation {
                property: "x"
                from: mainView.width
                to: 0
                duration: 200
            }
        }
        pushExit: Transition {
            PropertyAnimation {
                property: "x"
                from: 0
                to: -mainView.width
                duration: 200
            }
        }
        popEnter: Transition {
            PropertyAnimation {
                property: "x"
                from: -mainView.width
                to: 0
                duration: 200
            }
        }
        popExit: Transition {
            PropertyAnimation {
                property: "x"
                from: 0
                to: mainView.width
                duration: 200
            }
        }

        initialItem: rootPage
    }
}