From 2b58dc25fa938db22a8644614155a2294ea52cc8 Mon Sep 17 00:00:00 2001
From: ItsDrike <itsdrike@protonmail.com>
Date: Mon, 2 Dec 2024 19:00:15 +0100
Subject: [PATCH] Render the columns in QML

---
 Main.qml | 34 +++++++++++++++++++++++++++++++---
 1 file changed, 31 insertions(+), 3 deletions(-)

diff --git a/Main.qml b/Main.qml
index 6d7c816..29de5fe 100644
--- a/Main.qml
+++ b/Main.qml
@@ -4,10 +4,10 @@ import QtQuick.Controls
 import QtQuick.Layouts
 
 ApplicationWindow {
-    width: 800
-    height: 600
+    width: 750
+    height: 650
     visible: true
-    title: qsTr("Solitaire")
+    title: qsTr("Solitare")
 
     ScoreBar {
         id: scoreBar
@@ -19,6 +19,7 @@ ApplicationWindow {
 
     // Show the foundation piles, throwaway pile & the draw stack on the first row
     Item {
+        id: firstRow
         height: 120
         anchors.top: scoreBar.bottom
         anchors.left: parent.left
@@ -77,4 +78,31 @@ ApplicationWindow {
             }
         }
     }
+
+    // Second row, with the individual columns
+    Row {
+        spacing: 10
+
+        anchors.top: firstRow.bottom
+        anchors.horizontalCenter: parent.horizontalCenter
+        anchors.topMargin: 50
+
+        Repeater {
+            model: gameState.columns.length
+            // Make a column for each slot
+            delegate: Column {
+                required property int index // passed from repeater
+                spacing: -80 // Overlap
+
+                Repeater {
+                    model: gameState.columns[parent.index].length
+                    delegate: CardModel {
+                        required property int index
+                        card: gameState.columns[parent.index][index].card
+                        isFaceDown: !gameState.columns[parent.index][index].revealed
+                    }
+                }
+            }
+        }
+    }
 }