import QtQuick
import Solitare

// In solitare, Tableau refers to the part of the board where all of the columns are placed
Row {
    spacing: 10

    Repeater {
        model: GameState.columns.length

        delegate: Column {
            required property int index // passed from repeater

            spacing: -80 // Overlap

            Repeater {
                model: GameState.columns[parent.index].length > 0 ? GameState.columns[parent.index].length : 1 // Render an empty slot for an empty column

                delegate: CardModel {
                    required property int index
                    property ColumnSlot col: GameState.columns[parent.index].length > 0 ? GameState.columns[parent.index][index] : null // empty column (single empty slot)

                    card: col ? col.card : null
                    isFaceDown: col ? !col.revealed : false
                    onClicked: {
                        if (col && col.revealed) {
                            if (GameState.autoMoveColumnCard(parent.index, index)) {
                                if (GameState.isWinnable()) {
                                    console.log("Still winnable")
                                } else {
                                    console.log("Game is lost")
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}