import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
import Solitare

ApplicationWindow {
    width: 750
    height: 650
    visible: true
    title: qsTr("Solitare")
    color: "#019934"

    ScoreBar {
        id: scoreBar
        height: 50
        anchors.top: parent.top
        anchors.left: parent.left
        anchors.right: parent.right
    }

    // Show the foundation piles, throwaway pile & the draw stack on the first row
    Rectangle {
        id: firstRow
        height: 135
        anchors.top: scoreBar.bottom
        anchors.left: parent.left
        anchors.right: parent.right
        color: "green"

        Item {
            anchors.fill: parent
            anchors.margins: 10

            // Left side
            FoundationPiles {
                anchors.left: parent.left
            }

            // Right side
            Row {
                spacing: 20
                anchors.right: parent.right

                ThrowawayPile {}
                DrawPile {}
            }
        }
    }

    Tableau {
        anchors.top: firstRow.bottom
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.topMargin: 50
    }
}