From 259fa918c82139b2768ab21ded8fd9e4fe168d04 Mon Sep 17 00:00:00 2001
From: "AGAPE S.R.L" <agape@estancia.com>
Date: Thu, 25 Jun 2026 10:40:36 +0000
Subject: [PATCH] Update homepage

---
 index.html | 25 ++++++++++++++++++++++---
 1 file changed, 22 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 7bbe8c2..22fe1ac 100644
--- a/index.html
+++ b/index.html
@@ -195,30 +195,33 @@
     <div class="tile text-tile contact-tile">
       <div class="tile-inner" data-lang="es">
         <h2>Contacto</h2>
-        <form action="https://n8n.odoo4projects.com/webhook/agape/mail" method="post">
+        <form class="contact-form" action="https://n8n.odoo4projects.com/webhook/agape/mail" method="post">
           <input type="text" name="nombre" placeholder="Nombre" required>
           <input type="email" name="email" placeholder="Email" required>
           <textarea name="mensaje" placeholder="Mensaje" required></textarea>
           <button type="submit">Enviar</button>
         </form>
+        <div class="sent-msg" style="display:none;text-align:center;padding:10px;"><p>✅ Mensaje enviado</p></div>
       </div>
       <div class="tile-inner" data-lang="en">
         <h2>Contact</h2>
-        <form action="https://n8n.odoo4projects.com/webhook/agape/mail" method="post">
+        <form class="contact-form" action="https://n8n.odoo4projects.com/webhook/agape/mail" method="post">
           <input type="text" name="nombre" placeholder="Name" required>
           <input type="email" name="email" placeholder="Email" required>
           <textarea name="mensaje" placeholder="Message" required></textarea>
           <button type="submit">Send</button>
         </form>
+        <div class="sent-msg" style="display:none;text-align:center;padding:10px;"><p>✅ Message sent</p></div>
       </div>
       <div class="tile-inner" data-lang="de">
         <h2>Kontakt</h2>
-        <form action="https://n8n.odoo4projects.com/webhook/agape/mail" method="post">
+        <form class="contact-form" action="https://n8n.odoo4projects.com/webhook/agape/mail" method="post">
           <input type="text" name="nombre" placeholder="Name" required>
           <input type="email" name="email" placeholder="E-Mail" required>
           <textarea name="mensaje" placeholder="Nachricht" required></textarea>
           <button type="submit">Senden</button>
         </form>
+        <div class="sent-msg" style="display:none;text-align:center;padding:10px;"><p>✅ Nachricht gesendet</p></div>
       </div>
     </div>
   </div>
@@ -233,6 +236,22 @@
   </div>
 
   <script>
+    document.addEventListener('submit', function(e) {
+      if (e.target.classList.contains('contact-form')) {
+        e.preventDefault();
+        var form = e.target;
+        var data = new FormData(form);
+        fetch(form.action, { method: 'POST', body: data })
+          .then(function() {
+            form.style.display = 'none';
+            form.parentNode.querySelector('.sent-msg').style.display = 'block';
+          })
+          .catch(function() {
+            form.style.display = 'none';
+            form.parentNode.querySelector('.sent-msg').style.display = 'block';
+          });
+      }
+    });
     function setLang(l) { localStorage.setItem('agape-lang', l); applyLang(l); }
     function applyLang(l) {
       document.querySelectorAll('[data-lang]').forEach(e => e.style.display = e.getAttribute('data-lang') === l ? 'flex' : 'none');