import QtQuick 6.8
import QtQuick.Controls 6.8
import QtQuick.Controls.Basic 6.8
import QtQuick.Layouts 6.8

import QYRComponents 1.0

ApplicationWindow {
    id: root
    width: 1280
    height: 800
    title: qsTr("QYouVideo")

    ColumnLayout {
        anchors.fill: parent

        Rectangle {
            Layout.fillWidth: true
            height: 43

            color: Colors.surface0

            RowLayout {
                anchors.fill: parent
                anchors.margins: 3

                Label {
                    Layout.leftMargin: 5
                    text: "QYouVideo"
                    heading: "h1"
                }

                Item {
                    Layout.fillWidth: true
                }

                TabBar {
                    id: tabbar
                    spacing: 10

                    background: Item{}

                    TabButton {
                        text: qsTr("Videos")
                        outlined: true
                        implicitWidth: 80
                    }
                    TabButton {
                        text: qsTr("About")
                        outlined: true
                        implicitWidth: 80
                    }
                    TabButton {
                        text: qsTr("Upload")
                    }
                }
            }
        }

        SwipeView {
            Layout.fillWidth: true
            Layout.fillHeight: true
            Layout.margins: 20

            interactive: false
            currentIndex: tabbar.currentIndex

            Loader {
                // active: tabbar.currentIndex == 0
                active: true
                asynchronous: true
                visible: status == Loader.Ready
                source: "ViewVideoList.qml"
            }
            Loader {
                // active: tabbar.currentIndex == 1
                active: true
                asynchronous: true
                visible: status == Loader.Ready
                source: "ViewAbout.qml" 
            }
            Loader {
                // active: tabbar.currentIndex == 2
                active: true
                asynchronous: true
                visible: status == Loader.Ready
                sourceComponent: Label {
                    heading: "h1"
                    text: "No idea if I'll ever implement this so don't worry >w<"
                    font.bold: true
                }
            }

            Component.onCompleted: contentItem.highlightMoveDuration = 160;
        }
    }
}