From cbf71a38424b4c778e3b607cfd52245655ae6a12 Mon Sep 17 00:00:00 2001
From: "Grail Finder (aider)" <wohilas@gmail.com>
Date: Sat, 5 Apr 2025 15:09:34 +0300
Subject: refactor: update index.html to match Question model structure

---
 components/index.html | 37 +++++++++++++++++++++++++++++++++----
 1 file changed, 33 insertions(+), 4 deletions(-)

diff --git a/components/index.html b/components/index.html
index 68f15ad..c8cf327 100644
--- a/components/index.html
+++ b/components/index.html
@@ -15,17 +15,46 @@
             </div>
             <div id="feedback"></div>
             <div id="options">
-                {{range $index, $option := .Options}}
                 <button 
+                    data-testid="option1"
                     hx-post="/answer" 
-                    hx-vals='{"selected": "{{$index}}", "question_id": "{{$.ID}}"}'
+                    hx-vals='{"selected": "0", "question_id": "{{.ID}}"}'
                     hx-target="#feedback"
                     hx-swap="innerHTML"
                     class="option-button"
                 >
-                    {{$option}}
+                    {{.Option1}}
+                </button>
+                <button 
+                    data-testid="option2"
+                    hx-post="/answer" 
+                    hx-vals='{"selected": "1", "question_id": "{{.ID}}"}'
+                    hx-target="#feedback"
+                    hx-swap="innerHTML"
+                    class="option-button"
+                >
+                    {{.Option2}}
+                </button>
+                <button 
+                    data-testid="option3"
+                    hx-post="/answer" 
+                    hx-vals='{"selected": "2", "question_id": "{{.ID}}"}'
+                    hx-target="#feedback"
+                    hx-swap="innerHTML"
+                    class="option-button"
+                >
+                    {{.Option3}}
+                </button>
+                <button 
+                    data-testid="option4"
+                    hx-post="/answer" 
+                    hx-vals='{"selected": "3", "question_id": "{{.ID}}"}'
+                    hx-target="#feedback"
+                    hx-swap="innerHTML"
+                    class="option-button"
+                >
+                    {{.Option4}}
                 </button>
-                {{end}}
             </div>
         </div>
     </body>
-- 
cgit v1.2.3