bloquear botão ao analisar para evitar duplo clique

app/assets/js/scripts.js

@@ -14,6 +14,7 @@
  */
 function validateForm() {
     const urlInput = document.getElementById('url');
+    const submitButton = document.querySelector('button[type="submit"]');
     const url = urlInput.value.trim();
     
     // Verifica se a URL não está vazia
@@ -36,7 +37,21 @@ function validateForm() {
         return false;
     }
 
-    return true;
+    // Desabilita o input e o botão
+    urlInput.disabled = true;
+    submitButton.disabled = true;
+    
+    // Adiciona classes de disabled do Tailwind
+    submitButton.classList.add('cursor-not-allowed', 'disabled:bg-blue-400');
+    submitButton.classList.remove('hover:bg-blue-700');
+
+    // Adiciona estado de loading ao botão
+    submitButton.innerHTML = `
+        <img src="/assets/svg/refresh.svg" class="animate-spin w-5 h-5 mr-2">
+        Analisando...
+    `;
+
+    return false;
 }
 
 /**

app/index.php

@@ -219,7 +219,14 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['url'])) {
     </div>
 
     <!-- Scripts JavaScript -->
-    <script src="assets/js/scripts.js"></script>
+    <script>
+    <?php
+    $js_file = 'assets/js/scripts.js';
+    if (file_exists($js_file)) {
+        echo file_get_contents($js_file);
+    }
+    ?>
+    </script>
 </body>
 
-</html>
+</html>