From 3654950528e5e5f3e9d36724a22786c4d0d7ba7c Mon Sep 17 00:00:00 2001
From: Tim McNulty <tmcnulty387@gmail.com>
Date: Fri, 24 Jul 2026 07:25:00 -0400
Subject: [PATCH] fix: display ranked choice ballot errors inline (#117)

---
 templates/poll.tmpl | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/templates/poll.tmpl b/templates/poll.tmpl
index 0099745..4ba2d7f 100644
--- a/templates/poll.tmpl
+++ b/templates/poll.tmpl
@@ -81,8 +81,32 @@
         {{ end }}
       {{ end }}
         <br />
+        <div id="vote-error" class="alert alert-danger d-none" role="alert"></div>
         <button type="submit" class="btn btn-primary my-4 mx-4">Submit</button>
       </form>
+      <!-- Handle error messages -->
+      <script>
+        document.querySelector('form[action^="/poll/"]').addEventListener('submit', async function(e) {
+          e.preventDefault();
+          const form = e.target;
+          const errorEl = document.getElementById('vote-error');
+          errorEl.classList.add('d-none');
+
+          const res = await fetch(form.action, {
+            method: 'POST',
+            body: new FormData(form),
+          });
+
+          if (res.redirected) {
+            window.location.href = res.url;
+            return;
+          }
+
+          const data = await res.json();
+          errorEl.textContent = data.error ?? 'An unknown error occurred.';
+          errorEl.classList.remove('d-none');
+        });
+      </script>
       {{ if and (.CanModify) (not .Gatekeep) }}
         <form action="/poll/{{ .Id }}/close" method="POST">
           <button type="submit" class="btn btn-danger my-3 mx-4">End Poll</button>