From 156056e9c31468564fb53ca284996a5de41471fb Mon Sep 17 00:00:00 2001
From: Karan Jayachandra <karan.jayachandra@nxp.com>
Date: Wed, 16 Oct 2024 23:28:46 +0200
Subject: Working version with all functionality

---
 templates/controls.j2 | 51 +++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 51 insertions(+)
 create mode 100644 templates/controls.j2

(limited to 'templates/controls.j2')

diff --git a/templates/controls.j2 b/templates/controls.j2
new file mode 100644
index 0000000..1799e01
--- /dev/null
+++ b/templates/controls.j2
@@ -0,0 +1,51 @@
+<div class="columns">
+    <div class="column">
+        <div class="field has-addons">
+            <div class="control">
+                <button class="button is-large is-responsive is-dark" 
+                        style="text-align:center" 
+                        hx-post="/decrement" 
+                        hx-swap="outerHTML"
+                        hx-target="#guests">-</button>
+            </div>
+            <div hx-get="/guests" hx-swap="outerHTML" hx-trigger="revealed"></div>
+            <div class="control">
+                <button class="button is-large is-responsive is-dark" 
+                        style="text-align:center" 
+                        hx-post="/increment" 
+                        hx-swap="outerHTML"
+                        hx-target="#guests">+</button>
+            </div>
+        </div>
+    </div>
+    <div class="column">
+        <div class="select is-large is-responsive">
+            <select name="type">
+                <option>10 Levels</option>
+                <option>8 Levels</option>
+                <option>6 Levels</option>
+                <option>4 Levels</option>
+                <option>2 Levels</option>
+                <option>0 Levels</option>
+            </select>
+        </div>
+    </div>
+    <div class="column">
+        <button class="button is-dark is-large is-responsive" 
+                hx-post="/propose" 
+                hx-target="#games" 
+                hx-include="[name='type']">New Round</button>
+    </div>
+    <div class="column"></div>
+    <div class="column">
+        <button class="button is-dark is-large is-responsive" 
+                hx-post="/confirm" 
+                hx-target="#games">Start Round</button>
+    </div>
+    <div class="column">
+        <button class="button is-dark is-large is-responsive" 
+                hx-post="/clear" 
+                hx-target="#games">Reset</button>
+    </div>
+</div>
+<div hx-post="/clear" hx-swap="outerHTML" hx-trigger="revealed"></div>
-- 
cgit v1.3.1