import QtQuick 2.12
import QtQuick.Controls 1.4


Column {
    property var title
    property var provider
    property var repeaterModel
    property bool elemSelected
    property int xIndex
    Item {
        width: 10
        height: 40
    }
    Text {
        text: title
        font.pointSize: 30
        color: "white"
    }
    Item {
        width: 10
        height: 40
    }
    Row {
        Repeater {
            property var provider: modelData
            //property var yIndex: index
            //id: inProgressRepeater
            model: repeaterModel
            Row{
            Item {
                height: 10
                width: 80
            }
            Column {
                id: showColumn
                //property var show: inProgressRepeater.provider.getShow(modelData)
                property var show: provider.getShow(modelData)
                Item {
                    property int childHeight: 300
                    property int childWidth: 300 * 0.68
                    property int borderWidth: 7
                    property int borderRadius: 7
                    height: 300
                    width: (300 * 0.68) + 14
                    Image {
                        height: parent.childHeight
                        width: parent.childWidth
                        anchors.horizontalCenter: parent.horizontalCenter
                        anchors.verticalCenter: parent.verticalCenter
                        source: showColumn.show.poster
                        mipmap: true
                    }
                    Rectangle {
                        color: "transparent"
                        border.color: "orange"
                        width: parent.width
                        height: parent.height
                        border.width: parent.borderWidth
                        radius: parent.borderRadius
                        visible: elemSelected && (index == xIndex)
                    }
                }
                Item {width: 1; height: 15}
                Text {
                    text: showColumn.show.title
                    color: "white"
                    font.pointSize: 14
                    anchors.horizontalCenter: parent.horizontalCenter
                }
                Item {width: 1; height: 5}
                Text {
                    text: showColumn.show.year
                    color: "white"
                    font.pointSize: 14
                    anchors.horizontalCenter: parent.horizontalCenter
                }
            }
            }
        }
    }
}