resolvido merge com nova ui

templates/editar_militante.html

@@ -16,7 +16,9 @@
                 {% endif %}
             {% endwith %}
             
-            <form method="POST" class="needs-validation" novalidate>
+            <form id="formEditarMilitante" method="POST" class="needs-validation" novalidate>
+                <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
+                <input type="hidden" name="militante_id" value="{{ militante.id }}">
                 <div class="row">
                     <div class="col-md-6 mb-3">
                         <label for="nome" class="form-label">Nome</label>
@@ -28,7 +30,7 @@
                     
                     <div class="col-md-6 mb-3">
                         <label for="email" class="form-label">Email</label>
-                        <input type="email" class="form-control" id="email" name="email" value="{{ militante.email }}" required>
+                        <input type="email" class="form-control" id="email" name="email" value="{{ militante.emails[0].endereco_email if militante.emails else '' }}" required>
                         <div class="invalid-feedback">
                             Por favor, insira um email válido.
                         </div>
@@ -209,21 +211,43 @@
 <script>
 // Validação do formulário
 (function () {
-    'use strict'
+    'use strict';
     
-    var forms = document.querySelectorAll('.needs-validation')
+    var forms = document.querySelectorAll('.needs-validation');
     
     Array.prototype.slice.call(forms)
         .forEach(function (form) {
             form.addEventListener('submit', function (event) {
+                event.preventDefault();
+                
                 if (!form.checkValidity()) {
-                    event.preventDefault()
-                    event.stopPropagation()
+                    event.stopPropagation();
+                } else {
+                    salvarAlteracoesMilitante({{ militante.id }});
                 }
                 
-                form.classList.add('was-validated')
-            }, false)
-        })
-})()
+                form.classList.add('was-validated');
+            }, false);
+        });
+})();
+
+// Função para mostrar alertas
+function mostrarAlerta(mensagem, tipo) {
+    const alertDiv = document.createElement('div');
+    alertDiv.className = `alert alert-${tipo} alert-dismissible fade show`;
+    alertDiv.role = 'alert';
+    alertDiv.innerHTML = `
+        ${mensagem}
+        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+    `;
+    
+    const container = document.querySelector('.container');
+    container.insertBefore(alertDiv, container.firstChild);
+    
+    // Remover o alerta após 5 segundos
+    setTimeout(() => {
+        alertDiv.remove();
+    }, 5000);
+}
 </script>
 {% endblock %}