{"id":9,"date":"2023-11-09T03:05:11","date_gmt":"2023-11-09T03:05:11","guid":{"rendered":"https:\/\/azezholding.com\/en\/?page_id=9"},"modified":"2023-11-09T08:12:08","modified_gmt":"2023-11-09T08:12:08","slug":"contact","status":"publish","type":"page","link":"https:\/\/azezholding.com\/en\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\n<style>\n\n<\/style>\n\n\n\n<div id=\"contactForm\">\n<form id=\"contactForm\" onsubmit=\"submitForm(event)\">\n    <label for=\"name\">Name:<\/label>\n    <input type=\"text\" id=\"name\" name=\"name\" required>\n    <span id=\"nameError\" class=\"error\"><\/span>\n\n    <br>\n\n    <label for=\"email\">Email:<\/label>\n    <input type=\"email\" id=\"email\" name=\"email\" required>\n    <span id=\"emailError\" class=\"error\"><\/span>\n\n    <br>\n\n    <label for=\"subject\">Subject:<\/label>\n    <input type=\"text\" id=\"subject\" name=\"subject\" required>\n    <span id=\"subjectError\" class=\"error\"><\/span>\n\n    <br>\n\n    <label for=\"message\">Message:<\/label>\n    <textarea id=\"message\" name=\"message\" required><\/textarea>\n    <span id=\"messageError\" class=\"error\"><\/span>\n\n    <br>\n\n    <button type=\"submit\">Submit<\/button>\n<\/form>\n<\/div>\n<script>\n    function submitForm(event) {\n        event.preventDefault();\n\n        \/\/ Reset error messages\n        document.getElementById('nameError').textContent = '';\n        document.getElementById('emailError').textContent = '';\n        document.getElementById('subjectError').textContent = '';\n        document.getElementById('messageError').textContent = '';\n\n        \/\/ Get form values\n        const name = document.getElementById('name').value;\n        const email = document.getElementById('email').value;\n        const subject = document.getElementById('subject').value;\n        const message = document.getElementById('message').value;\n\n        \/\/ Validate form fields\n        if (!name || !email || !subject || !message) {\n            if (!name) {\n                document.getElementById('nameError').textContent = 'Name is required';\n            }\n            if (!email) {\n                document.getElementById('emailError').textContent = 'Email is required';\n            }\n            if (!subject) {\n                document.getElementById('subjectError').textContent = 'Subject is required';\n            }\n            if (!message) {\n                document.getElementById('messageError').textContent = 'Message is required';\n            }\n            return;\n        }\n\n        \/\/ Create FormData object and append form data\n        const formData = new FormData();\n        formData.append('name', name);\n        formData.append('email', email);\n        formData.append('subject', subject);\n        formData.append('message', message);\n\n        \/\/ Make AJAX request to the PHP endpoint\n        fetch('https:\/\/azezholding.com\/contact.php', {\n            method: 'POST',\n            body: formData\n        })\n        .then(response => response.text())\n        .then(data => {\n            console.log(data); \/\/ You can handle the response here\n            alert(data);\n            \/\/ Nuevo contenido que deseas colocar en el div\n            var nuevoContenido = '<p>The message was sent<br><a href=\"https:\/\/azezholding.com\/static_en\/\" title=\"Return to Home\">Return to Home<\/a><\/p>';\n            \/\/var nuevoContenido = '<p><h1>The message was sent<\/h1><\/p>';\n\n            \/\/ Selecciona el div por su id y actualiza su contenido\n            document.getElementById('contactForm').innerHTML = nuevoContenido;\n            \/\/location.href = 'https:\/\/azezholding.com\/static_en\/';\n        })\n        .catch(error => console.error('Error:', error));\n    }\n<\/script>\n\n\n\n<br><br><br><br><br>\n","protected":false},"excerpt":{"rendered":"<p>Name: Email: Subject: Message: Submit<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"_links":{"self":[{"href":"https:\/\/azezholding.com\/en\/wp-json\/wp\/v2\/pages\/9"}],"collection":[{"href":"https:\/\/azezholding.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/azezholding.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/azezholding.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/azezholding.com\/en\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":14,"href":"https:\/\/azezholding.com\/en\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":26,"href":"https:\/\/azezholding.com\/en\/wp-json\/wp\/v2\/pages\/9\/revisions\/26"}],"wp:attachment":[{"href":"https:\/\/azezholding.com\/en\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}