First working version with court selection

1 files changed, 7 insertions, 3 deletions

diff --git a/templates/courts.j2 b/templates/courts.j2
index a7893a7..3134aca 100644
--- a/templates/courts.j2
+++ b/templates/courts.j2
@@ -1,3 +1,7 @@
-<form hx-post="/courts" hx-trigger="change" hx-swap="outerHTML">
-    <input type="number" disabled id="courts" min="1" max="15" name="courts" value="{{ courts }}">
-</form>
\ No newline at end of file
+<div class="grid-container">
+{% for court in courts %}
+    <div class="grid-item">
+        <button class={% if court.status %} "active" {% else %} "dormant" {% endif %} hx-post="{{ "/court-toggle/" ~ court.number}}" hx-trigger="click" hx-swap="outerHTML">{{ court.number }}</button>
+    </div>
+{% endfor %}
+</div>
\ No newline at end of file