import QtQuick 2.15
import ".."
import "../../skin-bank.js" as SkinBank

Item {
    property alias rows: grid.rows
    property alias columns: grid.columns

    InvisibleCardArea {
        id: area
        checkExisting: true
    }

    ListModel {
        id: cards
    }

    Grid {
        id: grid
        anchors.fill: parent
        rows: 100
        columns: 100

        Repeater {
            model: cards

            Image {
                source: SkinBank.DELAYED_TRICK_DIR + name
            }
        }
    }

    function add(inputs)
    {
        area.add(inputs);
        if (inputs instanceof Array) {
            cards.append(...inputs);
        } else {
            cards.append(inputs);
        }
    }

    function remove(outputs)
    {
        let result = area.remove(outputs);
        for (let i = 0; i < result.length; i++) {
            let item = result[i];
            for (let j = 0; j < cards.count; j++) {
                let icon = cards.get(j);
                if (icon.cid === item.cid) {
                    cards.remove(j, 1);
                    break;
                }
            }
        }

        return result;
    }

    function updateCardPosition(animated)
    {
        area.updateCardPosition(animated);
    }
}