{"id":77,"date":"2016-04-01T18:13:27","date_gmt":"2016-04-01T18:13:27","guid":{"rendered":"https:\/\/www.yogakalyana.com\/eng\/?page_id=77"},"modified":"2022-05-04T21:18:01","modified_gmt":"2022-05-04T21:18:01","slug":"newsletter","status":"publish","type":"page","link":"https:\/\/www.yogakalyana.com\/eng\/newsletter\/","title":{"rendered":"Sign Up for our Newsletter"},"content":{"rendered":"\n            <div id=\"mailerlite-form_1\" data-temp-id=\"69f2b3e2f2dd4\">\n                <div class=\"mailerlite-form\">\n                    <form action=\"\" method=\"post\" novalidate>\n                                                    <div class=\"mailerlite-form-title\"><h3>Newsletter signup<\/h3><\/div>\n                                                <div class=\"mailerlite-form-description\"><\/div>\n                        <div class=\"mailerlite-form-inputs\">\n                                                                                            <div class=\"mailerlite-form-field\">\n                                    <label for=\"mailerlite-1-field-email\">Email<\/label>\n                                    <input id=\"mailerlite-1-field-email\"\n                                           type=\"email\" required=\"required\"                                            name=\"form_fields[email]\"\n                                           placeholder=\"Email\"\/>\n                                <\/div>\n                                                                                            <div class=\"mailerlite-form-field\">\n                                    <label for=\"mailerlite-1-field-name\">Name<\/label>\n                                    <input id=\"mailerlite-1-field-name\"\n                                           type=\"text\"                                            name=\"form_fields[name]\"\n                                           placeholder=\"Name\"\/>\n                                <\/div>\n                                                                                            <div class=\"mailerlite-form-field\">\n                                    <label for=\"mailerlite-1-field-last_name\">Last name<\/label>\n                                    <input id=\"mailerlite-1-field-last_name\"\n                                           type=\"text\"                                            name=\"form_fields[last_name]\"\n                                           placeholder=\"Last name\"\/>\n                                <\/div>\n                                                        <div class=\"mailerlite-form-loader\">Please wait...<\/div>\n                            <div class=\"mailerlite-subscribe-button-container\">\n                                <input class=\"mailerlite-subscribe-submit\" type=\"submit\"\n                                       value=\"Subscribe\"\/>\n                            <\/div>\n                            <input type=\"hidden\" name=\"form_id\" value=\"1\"\/>\n                            <input type=\"hidden\" name=\"action\" value=\"mailerlite_subscribe_form\"\/>\n                            <input type=\"hidden\" name=\"ml_nonce\" value=\"ba43a50b54\"\/>\n                        <\/div>\n                        <div class=\"mailerlite-form-response\">\n                                                            <h4><p>Thank you for signing up for our newsletter.\u00a0 We'll be in touch!<\/p>\n<\/h4>\n                                                    <\/div>\n                    <\/form>\n                <\/div>\n            <\/div>\n        <script type=\"text\/javascript\" src='https:\/\/www.yogakalyana.com\/eng\/wp-content\/plugins\/official-mailerlite-sign-up-forms\/assets\/js\/localization\/validation-messages.js'><\/script>\n        <script type=\"text\/javascript\">\n                var selectedLanguage = \"\";\n                var validationMessages = messages[\"en\"];\n                if(selectedLanguage) {\n                    validationMessages = messages[selectedLanguage];\n                }\n\n                window.addEventListener(\"load\", function () {\n                            var form_container = document.querySelector(`#mailerlite-form_1[data-temp-id=\"69f2b3e2f2dd4\"] form`);\n                            let submitButton = form_container.querySelector('.mailerlite-subscribe-submit');\n                            submitButton.disabled = true;\n                            fetch('https:\/\/www.yogakalyana.com\/eng\/wp-admin\/admin-ajax.php', {\n                                method: 'POST',\n                                headers:{\n                                    'Content-Type': 'application\/x-www-form-urlencoded',\n                                },\n                                body: new URLSearchParams({\n                                    \"action\" : \"ml_create_nonce\",\n                                    \"ml_nonce\" : form_container.querySelector(\"input[name='ml_nonce']\").value\n                                })\n                            })\n                                .then((response) => response.json())\n                                .then((json) => {\n                                       if(json.success) {\n                                           form_container.querySelector(\"input[name='ml_nonce']\").value = json.data.ml_nonce;\n                                           submitButton.disabled = false;\n                                       }\n                                })\n                                .catch((error) => {\n                                    console.error('Error:', error);\n                                });\n                        form_container.addEventListener('submit', (e) => {\n                            e.preventDefault();\n                            let data = new URLSearchParams(new FormData(form_container)).toString();\n                            let validationError = false;\n                            document.querySelectorAll('.mailerlite-form-error').forEach(el => el.remove());\n                           Array.from(form_container.elements).forEach((input) => {\n                               if(input.type !== 'hidden') {\n                                   if(input.required) {\n                                       if(input.value == '') {\n                                           validationError = true;\n                                           let error = document.createElement(\"span\");\n                                           error.className = 'mailerlite-form-error';\n                                           error.textContent = validationMessages.required;\n                                           input.after(error);\n                                           return false;\n                                       }\n                                   }\n                                   if((input.type == \"email\") && (!validateEmail(input.value))) {\n                                       validationError = true;\n                                       let error = document.createElement(\"span\");\n                                       error.className = 'mailerlite-form-error';\n                                       error.textContent = validationMessages.email;\n                                       input.after(error);\n                                       return false;\n                                   }\n                               }\n                           });\n                           if(validationError) {\n                               return false;\n                           }\n\n                            fade.out(form_container.querySelector('.mailerlite-subscribe-button-container'), () => {\n                                fade.in(form_container.querySelector('.mailerlite-form-loader'));\n                            });\n\n                            fetch('https:\/\/www.yogakalyana.com\/eng\/wp-admin\/admin-ajax.php', {\n                                method: 'POST',\n                                headers:{\n                                    'Content-Type': 'application\/x-www-form-urlencoded',\n                                },\n                                body: data\n                            })\n                                .then((response) => {\n                                    fade.out(form_container.querySelector('.mailerlite-form-inputs'), () => {\n                                        fade.in(form_container.querySelector('.mailerlite-form-response'));\n                                    });\n                                })\n                                .catch((error) => {\n                                    console.error('Error:', error);\n                                });\n                        });\n                    }, false);\n\n                var fade = {\n                    out: function(el, fn = false) {\n                        var fadeOutEffect = setInterval(function () {\n                            if (!el.style.opacity) {\n                                el.style.opacity = 1;\n                            }\n                            if (el.style.opacity > 0) {\n                                el.style.opacity -= 0.1;\n                            } else {\n                                el.style.display = 'none';\n                                clearInterval(fadeOutEffect);\n                            }\n                        }, 50);\n                        if( typeof (fn) == 'function') {\n                            fn();\n                        }\n                    },\n                    in: function(el) {\n                        var fadeInEffect = setInterval(function () {\n                            if (!el.style.opacity) {\n                                el.style.opacity = 0;\n                            }\n                            if (el.style.opacity < 1) {\n\n                                el.style.opacity = Number(el.style.opacity) + 0.1;\n                            } else {\n                                el.style.display = 'block';\n                                clearInterval(fadeInEffect);\n                            }\n                        }, 50);\n                    }\n                }\n\n                function validateEmail(email){\n                    if(email.match(\n                        \/^(([^<>()[\\]\\\\.,;:\\s@\\\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\\\"]+)*)|(\\\".+\\\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$\/\n                    )) {\n                        return true;\n                    }\n                    return false;\n                }\n            <\/script>\n        \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"_links":{"self":[{"href":"https:\/\/www.yogakalyana.com\/eng\/wp-json\/wp\/v2\/pages\/77"}],"collection":[{"href":"https:\/\/www.yogakalyana.com\/eng\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.yogakalyana.com\/eng\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.yogakalyana.com\/eng\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yogakalyana.com\/eng\/wp-json\/wp\/v2\/comments?post=77"}],"version-history":[{"count":6,"href":"https:\/\/www.yogakalyana.com\/eng\/wp-json\/wp\/v2\/pages\/77\/revisions"}],"predecessor-version":[{"id":709,"href":"https:\/\/www.yogakalyana.com\/eng\/wp-json\/wp\/v2\/pages\/77\/revisions\/709"}],"wp:attachment":[{"href":"https:\/\/www.yogakalyana.com\/eng\/wp-json\/wp\/v2\/media?parent=77"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}