import QtQuick
import QtQuick.Controls.Material
import QtQuick.Layouts
import "./"
import TactileIPC 1.0

Item {
    id: root
    width: 1280
    height: 720

    Material.theme: Backend.lightMode ? Material.Light : Material.Dark
    Material.accent: Material.Green
    Material.primary: Material.Green

    ColumnLayout {
        anchors.fill: parent
        spacing: 0

        NavBar {
            Layout.fillWidth: true
        }

        RowLayout {
            Layout.fillWidth: true
            Layout.fillHeight: true
            spacing: 0

            LeftPanel {
                Layout.preferredWidth: 500
                Layout.fillWidth: true
                Layout.fillHeight: true
            }

            Rectangle {
                Layout.fillWidth: true
                Layout.fillHeight: true
                radius: 10
                color: Qt.rgba(0, 0, 0, 0.04)
                border.color: Qt.rgba(0, 0, 0, 0.08)

                Column {
                    anchors.centerIn: parent
                    spacing: 8
                    Label { text: "OpenGL View"; font.pixelSize: 16 }
                    Label { text: "(QWidget GLWidget attached in C++)"; font.pixelSize: 12 }
                }
            }

            RightPanel {
                Layout.preferredWidth: 320
                Layout.fillHeight: true
            }
        }
    }
}