{"id":787,"date":"2025-10-02T16:50:00","date_gmt":"2025-10-02T16:50:00","guid":{"rendered":"https:\/\/hoststeps.com\/?page_id=787"},"modified":"2025-10-12T21:54:25","modified_gmt":"2025-10-12T21:54:25","slug":"login","status":"publish","type":"page","link":"https:\/\/hoststeps.com\/ar\/login\/","title":{"rendered":"login"},"content":{"rendered":"    <div class=\"hs-auth\" data-theme=\"light\">\r\n      <div class=\"hs-card hs-variant-stack\" style=\"--hs-width:min(520px,92%);--hs-accent:#7ac943;--hs-radius:18px;--hs-shadow:0 14px 34px rgba(0,0,0,.14);justify-content:center;\">\r\n        \r\n        \r\n        <div id=\"hs-login\" class=\"hs-pane is-active\" role=\"tabpanel\">\r\n          <form method=\"post\" class=\"hs-form\" novalidate>\r\n            <input type=\"hidden\" name=\"hs_action\" value=\"login\" \/>\r\n            <input type=\"hidden\" name=\"hs_nonce\" value=\"4934c88a35\" \/>\r\n            <input type=\"text\" name=\"hs_hp\" class=\"hs-hp\" tabindex=\"-1\" autocomplete=\"off\" \/>\r\n            <label><span>\u0627\u0633\u0645 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0623\u0648 \u0627\u0644\u0628\u0631\u064a\u062f<\/span><input id=\"hs-username\" type=\"text\" name=\"log\" required autocomplete=\"username\" value=\"\" \/><\/label>\r\n            <label><span>\u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631<\/span><input type=\"password\" name=\"pwd\" required autocomplete=\"current-password\" \/><\/label>\r\n            <div class=\"hs-otp\" style=\"display:none\"><label><span>\u0631\u0645\u0632 \u0627\u0644\u0645\u0635\u062f\u0651\u0642<\/span><input type=\"text\" name=\"otp\" autocomplete=\"one-time-code\" \/><\/label><\/div>\r\n            <label class=\"hs-inline\"><input type=\"checkbox\" name=\"rememberme\" value=\"forever\" \/><span>\u062a\u0630\u0643\u0631\u0646\u064a<\/span><\/label>\r\n                        <button type=\"submit\" class=\"hs-btn primary\">\u062f\u062e\u0648\u0644<\/button>\r\n            <div class=\"hs-actions\" style=\"display:flex;justify-content:space-between;gap:6px;flex-wrap:wrap\">\r\n              <button type=\"button\" id=\"hs-passkey-login\" class=\"hs-btn\">Passkey<\/button>\r\n              <a class=\"hs-btn link\" href=\"https:\/\/hoststeps.com\/ar\/magic-link\/\">\r\n                \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u062f\u062e\u0648\u0644 \u0628\u0631\u0627\u0628\u0637 \u0633\u062d\u0631\u064a<\/a>\r\n              <button type=\"button\" class=\"hs-btn link\" data-switch=\"#hs-register\">\u0625\u0646\u0634\u0627\u0621 \u062d\u0633\u0627\u0628<\/button>\r\n              <button type=\"button\" class=\"hs-btn link\" data-switch=\"#hs-forgot\">\u0627\u0633\u062a\u0639\u0627\u062f\u0629 \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631<\/button>\r\n            <\/div>\r\n          <\/form>\r\n        <\/div>\r\n\r\n        <div id=\"hs-register\" class=\"hs-pane\" role=\"tabpanel\">\r\n          <form method=\"post\" class=\"hs-form\" novalidate>\r\n            <input type=\"hidden\" name=\"hs_action\" value=\"register\" \/>\r\n            <input type=\"hidden\" name=\"hs_nonce\" value=\"a78e0ffaba\" \/>\r\n            <input type=\"text\" name=\"hs_hp\" class=\"hs-hp\" tabindex=\"-1\" autocomplete=\"off\" \/>\r\n            <label><span>\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0623\u0648\u0644<\/span><input type=\"text\" name=\"first_name\" required autocomplete=\"given-name\" \/><\/label>\r\n            <label><span>\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0623\u062e\u064a\u0631<\/span><input type=\"text\" name=\"last_name\" required autocomplete=\"family-name\" \/><\/label>\r\n            <label><span>\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/span><input type=\"email\" name=\"user_email\" required autocomplete=\"email\" \/><\/label>\r\n            <label><span>\u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631<\/span><input type=\"password\" name=\"user_pass\" required autocomplete=\"new-password\" \/><\/label>\r\n            <label><span>\u062a\u0623\u0643\u064a\u062f \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631<\/span><input type=\"password\" name=\"user_pass2\" required autocomplete=\"new-password\" \/><\/label>\r\n                        <button type=\"submit\" class=\"hs-btn primary\">\u0625\u0646\u0634\u0627\u0621 \u062d\u0633\u0627\u0628<\/button>\r\n            <div class=\"hs-back\"><button type=\"button\" class=\"hs-btn link\" data-switch=\"#hs-login\">\u2190 \u0627\u0644\u0631\u062c\u0648\u0639 \u0625\u0644\u0649 \u0627\u0644\u062f\u062e\u0648\u0644<\/button><\/div>\r\n          <\/form>\r\n        <\/div>\r\n\r\n        <div id=\"hs-forgot\" class=\"hs-pane\" role=\"tabpanel\">\r\n          <form method=\"post\" class=\"hs-form\" novalidate>\r\n            <input type=\"hidden\" name=\"hs_action\" value=\"forgot\" \/>\r\n            <input type=\"hidden\" name=\"hs_nonce\" value=\"5f535cffcb\" \/>\r\n            <input type=\"text\" name=\"hs_hp\" class=\"hs-hp\" tabindex=\"-1\" autocomplete=\"off\" \/>\r\n            <label><span>\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/span><input type=\"email\" name=\"user_email\" required autocomplete=\"email\" \/><\/label>\r\n                        <button type=\"submit\" class=\"hs-btn primary\">\u0625\u0631\u0633\u0627\u0644 \u0631\u0627\u0628\u0637 \u0627\u0644\u0627\u0633\u062a\u0639\u0627\u062f\u0629<\/button>\r\n            <div class=\"hs-back\"><button type=\"button\" class=\"hs-btn link\" data-switch=\"#hs-login\">\u2190 \u0627\u0644\u0631\u062c\u0648\u0639 \u0625\u0644\u0649 \u0627\u0644\u062f\u062e\u0648\u0644<\/button><\/div>\r\n          <\/form>\r\n        <\/div>\r\n\r\n        <!-- Email OTP pane -->\r\n        <div id=\"hs-eotp\" class=\"hs-pane\" role=\"tabpanel\" style=\"display:none\">\r\n          <form method=\"post\" class=\"hs-form\" novalidate>\r\n            <input type=\"hidden\" name=\"hs_action\" value=\"email_otp_verify\" \/>\r\n            <input type=\"hidden\" name=\"hs_nonce\" value=\"1a8f03904b\" \/>\r\n            <label><span>\u0623\u062f\u062e\u0644 \u0643\u0648\u062f \u0627\u0644\u062a\u062d\u0642\u0642 \u0627\u0644\u0645\u0643\u0648\u0651\u0646 \u0645\u0646 6 \u0623\u0631\u0642\u0627\u0645<\/span><input type=\"text\" name=\"otp_code\" inputmode=\"numeric\" pattern=\"\\\\d{6}\" required \/><\/label>\r\n            <input type=\"hidden\" name=\"purpose\" value=\"login\" \/>\r\n            <input type=\"hidden\" name=\"uid\" value=\"0\" \/>\r\n            <button class=\"hs-btn primary\" type=\"submit\">\u062a\u062d\u0642\u0642<\/button>\r\n          <\/form>\r\n          <form method=\"post\" style=\"margin-top:8px\">\r\n            <input type=\"hidden\" name=\"hs_action\" value=\"email_otp_resend\" \/>\r\n            <input type=\"hidden\" name=\"hs_nonce\" value=\"1a8f03904b\" \/>\r\n            <input type=\"hidden\" name=\"purpose\" value=\"login\" \/>\r\n            <input type=\"hidden\" name=\"uid\" value=\"0\" \/>\r\n            <button class=\"hs-btn link\" type=\"submit\">\u0625\u0639\u0627\u062f\u0629 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0643\u0648\u062f<\/button>\r\n          <\/form>\r\n          <div class=\"hs-back\"><button type=\"button\" class=\"hs-btn link\" data-switch=\"#hs-login\">\u2190 \u0627\u0644\u0631\u062c\u0648\u0639 \u0625\u0644\u0649 \u0627\u0644\u062f\u062e\u0648\u0644<\/button><\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n    <script>(function(){\r\n      var c=document.currentScript.previousElementSibling;if(!c)return;\r\n      function act(sel){var pane=c.querySelector(sel);if(!pane)return;var panes=c.querySelectorAll('.hs-pane');panes.forEach(p=>p.classList.remove('is-active'));pane.classList.add('is-active');pane.style.display='block';}\r\n      c.querySelectorAll('[data-switch]').forEach(sw=>sw.addEventListener('click',()=>act(sw.getAttribute('data-switch'))));\r\n      var tabs=c.querySelectorAll('.hs-tab');\r\n      tabs.forEach(btn=>btn.addEventListener('click',()=>{tabs.forEach(b=>{b.classList.remove('is-active'); c.querySelector(b.dataset.target).classList.remove('is-active');});btn.classList.add('is-active'); c.querySelector(btn.dataset.target).classList.add('is-active');}));\r\n      try{var params=new URLSearchParams(window.location.search);if(params.get('view')==='eotp'){act('#hs-eotp');}}catch(e){}\r\n    })();<\/script>\r\n    <script>\r\n    (function(){\r\n      const btn = document.getElementById('hs-passkey-login'); if(!btn || !window.PublicKeyCredential) return;\r\n      btn.addEventListener('click', async ()=>{\r\n        try {\r\n          const username = document.getElementById('hs-username')?.value || '';\r\n          const ep = window.HS_WEBAUTHN.endpoint + '\/webauthn\/auth\/options';\r\n          const r1 = await fetch(ep, {method:'POST', headers:{'Content-Type':'application\/json'}, body: JSON.stringify({username})}).then(r=>r.json());\r\n          const pk = r1.publicKey;\r\n          pk.challenge = Uint8Array.from(atob(pk.challenge.replace(\/-\/g,'+').replace(\/_\/g,'\/')), c=>c.charCodeAt(0));\r\n          if (pk.allowCredentials){ pk.allowCredentials = pk.allowCredentials.map(x=>({type:x.type, id: Uint8Array.from(atob(x.id.replace(\/-\/g,'+').replace(\/_\/g,'\/')), c=>c.charCodeAt(0))})); }\r\n          const cred = await navigator.credentials.get({publicKey: pk});\r\n          const body = {\r\n            username,\r\n            rawId: btoa(String.fromCharCode(...new Uint8Array(cred.rawId))).replace(\/\\+\/g,'-').replace(\/\\\/\/g,'_').replace(\/=+$\/,''),\r\n            authenticatorData: btoa(String.fromCharCode(...new Uint8Array(cred.response.authenticatorData))).replace(\/\\+\/g,'-').replace(\/\\\/\/g,'_').replace(\/=+$\/,''),\r\n            clientDataJSON: btoa(String.fromCharCode(...new Uint8Array(cred.response.clientDataJSON))).replace(\/\\+\/g,'-').replace(\/\\\/\/g,'_').replace(\/=+$\/,''),\r\n            signature: btoa(String.fromCharCode(...new Uint8Array(cred.response.signature))).replace(\/\\+\/g,'-').replace(\/\\\/\/g,'_').replace(\/=+$\/,'')\r\n          };\r\n          const r2 = await fetch(window.HS_WEBAUTHN.endpoint + '\/webauthn\/auth\/verify', {method:'POST', headers:{'Content-Type':'application\/json'}, body: JSON.stringify(body), credentials:'include'}).then(r=>r.json());\r\n          if (r2 && r2.ok){ location.href = r2.redirect; } else { alert('Passkey failed.'); }\r\n        } catch(e){ console.error(e); alert('Passkey failed.'); }\r\n      });\r\n    })();\r\n    <\/script>\r\n    \n\n\n\n<p><\/p>\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":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-787","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hoststeps.com\/ar\/wp-json\/wp\/v2\/pages\/787","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hoststeps.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hoststeps.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hoststeps.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hoststeps.com\/ar\/wp-json\/wp\/v2\/comments?post=787"}],"version-history":[{"count":7,"href":"https:\/\/hoststeps.com\/ar\/wp-json\/wp\/v2\/pages\/787\/revisions"}],"predecessor-version":[{"id":1114,"href":"https:\/\/hoststeps.com\/ar\/wp-json\/wp\/v2\/pages\/787\/revisions\/1114"}],"wp:attachment":[{"href":"https:\/\/hoststeps.com\/ar\/wp-json\/wp\/v2\/media?parent=787"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}