{"id":1276,"date":"2022-11-11T18:11:20","date_gmt":"2022-11-11T18:11:20","guid":{"rendered":"https:\/\/vagasdecursos.com\/?page_id=1276"},"modified":"2022-11-11T18:11:20","modified_gmt":"2022-11-11T18:11:20","slug":"contact","status":"publish","type":"page","link":"https:\/\/admin.vagasdecursos.com\/contact\/","title":{"rendered":"Contato"},"content":{"rendered":"<div class=\"mx-5 sm:mx-0 prose leading-relaxed text-lg mb-5 text-left\">\n<p><\/p>\n<\/div><div class=\"wp-block-lazyblock-contact lazyblock-contact-5KQ83\"><script type=\"module\"> import { Application, Controller } from \"\/wp-content\/themes\/twentytwentyone\/assets\/js\/stimulus.min.js\"; let Stimulus = Application.start(); Stimulus.register(\"contact\", class extends Controller { static get targets() { return [ \"name\", \"email\", \"message\", \"button\", \"alertMessage\", \"returnMessage\" ]; } getName() { return this.nameTarget.value; } getEmail() { return this.emailTarget.value; } getMessage() { return this.messageTarget.value; } _beforeSend(response) { response.text().then((result) => { result = JSON.parse(result); this.alertMessageTarget.innerHTML = result.alert; }) } btnSubmitDisabled(event) { if (this.getName() != \"\" && this.getEmail() != \"\" && this.getMessage() != \"\") this.buttonTarget.disabled = false; else this.buttonTarget.disabled = true; } submit() { this.buttonTarget.disabled = true; let adminAjax = location.origin + '\/wp-json\/v1\/send_contact_message'; let objectContact = { name: this.getName(), email: this.getEmail(), message: this.getMessage() }; fetch(adminAjax, { method: 'POST', credentials: 'same-origin', headers: {'Content-Type': 'application\/x-www-form-urlencoded; charset=utf-8'}, body: JSON.stringify(objectContact) }).then(response => this._beforeSend(response)); this.nameTarget.value = ''; this.emailTarget.value = ''; this.messageTarget.value = ''; this.buttonTarget.disabled = false; } }) <\/script><section data-controller=\"contact\" class=\"mx-5 sm:mx-0 text-gray-600 body-font relative\">\n    <div class=\"container px-5 mx-auto\">\n      <div class=\"lg:w-1\/2 md:w-2\/3 mx-auto\">\n        <div class=\"flex flex-wrap -m-2\">\n            <div class=\"p-2 w-1\/2\">\n                <div class=\"relative\">\n                    <label for=\"name\" class=\"leading-7 text-sm text-gray-600\">\n                        Nome                    <\/label>\n                    <input data-contact-target=\"name\" data-action=\"contact#btnSubmitDisabled\" type=\"text\" id=\"name\" name=\"name\" class=\"w-full bg-gray-100 bg-opacity-50 rounded border border-gray-300 focus:border-indigo-500 focus:bg-white focus:ring-2 focus:ring-indigo-200 text-base outline-none text-gray-700 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out\">\n                <\/div>\n            <\/div>\n            <div class=\"p-2 w-1\/2\">\n                <div class=\"relative\">\n                    <label for=\"email\" class=\"leading-7 text-sm text-gray-600\">\n                        E-mail                    <\/label>\n                    <input data-contact-target=\"email\" data-action=\"contact#btnSubmitDisabled\" type=\"email\" id=\"email\" name=\"email\" class=\"w-full bg-gray-100 bg-opacity-50 rounded border border-gray-300 focus:border-indigo-500 focus:bg-white focus:ring-2 focus:ring-indigo-200 text-base outline-none text-gray-700 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out\">\n                <\/div>\n            <\/div>\n            <div class=\"p-2 w-full\">\n                <div class=\"relative\">\n                    <label for=\"message\" class=\"leading-7 text-sm text-gray-600\">\n                        Mensagem                    <\/label>\n                    <textarea data-contact-target=\"message\" data-action=\"contact#btnSubmitDisabled\" id=\"message\" name=\"message\" class=\"w-full bg-gray-100 bg-opacity-50 rounded border border-gray-300 focus:border-indigo-500 focus:bg-white focus:ring-2 focus:ring-indigo-200 h-32 text-base outline-none text-gray-700 py-1 px-3 resize-none leading-6 transition-colors duration-200 ease-in-out\"><\/textarea>\n                <\/div>\n            <\/div>\n            <div class=\"p-2 w-full\">\n                <button data-contact-target=\"button\" data-action='contact#submit' class=\"flex mx-auto border-0 py-2 px-8 focus:outline-none rounded text-lg disabled:opacity-50 \" disabled>\n                    Enviar                <\/button>\n            <\/div>    \n            <div class=\"p-2 w-full pt-4 mt-4 text-center\" data-contact-target=\"alertMessage\">\n                <div role=\"alert\">\n                    <span class=\"block sm:inline\" data-contact-target=\"returnMessage\"><\/span>\n                <\/div>\n            <\/div>            \n        <\/div>\n      <\/div>\n    <\/div>\n<\/section>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/admin.vagasdecursos.com\/wp-json\/wp\/v2\/pages\/1276"}],"collection":[{"href":"https:\/\/admin.vagasdecursos.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/admin.vagasdecursos.com\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/admin.vagasdecursos.com\/wp-json\/wp\/v2\/comments?post=1276"}],"version-history":[{"count":0,"href":"https:\/\/admin.vagasdecursos.com\/wp-json\/wp\/v2\/pages\/1276\/revisions"}],"wp:attachment":[{"href":"https:\/\/admin.vagasdecursos.com\/wp-json\/wp\/v2\/media?parent=1276"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}