{"id":3880,"date":"2025-02-28T12:26:51","date_gmt":"2025-02-28T11:26:51","guid":{"rendered":"https:\/\/foodieblackweek.com\/madrid\/?page_id=3880"},"modified":"2025-02-28T12:47:48","modified_gmt":"2025-02-28T11:47:48","slug":"test-formulario","status":"publish","type":"page","link":"https:\/\/foodieblackweek.com\/madrid\/test-formulario\/","title":{"rendered":"test formulario"},"content":{"rendered":"[et_pb_section admin_label=\u00bbsection\u00bb]\n\t\t\t[et_pb_row admin_label=\u00bbrow\u00bb]\n\t\t\t\t[et_pb_column type=\u00bb4_4&#8243;][et_pb_text admin_label=\u00bbText\u00bb]\n<!DOCTYPE html>\n<html lang=\"ca\">\n\n<head>\n    <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\"\n        integrity=\"sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH\" crossorigin=\"anonymous\">\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/js\/bootstrap.bundle.min.js\"\n        integrity=\"sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz\" crossorigin=\"anonymous\">\n    <\/script>\n    <script src=\"https:\/\/www.google.com\/recaptcha\/api.js\" async defer><\/script>\n    <style>\n    #registro-form {\n        font-family: 'Agenda-Light' !important;\n        font-weight: bold;\n        font-size: large;\n    }\n\n    .btn-primary {\n        font-family: 'Agenda-Light';\n        font-weight: bold;\n        background-color: #ff7ac9;\n        color: white;\n        border: 0px;\n        font-size: 1.5rem;\n    }\n\n\n    .btn-primary:hover {\n        background-color: #EF008D;\n    }\n\n    .btn.btn-primary[disabled] {\n        background-color: #EF008D;\n    }\n\n    .politicas-link {\n        color: #EF008D !important;\n    }\n\n    a {\n        color: #EF008D;\n        text-decoration: none;\n    }\n\n    #success-message {\n        font-family: 'Agenda-Bold';\n        font-weight: bold;\n        font-size: xx-large;\n        ;\n        color: #EF008D;\n        display: none;\n        text-align: center;\n        margin-top: 200px;\n        margin-bottom: 200px;\n    }\n    <\/style>\n<\/head>\n\n<body>\n    <form id=\"registro-form\">\n        <div class=\"mb-3\">\n            <label for=\"nombre\" class=\"form-label\">Nombre completo:<\/label>\n            <input type=\"text\" class=\"form-control\" id=\"nombre\" name=\"nombre\" required=\"\">\n        <\/div>\n\n        <div class=\"mb-3\">\n            <label for=\"empresa\" class=\"form-label\">Nombre de la empresa o entidad a la que representa:<\/label>\n            <input type=\"text\" class=\"form-control\" id=\"empresa\" name=\"empresa\">\n        <\/div>\n\n        <div class=\"mb-3\">\n            <label for=\"email\" class=\"form-label\">Correo electr\u00f3nico:<\/label>\n            <input type=\"email\" class=\"form-control\" id=\"email\" name=\"email\" required>\n        <\/div>\n\n        <div class=\"mb-3\">\n            <label for=\"nombre_acompanantes\" class=\"form-label\">Puedes venir acompa\u00f1ado de una persona, escribe su\n                nombre aqu\u00ed:<\/label>\n            <input type=\"text\" class=\"form-control\" id=\"nombre_acompanantes\" name=\"nombre_acompanantes\">\n        <\/div>\n\n        <div class=\"mb-3 form-check\">\n            <input type=\"checkbox\" class=\"form-check-input\" id=\"politicas\" name=\"politicas\" required=\"\">\n            <label class=\"form-check-label\" for=\"politicas\">\n                Acepto todas las <a href=\"https:\/\/foodieblackweek.com\/politica-de-privacidad\/\" target=\"_blank\"\n                    class=\"politicas-link\">pol\u00edticas de privacidad<\/a> y <a class=\"politicas-link\" target=\"_blank\"\n                    href=\"https:\/\/foodieblackweek.com\/politica-de-cookies\/\">cookies<\/a>.\n            <\/label>\n        <\/div>\n\n        <div class=\"g-recaptcha\" required data-sitekey=\"6LebmVUqAAAAAFq9n7XqH9pt5KiXZdKF-lG8J6UZ\"><\/div>\n\n        <button type=\"submit\" class=\"btn btn-primary\" id=\"enviar-btn\">Enviar<\/button>\n    <\/form>\n\n    <div id=\"success-message\">\n        <p>Gracias por confirmar tu asistencia. \u00a1Te esperamos el mi\u00e9rcoles 19!<\/p>\n    <\/div>\n\n    <script>\n    \/\/ Crear funci\u00f3n para enviar datos a Google Sheets\n    async function sendToGoogleSheets(data) {\n        const googleSheetsURL =\n            \"https:\/\/script.google.com\/macros\/s\/AKfycbwixK2K-4eXszMBV8ONJUSvGODBlxo9ueXg0Y08V-f2SOAKiMY8f6bLotcnhNt2G0zn\/exec\";\n\n        \/\/ Convertir los datos a formato x-www-form-urlencoded\n        const urlEncodedData = new URLSearchParams(data).toString();\n\n        try {\n            await fetch(googleSheetsURL, {\n                method: \"POST\",\n                cache: \"no-cache\",\n                headers: {\n                    \"Content-Type\": \"application\/x-www-form-urlencoded\"\n                },\n                body: urlEncodedData\n            });\n            return {\n                ok: true\n            };\n        } catch (error) {\n            console.error(\"Error sending data:\", error);\n            return {\n                ok: false\n            };\n        }\n    }\n\n    \/\/ Funci\u00f3n para manejar el env\u00edo del formulario\n    document.getElementById(\"registro-form\").addEventListener(\"submit\", async function(event) {\n        event.preventDefault();\n\n        const enviarBtn = document.getElementById(\"enviar-btn\");\n        enviarBtn.innerHTML = 'Enviando...';\n        enviarBtn.disabled = true;\n\n        const nombre = document.getElementById(\"nombre\").value;\n        const empresa = document.getElementById(\"empresa\").value;\n        const email = document.getElementById(\"email\").value;\n        const nombre_acompanantes = document.getElementById(\"nombre_acompanantes\").value;\n        const politicas = document.getElementById(\"politicas\").checked;\n\n        const recaptchaResponse = grecaptcha.getResponse();\n\n        if (!recaptchaResponse) {\n            alert(\"Por favor, completa el reCAPTCHA.\");\n            enviarBtn.innerHTML = 'Enviar';\n            enviarBtn.disabled = false;\n            return;\n        }\n\n        if (nombre && politicas) {\n            const currentDateTime = new Date().toLocaleString();\n            let id = 0;\n            \/\/ let id = parseInt(localStorage.getItem('id1') || '0', 10);\n            \/\/ let id1 = parseInt(localStorage.getItem('id1') || '139', 10);\n\n            const data = {\n                'Nombre': nombre,\n                'Empresa que representa': empresa,\n                'Email': email,\n                '5': nombre_acompanantes,\n                'g-recaptcha-response': recaptchaResponse,\n                'Fecha y hora': currentDateTime\n            };\n\n            localStorage.setItem('id1', id1);\n\n            const responseData = await sendToGoogleSheets(data);\n\n            if (responseData.ok) {\n                \/\/ Ocultar el formulario y mostrar el mensaje de \u00e9xito\n                document.getElementById(\"registro-form\").style.display = 'none';\n                document.getElementById(\"success-message\").style.display = 'block';\n            } else {\n                alert(\"Error al enviar los datos, por favor int\u00e9ntalo de nuevo.\");\n            }\n        } else {\n            alert(\"Por favor, completa todos los campos y acepta las pol\u00edticas de privacidad.\");\n        }\n\n        enviarBtn.innerHTML = 'Enviar';\n        enviarBtn.disabled = false;\n    });\n    <\/script>\n<\/body>\n\n<\/html>\n\n[\/et_pb_text][\/et_pb_column]\n\t\t\t[\/et_pb_row]\n\t\t[\/et_pb_section]","protected":false},"excerpt":{"rendered":"<!DOCTYPE html>\n<html lang=\"ca\">\n\n<head>\n    <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\"\n        integrity=\"sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH\" crossorigin=\"anonymous\">\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/js\/bootstrap.bundle.min.js\"\n        integrity=\"sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz\" crossorigin=\"anonymous\">\n    <\/script>\n    <script src=\"https:\/\/www.google.com\/recaptcha\/api.js\" async defer><\/script>\n    <style>\n    #registro-form {\n        font-family: 'Agenda-Light' !important;\n        font-weight: bold;\n        font-size: large;\n    }\n\n    .btn-primary {\n        font-family: 'Agenda-Light';\n        font-weight: bold;\n        background-color: #ff7ac9;\n        color: white;\n        border: 0px;\n        font-size: 1.5rem;\n    }\n\n\n    .btn-primary:hover {\n        background-color: #EF008D;\n    }\n\n    .btn.btn-primary[disabled] {\n        background-color: #EF008D;\n    }\n\n    .politicas-link {\n        color: #EF008D !important;\n    }\n\n    a {\n        color: #EF008D;\n        text-decoration: none;\n    }\n\n    #success-message {\n        font-family: 'Agenda-Bold';\n        font-weight: bold;\n        font-size: xx-large;\n        ;\n        color: #EF008D;\n        display: none;\n        text-align: center;\n        margin-top: 200px;\n        margin-bottom: 200px;\n    }\n    <\/style>\n<\/head>\n\n<body>\n    <form id=\"registro-form\">\n        <div class=\"mb-3\">\n            <label for=\"nombre\" class=\"form-label\">Nombre completo:<\/label>\n            <input type=\"text\" class=\"form-control\" id=\"nombre\" name=\"nombre\" required=\"\">\n        <\/div>\n\n        <div class=\"mb-3\">\n            <label for=\"empresa\" class=\"form-label\">Nombre de la empresa o entidad a la que representa:<\/label>\n            <input type=\"text\" class=\"form-control\" id=\"empresa\" name=\"empresa\">\n        <\/div>\n\n        <div class=\"mb-3\">\n            <label for=\"email\" class=\"form-label\">Correo electr\u00f3nico:<\/label>\n            <input type=\"email\" class=\"form-control\" id=\"email\" name=\"email\" required>\n        <\/div>\n\n        <div class=\"mb-3\">\n            <label for=\"nombre_acompanantes\" class=\"form-label\">Puedes venir acompa\u00f1ado de una persona, escribe su\n                nombre aqu\u00ed:<\/label>\n            <input type=\"text\" class=\"form-control\" id=\"nombre_acompanantes\" name=\"nombre_acompanantes\">\n        <\/div>\n\n        <div class=\"mb-3 form-check\">\n            <input type=\"checkbox\" class=\"form-check-input\" id=\"politicas\" name=\"politicas\" required=\"\">\n            <label class=\"form-check-label\" for=\"politicas\">\n                Acepto todas las <a href=\"https:\/\/foodieblackweek.com\/politica-de-privacidad\/\" target=\"_blank\"\n                    class=\"politicas-link\">pol\u00edticas de privacidad<\/a> y <a class=\"politicas-link\" target=\"_blank\"\n                    href=\"https:\/\/foodieblackweek.com\/politica-de-cookies\/\">cookies<\/a>.\n            <\/label>\n        <\/div>\n\n        <div class=\"g-recaptcha\" required data-sitekey=\"6LebmVUqAAAAAFq9n7XqH9pt5KiXZdKF-lG8J6UZ\"><\/div>\n\n        <button type=\"submit\" class=\"btn btn-primary\" id=\"enviar-btn\">Enviar<\/button>\n    <\/form>\n\n    <div id=\"success-message\">\n        <p>Gracias por confirmar tu asistencia. \u00a1Te esperamos el mi\u00e9rcoles 19!<\/p>\n    <\/div>\n\n    <script>\n    \/\/ Crear funci\u00f3n para enviar datos a Google Sheets\n    async function sendToGoogleSheets(data) {\n        const googleSheetsURL =\n            \"https:\/\/script.google.com\/macros\/s\/AKfycbwixK2K-4eXszMBV8ONJUSvGODBlxo9ueXg0Y08V-f2SOAKiMY8f6bLotcnhNt2G0zn\/exec\";\n\n        \/\/ Convertir los datos a formato x-www-form-urlencoded\n        const urlEncodedData = new URLSearchParams(data).toString();\n\n        try {\n            await fetch(googleSheetsURL, {\n                method: \"POST\",\n                cache: \"no-cache\",\n                headers: {\n                    \"Content-Type\": \"application\/x-www-form-urlencoded\"\n                },\n                body: urlEncodedData\n            });\n            return {\n                ok: true\n            };\n        } catch (error) {\n            console.error(\"Error sending data:\", error);\n            return {\n                ok: false\n            };\n        }\n    }\n\n    \/\/ Funci\u00f3n para manejar el env\u00edo del formulario\n    document.getElementById(\"registro-form\").addEventListener(\"submit\", async function(event) {\n        event.preventDefault();\n\n        const enviarBtn = document.getElementById(\"enviar-btn\");\n        enviarBtn.innerHTML = 'Enviando...';\n        enviarBtn.disabled = true;\n\n        const nombre = document.getElementById(\"nombre\").value;\n        const empresa = document.getElementById(\"empresa\").value;\n        const email = document.getElementById(\"email\").value;\n        const nombre_acompanantes = document.getElementById(\"nombre_acompanantes\").value;\n        const politicas = document.getElementById(\"politicas\").checked;\n\n        const recaptchaResponse = grecaptcha.getResponse();\n\n        if (!recaptchaResponse) {\n            alert(\"Por favor, completa el reCAPTCHA.\");\n            enviarBtn.innerHTML = 'Enviar';\n            enviarBtn.disabled = false;\n            return;\n        }\n\n        if (nombre && politicas) {\n            const currentDateTime = new Date().toLocaleString();\n            let id = 0;\n            \/\/ let id = parseInt(localStorage.getItem('id1') || '0', 10);\n            \/\/ let id1 = parseInt(localStorage.getItem('id1') || '139', 10);\n\n            const data = {\n                'Nombre': nombre,\n                'Empresa que representa': empresa,\n                'Email': email,\n                '5': nombre_acompanantes,\n                'g-recaptcha-response': recaptchaResponse,\n                'Fecha y hora': currentDateTime\n            };\n\n            localStorage.setItem('id1', id1);\n\n            const responseData = await sendToGoogleSheets(data);\n\n            if (responseData.ok) {\n                \/\/ Ocultar el formulario y mostrar el mensaje de \u00e9xito\n                document.getElementById(\"registro-form\").style.display = 'none';\n                document.getElementById(\"success-message\").style.display = 'block';\n            } else {\n                alert(\"Error al enviar los datos, por favor int\u00e9ntalo de nuevo.\");\n            }\n        } else {\n            alert(\"Por favor, completa todos los campos y acepta las pol\u00edticas de privacidad.\");\n        }\n\n        enviarBtn.innerHTML = 'Enviar';\n        enviarBtn.disabled = false;\n    });\n    <\/script>\n<\/body>\n\n<\/html>\n\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"<!-- wp:paragraph -->\n<p>[Formulario_Invitados]<\/p>\n<!-- \/wp:paragraph -->","_et_gb_content_width":"","footnotes":""},"class_list":["post-3880","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/foodieblackweek.com\/madrid\/wp-json\/wp\/v2\/pages\/3880","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/foodieblackweek.com\/madrid\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/foodieblackweek.com\/madrid\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/foodieblackweek.com\/madrid\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/foodieblackweek.com\/madrid\/wp-json\/wp\/v2\/comments?post=3880"}],"version-history":[{"count":2,"href":"https:\/\/foodieblackweek.com\/madrid\/wp-json\/wp\/v2\/pages\/3880\/revisions"}],"predecessor-version":[{"id":3882,"href":"https:\/\/foodieblackweek.com\/madrid\/wp-json\/wp\/v2\/pages\/3880\/revisions\/3882"}],"wp:attachment":[{"href":"https:\/\/foodieblackweek.com\/madrid\/wp-json\/wp\/v2\/media?parent=3880"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}