From 393d39ef2ee9845853fb192d81c4d99b7c563378 Mon Sep 17 00:00:00 2001
From: Amir <amirsabani303@gmail.com>
Date: Wed, 8 Oct 2025 15:34:32 +0200
Subject: [PATCH 1/2] Blokiraj Enter Code button na payment page-u dok se
 validacija ne zavrsi

---
 backend/core/templates/payment.html | 25 +++++++++++++++++++++++--
 1 file changed, 23 insertions(+), 2 deletions(-)

diff --git a/backend/core/templates/payment.html b/backend/core/templates/payment.html
index 3dc5a75..a220dca 100644
--- a/backend/core/templates/payment.html
+++ b/backend/core/templates/payment.html
@@ -26,6 +26,8 @@
       <button 
         type="submit" 
         class="w-full bg-accent text-primary hover:bg-yellow-400 font-bold py-3 px-8 rounded-lg shadow-lg text-lg transition-all duration-200 ease-in-out transform hover:scale-105"
+        id="submit-btn"
+        disabled      
       >
         Enter Code
       </button>
@@ -42,14 +44,30 @@ document.addEventListener('DOMContentLoaded', function() {
   const status = document.getElementById('code-status');
   const codeError = document.getElementById('code-error');
   const backendError = document.getElementById('backend-error');
+  const submitBtn = document.getElementById('submit-btn');
+
+  function disableBtn() {
+    submitBtn.disabled = true;
+    submitBtn.classList.add('opacity-50', 'cursor-not-allowed');
+  }
+
+  function enableBtn() {
+    submitBtn.disabled = false;
+    submitBtn.classList.remove('opacity-50', 'cursor-not-allowed');
+  }
+
+  disableBtn();
 
   input.addEventListener('input', function() {
     status.innerHTML = '';
     codeError.innerHTML = '';
     if (backendError) backendError.style.display = 'none';
     const code = input.value.trim();
-    if (code.length === 0) return;
-
+    if (code.length === 0) {
+      disableBtn();
+      return;
+    };
+    disableBtn();
     status.innerHTML = `<svg class="animate-spin h-6 w-6 text-accent" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
       <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
       <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8z"></path>
@@ -68,13 +86,16 @@ document.addEventListener('DOMContentLoaded', function() {
       status.innerHTML = '';
       if (data.valid) {
         codeError.innerHTML = '<span class="text-green-600">✅ Valid code</span>';
+        enableBtn();
       } else {
         codeError.innerHTML = '<span class="text-red-600">❌ Invalid code</span>';
+        disableBtn();
       }
     })
     .catch(() => {
       status.innerHTML = '';
       codeError.innerHTML = '<span class="text-red-600">❌ Error checking code</span>';
+      disableBtn();
     });
   });
 });
-- 
2.47.3


From e3fc6cca001b12a13a9056b8cf2f0182d0ea3eb8 Mon Sep 17 00:00:00 2001
From: Amir <amirsabani303@gmail.com>
Date: Wed, 8 Oct 2025 15:36:25 +0200
Subject: [PATCH 2/2] Blokira Enter Code button na payment page-u dok se
 validacija ne zavrsi

---
 backend/core/templates/payment.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/backend/core/templates/payment.html b/backend/core/templates/payment.html
index a220dca..e0dca02 100644
--- a/backend/core/templates/payment.html
+++ b/backend/core/templates/payment.html
@@ -68,6 +68,7 @@ document.addEventListener('DOMContentLoaded', function() {
       return;
     };
     disableBtn();
+    
     status.innerHTML = `<svg class="animate-spin h-6 w-6 text-accent" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
       <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
       <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8z"></path>
-- 
2.47.3