existing subscription validation 8

templates/stripe_html/index.html

@@ -52,9 +52,6 @@
     <!-- baner  -->
 
     <section class="baner-section">
-        <div class="row" id="already-active-subscription">
-            
-        </div>
         <div class="container">
             <div class="row">
                 <div class="col-md-6">
@@ -92,7 +89,9 @@
         </div>
 
     </section>
-
+    <div class="row" id="already-active-subscription">
+            
+    </div>
     <section class="card_design">
         <div class="container">
             <div class="row">
@@ -548,7 +547,12 @@
                             })
                             .catch((error) => {
                                 console.error("Error:", error);
-                                document.getElementById('already-active-subscription').innerText = "Error: " + error.message;
+                                const errorMessageElement = document.getElementById('error-message');
+                                if (errorMessageElement) {
+                                    errorMessageElement.innerText = "Error: " + error.message;  // Display the error in the specific div
+                                    errorMessageElement.style.color = 'red';   // Set text color to red
+                                    errorMessageElement.style.fontWeight = 'bold'; // Set text to bold
+                                }
                                 button.disabled = false;
                             });
                     });