From a365d85764266f799557f1d947ef766f282e4579 Mon Sep 17 00:00:00 2001
From: myrmidex <myrmidex@myrmidex.net>
Date: Sun, 23 Aug 2026 14:53:59 +0200
Subject: [PATCH] Disable submit if word is unchanged

---
 resources/views/index.blade.php | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php
index c19de39..87cc7f5 100644
--- a/resources/views/index.blade.php
+++ b/resources/views/index.blade.php
@@ -46,8 +46,9 @@ class="w-full bg-black border-red-500 text-red-400 focus:border-red-300 font-mon
                 <div class="flex gap-3">
                     <button
                         type="submit"
+                        id="submit-btn"
                         @class([
-                            'bg-black hover:bg-red-500 text-red-400 hover:text-black font-mono text-sm font-bold border-red-500 rounded-none border-2 uppercase tracking-wider transition-all glow-red cursor-pointer px-4 py-2',
+                            'bg-black hover:bg-red-500 text-red-400 hover:text-black font-mono text-sm font-bold border-red-500 rounded-none border-2 uppercase tracking-wider transition-all glow-red cursor-pointer px-4 py-2 disabled:cursor-not-allowed disabled:bg-black disabled:text-red-400/30 disabled:border-red-500/30 disabled:shadow-none',
                             'w-2/3' => isset($matches),
                             'w-full' => ! isset($matches),
                         ])
@@ -89,5 +90,23 @@ class="w-1/3 inline-flex items-center justify-center bg-black hover:bg-red-950 t
                 </section>
             @endisset
         </main>
+
+        @isset($anagram)
+            <script>
+                (() => {
+                    const input = document.getElementById('anagram');
+                    const button = document.getElementById('submit-btn');
+                    const original = @json($anagram);
+
+                    const sync = () => {
+                        const value = input.value.trim().toLowerCase();
+                        button.disabled = value === original.trim().toLowerCase() || value === '';
+                    };
+
+                    input.addEventListener('input', sync);
+                    sync();
+                })();
+            </script>
+        @endisset
     </body>
 </html>