import QtQuick 2.12
import QtQuick.Controls 1.4

import Ikinuki.Client 1.0

TabView {
    property var providers
    property bool viewSelected: false
    property int xSelect: 0
    property int ySelect: 0
    width: parent.width * 0.8
    height: parent.height

    property var maxElements: providers.length

    tabsVisible: false
    Repeater {
        model: providers
        Tab {
            Rectangle {
                color: "#22282A"
                Row {
                    Item {
                        height: 10
                        width: 40
                    }
                    Column {
                        spacing: 20
                        ContentViewElement {
                            title: "In Progress"
                            provider: modelData
                            repeaterModel: modelData.inProgress
                            elemSelected: viewSelected && (0 == ySelect)
                            xIndex: xSelect
                        }
                        ContentViewElement {
                            title: "Recently Added"
                            provider: modelData
                            repeaterModel: modelData.recentlyAdded
                            elemSelected: viewSelected && (1 == ySelect)
                            xIndex: xSelect
                        }
                    }
                }
            }
        }
    }
    Keys.onPressed: (event)=> {
        console.log(Qt.Key_Left);
        if (event.key == Qt.Key_Left) {
            if (xSelect == 0) {
                viewSelected = false;
                parent.selectedView = 0;
            } else {
                xSelect--;
            }
        } else if (event.key == Qt.Key_Right) {
            xSelect++;
        } else if (event.key == Qt.Key_Down) {
            ySelect++;
        } else if (event.key == Qt.Key_Up) {
            ySelect--;
        }
    }
}