From 0c8379265ed523b2ad4f454ff91462fb9aaf9209 Mon Sep 17 00:00:00 2001
From: Karl <karl@k-world.me.uk>
Date: Mon, 11 Aug 2025 09:15:18 +0100
Subject: [PATCH] toast on duplicate account

---
 templates/add_account.html | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/templates/add_account.html b/templates/add_account.html
index 4e3a8c2..2e316de 100644
--- a/templates/add_account.html
+++ b/templates/add_account.html
@@ -30,6 +30,17 @@
 
 {% block content %}
     <h1>Add Account</h1>
+    <div aria-live="polite" aria-atomic="true" class="position-fixed top-0 start-50 translate-middle-x w-75 p-3" style="z-index: 1050; margin-top: 20px;">
+        <div id="liveToast" class="toast hide bg-danger text-white" role="alert" aria-live="assertive" aria-atomic="true">
+            <div class="toast-header bg-danger text-white">
+                <strong class="me-auto">Account Error</strong>
+                <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
+            </div>
+            <div class="toast-body">
+                {{ error }}
+            </div>
+        </div>
+    </div>
     <div>
     <form action="/accounts/add" method="POST" onsubmit="showLoading()">
         <div class="form-group">
@@ -123,4 +134,16 @@
                 });
         });
     </script>
+    {% if error %}
+    <script>
+        document.addEventListener("DOMContentLoaded", function() {
+            var toastEl = document.getElementById('liveToast');
+            var toast = new bootstrap.Toast(toastEl, {
+                autohide: true,
+                delay: 5000
+            });
+            toast.show();
+        });
+    </script>
+    {% endif %}
 {% endblock %}