From 2f4891473b2acf462d7b1b44c2d06cf4400f9d04 Mon Sep 17 00:00:00 2001
From: Grail Finder <wohilas@gmail.com>
Date: Fri, 9 May 2025 15:29:49 +0300
Subject: [PATCH] Feat: clue template for mime

---
 components/mimeclue.html | 17 +++++++++++++++++
 components/room.html     |  4 ++++
 2 files changed, 21 insertions(+)
 create mode 100644 components/mimeclue.html

diff --git a/components/mimeclue.html b/components/mimeclue.html
new file mode 100644
index 0000000..0454965
--- /dev/null
+++ b/components/mimeclue.html
@@ -0,0 +1,17 @@
+{{define "mimeclue"}}
+<div class="flex gap-4 w-full">
+    <input type="text" 
+           class="flex-1 px-4 py-2 text-lg border-2 border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
+           placeholder="Enter clue..."
+           required>
+    <input type="number" 
+           class="w-24 px-4 py-2 text-lg border-2 border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
+           placeholder="Number" 
+           min="1" 
+           max="9"
+           required>
+    <button type="submit" class="px-6 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700 transition-colors">
+        Send
+    </button>
+</div>
+{{end}}
diff --git a/components/room.html b/components/room.html
index 644d9da..9369d1e 100644
--- a/components/room.html
+++ b/components/room.html
@@ -35,6 +35,10 @@
   {{template "cardtable" .Room}}
 </div>
 <div>
+  {{if eq .State.Role "guesser"}}
   <button hx-get="/end-turn" hx-target="#room" class="bg-amber-100 text-black px-4 py-2 rounded">End Turn</button>
+  {{else if eq .State.Role "mime"}}
+  {{template "mimeclue"}}
+  {{end}}
 </div>
 {{end}}