{"id":6122,"date":"2024-11-22T19:27:44","date_gmt":"2024-11-22T19:27:44","guid":{"rendered":"https:\/\/demo.homiza.com.br\/classico\/?page_id=6122"},"modified":"2025-05-19T17:25:01","modified_gmt":"2025-05-19T17:25:01","slug":"login","status":"publish","type":"page","link":"https:\/\/demo.rauses.com.br\/classico\/login\/","title":{"rendered":"Login"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\"logo\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t<\/div> \n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Custom Login<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Nunito+Sans:wght@400;600&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --main-color: #0054a6;\r\n --font-size: 15px;\r\n }\r\n .custom-login-form {\r\n font-family: 'Nunito Sans', sans-serif;\r\n padding: 35px;\r\n background: rgba(255, 255, 255, 0.8);\r\n border-radius: 30px;\r\n backdrop-filter: blur(10px);\r\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\r\n max-width: 400px;\r\n width: 100%;\r\n margin: 0 auto;\r\n }\r\n .custom-login-form form {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 15px;\r\n }\r\n .custom-login-form label {\r\n font-size: var(--font-size);\r\n font-weight: 600;\r\n color: #333;\r\n }\r\n .custom-login-form input[type=\"text\"],\r\n .custom-login-form input[type=\"password\"] {\r\n padding: 10px;\r\n border-radius: 20px;\r\n border: 1px solid #ddd;\r\n width: 100%;\r\n font-size: var(--font-size);\r\n }\r\n .custom-login-form button[type=\"submit\"] {\r\n padding: 10px;\r\n border-radius: 20px;\r\n border: none;\r\n background-color: var(--main-color);\r\n color: #fff;\r\n cursor: pointer;\r\n transition: background-color 0.3s;\r\n font-size: var(--font-size);\r\n }\r\n .custom-login-form button[type=\"submit\"]:hover {\r\n background-color: #007ACC;\r\n }\r\n .password-container {\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n }\r\n .toggle-password {\r\n position: absolute;\r\n right: 15px;\r\n cursor: pointer;\r\n fill: var(--main-color);\r\n width: 20px;\r\n height: 20px;\r\n }\r\n .custom-loader {\r\n display: none;\r\n text-align: center;\r\n }\r\n .custom-loader span {\r\n display: inline-block;\r\n width: 25px;\r\n height: 25px;\r\n border: 3px solid var(--main-color);\r\n border-radius: 50%;\r\n border-top-color: transparent;\r\n animation: spin 1s linear infinite;\r\n margin-top: 10px;\r\n }\r\n @keyframes spin {\r\n 0% { transform: rotate(0deg); }\r\n 100% { transform: rotate(360deg); }\r\n }\r\n .custom-message {\r\n font-size: var(--font-size);\r\n text-align: center;\r\n margin-top: 10px;\r\n }\r\n .custom-message.success {\r\n color: var(--main-color); \r\n }\r\n .custom-message.error {\r\n color: #ff0000;\r\n }\r\n .extra-links {\r\n display: flex;\r\n justify-content: center;\r\n margin-top: 10px;\r\n font-size: calc(var(--font-size) - 2px);\r\n color: #333;\r\n }\r\n .extra-links a {\r\n color: var(--main-color);\r\n text-decoration: none;\r\n }\r\n .extra-links a:hover {\r\n text-decoration: underline;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"custom-login-form\">\r\n <form id=\"loginForm\">\r\n <label for=\"username\">Email:<\/label>\r\n <input type=\"text\" id=\"username\" name=\"username\" placeholder=\"johndoe@gmail.com\" required>\r\n <label for=\"password\">Senha:<\/label>\r\n <div class=\"password-container\">\r\n <input type=\"password\" id=\"password\" name=\"password\" placeholder=\"******\" required>\r\n <span id=\"togglePassword\" class=\"toggle-password\">\r\n <svg id=\"eyeIcon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" width=\"20\" height=\"20\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-eye\">\r\n <path d=\"M1 12s4-5.5 11-5.5S23 12 23 12s-4 5.5-11 5.5S1 12 1 12z\"><\/path>\r\n <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\r\n <\/svg>\r\n <\/span>\r\n <\/div>\r\n <button type=\"submit\" id=\"loginButton\">Login<\/button>\r\n <div id=\"loader\" class=\"custom-loader\"><span><\/span><\/div>\r\n <div id=\"message\" class=\"custom-message\"><\/div>\r\n <\/form>\r\n <div class=\"extra-links\">\r\n <a href=\"\/redefinir-senha\/\">Esqueci minha senha<\/a>\r\n <\/div>\r\n <\/div>\r\n <script>\r\n function initLoginForm() {\r\n const togglePassword = document.getElementById('togglePassword');\r\n const passwordInput = document.getElementById('password');\r\n const eyeIcon = document.getElementById('eyeIcon');\r\n const rootStyles = document.documentElement.style;\r\n const eyeOpenIcon = `<path d=\"M1 12s4-5.5 11-5.5S23 12 23 12s-4 5.5-11 5.5S1 12 1 12z\"><\/path><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>`;\r\n const eyeClosedIcon = `<path d=\"M1 1l22 22M9 9l3 3M22 12c0 0-4 5.5-11 5.5S2 12 2 12\"><\/path><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>`;\r\n let isPasswordVisible = false;\r\n togglePassword.addEventListener('click', function() {\r\n isPasswordVisible = !isPasswordVisible;\r\n passwordInput.setAttribute('type', isPasswordVisible ? 'text' : 'password');\r\n eyeIcon.innerHTML = isPasswordVisible ? eyeClosedIcon : eyeOpenIcon;\r\n });\r\n document.getElementById(\"loginForm\").addEventListener(\"submit\", async function(event) {\r\n event.preventDefault();\r\n const username = document.getElementById('username').value.trim();\r\n const password = document.getElementById('password').value.trim();\r\n if (!username || !password) {\r\n alert(\"Por favor, preencha todos os campos.\");\r\n return;\r\n }\r\n const loader = document.getElementById('loader');\r\n loader.style.display = 'block';\r\n try {\r\n const locationResponse = await fetch('https:\/\/ipinfo.io\/json?token=11ced4220cdee6');\r\n const locationData = await locationResponse.json();\r\n const loginResponse = await fetch('https:\/\/demo.rauses.com.br\/classico\/wp-json\/custom\/v1\/wordpress-login', {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application\/json',\r\n },\r\n body: JSON.stringify({ username, password }),\r\n });\r\n loader.style.display = 'none';\r\n if (loginResponse.ok) {\r\n const userData = await loginResponse.json();\r\n const payload = {\r\n username: userData.username,\r\n role: userData.role,\r\n firstName: userData.firstName,\r\n lastName: userData.lastName,\r\n nickname: userData.nickname,\r\n displayName: userData.name,\r\n email: userData.email,\r\n website: userData.website,\r\n mobileNumber: userData.mobileNumber,\r\n officeNumber: userData.officeNumber,\r\n faxNumber: userData.faxNumber,\r\n whatsappNumber: userData.whatsappNumber,\r\n facebookUrl: userData.facebookUrl,\r\n twitterUrl: userData.twitterUrl,\r\n linkedInUrl: userData.linkedInUrl,\r\n instagramUrl: userData.instagramUrl,\r\n pinterestUrl: userData.pinterestUrl,\r\n youtubeUrl: userData.youtubeUrl,\r\n bio: userData.bio,\r\n location: {\r\n ip: locationData.ip,\r\n city: locationData.city,\r\n region: locationData.region,\r\n country: locationData.country,\r\n loc: locationData.loc,\r\n postal: locationData.postal,\r\n timezone: locationData.timezone\r\n },\r\n requestDate: new Date().toISOString(),\r\n userAgent: navigator.userAgent \/\/ Adicionando o User Agent aqui\r\n };\r\n await fetch('https:\/\/hook.us1.make.com\/29wfcofk1xfyeo15qh83wugvg098gjg4', {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application\/json',\r\n },\r\n body: JSON.stringify(payload),\r\n });\r\n const message = document.getElementById('message');\r\n message.style.display = 'block';\r\n message.classList.add('success');\r\n message.textContent = 'Usu\u00e1rio conectado';\r\n localStorage.setItem('registered', 'true');\r\n localStorage.setItem('user_name', userData.name);\r\n localStorage.setItem('user_email', userData.email);\r\n let redirectUrl;\r\n if (userData.role === 'administrator') {\r\n redirectUrl = '\/sign\/';\r\n } else if (userData.role === 'agency' || userData.role === 'agent') {\r\n redirectUrl = '\/dashboard\/';\r\n } else {\r\n redirectUrl = '\/sign\/';\r\n }\r\n setTimeout(() => {\r\n window.location.href = redirectUrl;\r\n }, 1000);\r\n } else {\r\n const message = document.getElementById('message');\r\n message.style.display = 'block';\r\n message.classList.add('error');\r\n message.textContent = 'Usu\u00e1rio n\u00e3o encontrado';\r\n }\r\n } catch (error) {\r\n loader.style.display = 'none';\r\n console.error('Erro ao fazer login:', error);\r\n alert(\"Erro ao tentar logar. Tente novamente mais tarde.\");\r\n }\r\n });\r\n }\r\n document.addEventListener('DOMContentLoaded', initLoginForm);\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Custom Login Email: Senha: Login Esqueci minha senha<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-6122","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.rauses.com.br\/classico\/wp-json\/wp\/v2\/pages\/6122","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.rauses.com.br\/classico\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.rauses.com.br\/classico\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.rauses.com.br\/classico\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.rauses.com.br\/classico\/wp-json\/wp\/v2\/comments?post=6122"}],"version-history":[{"count":15,"href":"https:\/\/demo.rauses.com.br\/classico\/wp-json\/wp\/v2\/pages\/6122\/revisions"}],"predecessor-version":[{"id":6936,"href":"https:\/\/demo.rauses.com.br\/classico\/wp-json\/wp\/v2\/pages\/6122\/revisions\/6936"}],"wp:attachment":[{"href":"https:\/\/demo.rauses.com.br\/classico\/wp-json\/wp\/v2\/media?parent=6122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}