{"id":2870,"date":"2025-03-28T19:04:59","date_gmt":"2025-03-28T17:04:59","guid":{"rendered":"https:\/\/zellago.com\/sign-in\/"},"modified":"2026-07-26T12:54:26","modified_gmt":"2026-07-26T10:54:26","slug":"sign-in","status":"publish","type":"page","link":"https:\/\/zellago.com\/ro\/sign-in\/","title":{"rendered":""},"content":{"rendered":"\n<style>\n\/* \u2500\u2500 Zella Auth v5 \u2500\u2500 *\/\n.za-page{--za-green:#10b981;--za-green-d:#059669;--za-green-l:#ecfdf5;--za-text:#1f2937;--za-muted:#6b7280;--za-border:#e5e7eb;--za-card:#ffffff;--za-radius:16px;font-family:'Inter',system-ui,-apple-system,sans-serif;min-height:80vh;display:flex;align-items:center;justify-content:center;padding:40px 16px;background:linear-gradient(135deg,#f0fdf4 0%,#ecfdf5 50%,#f8fafc 100%)}\n.za-page *{box-sizing:border-box}\n.page .entry-title,.page .entry-header{display:none !important}\n\n\/* Hide any Directorist default auth forms that may still render *\/\n.directorist-login-wrapper,.directorist-registration-wrapper,.directorist-authentication,.atbdp_login_form_shortcode,.directory_register_form_wrap{display:none !important}\n.directorist-w-100:has(.directorist-authentication){display:none !important}\n\n.za-card{background:var(--za-card);border-radius:var(--za-radius);box-shadow:0 4px 24px rgba(0,0,0,.06);width:100%;max-width:420px;padding:40px 36px;position:relative;overflow:hidden}\n.za-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--za-green),var(--za-green-d))}\n\n.za-brand{text-align:center;margin-bottom:28px}\n.za-brand-icon{width:48px;height:48px;background:var(--za-green-l);border-radius:14px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px}\n.za-brand-icon i{font-size:22px;color:var(--za-green)}\n.za-brand h2{font-size:1.35rem;font-weight:800;color:var(--za-text);margin:0 0 4px}\n.za-brand p{font-size:.84rem;color:var(--za-muted);margin:0}\n\n.za-tabs{display:flex;gap:4px;background:#f3f4f6;border-radius:10px;padding:4px;margin-bottom:24px}\n.za-tab{flex:1;text-align:center;padding:10px 16px;font-size:.82rem;font-weight:600;color:var(--za-muted);border-radius:8px;cursor:pointer;transition:all .2s;border:none;background:transparent}\n.za-tab:hover{color:var(--za-text)}\n.za-tab.active{background:var(--za-card);color:var(--za-green-d);box-shadow:0 1px 3px rgba(0,0,0,.08)}\n\n.za-panel{display:none}\n.za-panel.active{display:block}\n\n.za-field{margin-bottom:18px}\n.za-field label{display:block;font-size:.8rem;font-weight:600;color:var(--za-text);margin-bottom:6px}\n.za-field label .za-req{color:#ef4444;margin-left:2px}\n.za-input-wrap{position:relative}\n.za-input-wrap i.za-ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:.88rem;color:#9ca3af;pointer-events:none}\n.za-input-wrap input{width:100%;padding:12px 14px 12px 40px;border:1.5px solid var(--za-border);border-radius:10px;font-size:.9rem;font-family:inherit;color:var(--za-text);transition:border .2s,box-shadow .2s;background:#fff}\n.za-input-wrap input:focus{outline:none;border-color:var(--za-green);box-shadow:0 0 0 3px rgba(16,185,129,.1)}\n.za-input-wrap input::placeholder{color:#9ca3af}\n\n.za-pw-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);cursor:pointer;color:#9ca3af;font-size:.88rem;padding:4px;transition:color .2s}\n.za-pw-toggle:hover{color:var(--za-text)}\n\n.za-submit{width:100%;padding:13px 24px;background:var(--za-green);color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px rgba(16,185,129,.25);display:flex;align-items:center;justify-content:center;gap:8px}\n.za-submit:hover{background:var(--za-green-d);box-shadow:0 4px 12px rgba(16,185,129,.35);transform:translateY(-1px)}\n.za-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}\n\n.za-link{color:var(--za-green-d);font-weight:600;text-decoration:none;font-size:.82rem;transition:color .15s}\n.za-link:hover{color:var(--za-green);text-decoration:underline}\n.za-forgot{text-align:right;margin-top:-10px;margin-bottom:18px}\n\n.za-check{display:flex;align-items:flex-start;gap:10px;margin-bottom:20px}\n.za-check input[type=checkbox]{width:18px;height:18px;accent-color:var(--za-green);margin-top:1px;flex-shrink:0;cursor:pointer}\n.za-check label{font-size:.8rem;color:var(--za-muted);cursor:pointer;line-height:1.4}\n.za-check label a{color:var(--za-green-d);font-weight:600}\n\n.za-toggle{text-align:center;margin-top:20px;padding-top:18px;border-top:1px solid #f3f4f6;font-size:.82rem;color:var(--za-muted)}\n.za-toggle button{background:none;border:none;color:var(--za-green-d);font-weight:700;cursor:pointer;font-size:.82rem;padding:0;text-decoration:underline;text-underline-offset:2px}\n.za-toggle button:hover{color:var(--za-green)}\n\n.za-status{padding:10px 14px;border-radius:8px;font-size:.82rem;margin-bottom:16px;display:none}\n.za-status.show{display:block}\n.za-status.success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}\n.za-status.error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}\n\n@keyframes za-spin{to{transform:rotate(360deg)}}\n.za-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:za-spin .6s linear infinite}\n\n@media(max-width:480px){\n    .za-page{padding:20px 12px;min-height:auto}\n    .za-card{padding:28px 20px}\n    .za-brand h2{font-size:1.15rem}\n}\n<\/style>\n\n<div class=\"za-page\">\n<div class=\"za-card\">\n\n    <div class=\"za-brand\">\n        <div class=\"za-brand-icon\"><i class=\"fa-solid fa-handshake-simple\"><\/i><\/div>\n        <h2>Bine ai venit pe Zellago<\/h2>\n        <p>Conecteaz\u0103-te cu speciali\u0219tii locali<\/p>\n    <\/div>\n\n    <div class=\"za-tabs\">\n        <button class=\"za-tab active\" data-panel=\"login\">Autentificare<\/button>\n        <button class=\"za-tab\" data-panel=\"signup\">Cont nou<\/button>\n    <\/div>\n\n    <!-- \u2550\u2550\u2550 LOGIN \u2550\u2550\u2550 -->\n    <div class=\"za-panel active\" id=\"za-panel-login\">\n        <div class=\"za-status\" id=\"za-login-status\"><\/div>\n        <form id=\"za-login-form\">\n            <div class=\"za-field\">\n                <label>Adresa de email<\/label>\n                <div class=\"za-input-wrap\">\n                    <i class=\"fa-solid fa-envelope za-ico\"><\/i>\n                    <input type=\"email\" name=\"email\" placeholder=\"email@exemplu.com\" required autocomplete=\"email\">\n                <\/div>\n            <\/div>\n            <div class=\"za-field\">\n                <label>Parol\u0103<\/label>\n                <div class=\"za-input-wrap\">\n                    <i class=\"fa-solid fa-lock za-ico\"><\/i>\n                    <input type=\"password\" name=\"password\" placeholder=\"Introdu parola\" required autocomplete=\"current-password\">\n                    <span class=\"za-pw-toggle\"><i class=\"fa-solid fa-eye\"><\/i><\/span>\n                <\/div>\n            <\/div>\n            <div class=\"za-forgot\">\n                <a href=\"#\" class=\"za-link\" id=\"za-show-recover\">Ai uitat parola?<\/a>\n            <\/div>\n            <button type=\"submit\" class=\"za-submit\"><i class=\"fa-solid fa-right-to-bracket\"><\/i>Intr\u0103 \u00een cont<\/button>\n        <\/form>\n        <div class=\"za-toggle\">Nu ai cont? <button data-panel=\"signup\">Creeaz\u0103 unul gratuit<\/button><\/div>\n    <\/div>\n\n    <!-- \u2550\u2550\u2550 SIGNUP \u2550\u2550\u2550 -->\n    <div class=\"za-panel\" id=\"za-panel-signup\">\n        <div class=\"za-status\" id=\"za-signup-status\"><\/div>\n        <form id=\"za-signup-form\">\n            <div class=\"za-field\">\n                <label>Adresa de email <span class=\"za-req\">*<\/span><\/label>\n                <div class=\"za-input-wrap\">\n                    <i class=\"fa-solid fa-envelope za-ico\"><\/i>\n                    <input type=\"email\" name=\"email\" placeholder=\"email@exemplu.com\" required autocomplete=\"email\">\n                <\/div>\n            <\/div>\n            <div class=\"za-field\">\n                <label>Alege o parol\u0103 <span class=\"za-req\">*<\/span><\/label>\n                <div class=\"za-input-wrap\">\n                    <i class=\"fa-solid fa-lock za-ico\"><\/i>\n                    <input type=\"password\" name=\"password\" placeholder=\"Minim 6 caractere\" required autocomplete=\"new-password\">\n                    <span class=\"za-pw-toggle\"><i class=\"fa-solid fa-eye\"><\/i><\/span>\n                <\/div>\n            <\/div>\n            <div class=\"za-check\">\n                <input type=\"checkbox\" id=\"za-tc\" name=\"t_c_check\" required>\n                <label for=\"za-tc\">Accept <a href=\"' . home_url('\/termeni-si-conditii\/') . '\" target=\"_blank\">termenii \u0219i condi\u021biile<\/a><\/label>\n            <\/div>\n            <button type=\"submit\" class=\"za-submit\"><i class=\"fa-solid fa-user-plus\"><\/i>Creeaz\u0103 cont<\/button>\n        <\/form>\n        <div class=\"za-toggle\">Ai deja cont? <button data-panel=\"login\">Autentific\u0103-te<\/button><\/div>\n    <\/div>\n\n    <!-- \u2550\u2550\u2550 RECOVER \u2550\u2550\u2550 -->\n    <div class=\"za-panel\" id=\"za-panel-recover\">\n        <div class=\"za-status\" id=\"za-recover-status\"><\/div>\n        <p style=\"font-size:.85rem;color:#6b7280;margin:0 0 18px;line-height:1.6;\">Introdu adresa de email \u0219i vei primi un link pentru resetarea parolei.<\/p>\n        <form id=\"za-recover-form\">\n            <div class=\"za-field\">\n                <label>Email<\/label>\n                <div class=\"za-input-wrap\">\n                    <i class=\"fa-solid fa-envelope za-ico\"><\/i>\n                    <input type=\"email\" name=\"user_login\" placeholder=\"email@exemplu.com\" required>\n                <\/div>\n            <\/div>\n            <button type=\"submit\" class=\"za-submit\"><i class=\"fa-solid fa-paper-plane\"><\/i>Trimite link de resetare<\/button>\n        <\/form>\n        <div class=\"za-toggle\"><button data-panel=\"login\">\u00cenapoi la autentificare<\/button><\/div>\n    <\/div>\n\n<\/div>\n<\/div>\n\n<script>\n(function(){\n    \/* Tab switching *\/\n    document.querySelectorAll('[data-panel]').forEach(function(btn){\n        btn.addEventListener('click', function(e){\n            e.preventDefault();\n            var t = this.getAttribute('data-panel');\n            document.querySelectorAll('.za-tab').forEach(function(x){x.classList.remove('active')});\n            var tb = document.querySelector('.za-tab[data-panel=\"'+t+'\"]');\n            if(tb) tb.classList.add('active');\n            document.querySelectorAll('.za-panel').forEach(function(x){x.classList.remove('active')});\n            document.getElementById('za-panel-'+t).classList.add('active');\n        });\n    });\n\n    \/* Recover link *\/\n    document.getElementById('za-show-recover').addEventListener('click', function(e){\n        e.preventDefault();\n        document.querySelectorAll('.za-tab').forEach(function(x){x.classList.remove('active')});\n        document.querySelectorAll('.za-panel').forEach(function(x){x.classList.remove('active')});\n        document.getElementById('za-panel-recover').classList.add('active');\n    });\n\n    \/* Password toggle *\/\n    document.querySelectorAll('.za-pw-toggle').forEach(function(tog){\n        tog.addEventListener('click', function(){\n            var inp = this.parentElement.querySelector('input');\n            var ico = this.querySelector('i');\n            if(inp.type==='password'){inp.type='text';ico.classList.replace('fa-eye','fa-eye-slash')}\n            else{inp.type='password';ico.classList.replace('fa-eye-slash','fa-eye')}\n        });\n    });\n\n    \/* Helpers *\/\n    function status(id,type,msg){var el=document.getElementById(id);el.className='za-status show '+type;el.textContent=msg}\n    function clearStatus(id){document.getElementById(id).className='za-status'}\n    function loading(btn,on){\n        if(on){btn.disabled=true;btn._h=btn.innerHTML;btn.innerHTML='<span class=\"za-spinner\"><\/span>Se proceseaz\u0103...'}\n        else{btn.disabled=false;btn.innerHTML=btn._h||btn.innerHTML}\n    }\n\n    var ajaxUrl = 'https:\/\/zellago.com\/ro\/wp-admin\/admin-ajax.php';\n    var nonce   = 'd1649b2c84';\n    var redir   = 'https:\/\/zellago.com\/ro\/';\n\n    \/* LOGIN *\/\n    document.getElementById('za-login-form').addEventListener('submit', function(e){\n        e.preventDefault(); clearStatus('za-login-status');\n        var btn=this.querySelector('.za-submit'); loading(btn,true);\n        var fd=new FormData();\n        fd.append('action','zella_ajax_login');\n        fd.append('email', this.querySelector('[name=email]').value);\n        fd.append('password', this.querySelector('[name=password]').value);\n        fd.append('nonce', nonce);\n        fetch(ajaxUrl,{method:'POST',body:fd,credentials:'same-origin'}).then(function(r){return r.json()}).then(function(d){\n            loading(btn,false);\n            if(d.success){status('za-login-status','success',d.data.message);setTimeout(function(){window.location.href=d.data.redirect||redir},600)}\n            else{status('za-login-status','error',d.data.message||'Eroare la autentificare.')}\n        }).catch(function(){loading(btn,false);status('za-login-status','error','Eroare de conexiune.')});\n    });\n\n    \/* SIGNUP *\/\n    document.getElementById('za-signup-form').addEventListener('submit', function(e){\n        e.preventDefault(); clearStatus('za-signup-status');\n        if(!this.querySelector('[name=t_c_check]').checked){status('za-signup-status','error','Accept\u0103 termenii \u0219i condi\u021biile.');return}\n        var btn=this.querySelector('.za-submit'); loading(btn,true);\n        var fd=new FormData();\n        fd.append('action','zella_ajax_register');\n        fd.append('email', this.querySelector('[name=email]').value);\n        fd.append('password', this.querySelector('[name=password]').value);\n        fd.append('nonce', nonce);\n        fetch(ajaxUrl,{method:'POST',body:fd,credentials:'same-origin'}).then(function(r){return r.json()}).then(function(d){\n            loading(btn,false);\n            if(d.success){status('za-signup-status','success',d.data.message);setTimeout(function(){window.location.href=d.data.redirect||redir},800)}\n            else{status('za-signup-status','error',d.data.message||'Eroare la \u00eenregistrare.')}\n        }).catch(function(){loading(btn,false);status('za-signup-status','error','Eroare de conexiune.')});\n    });\n\n    \/* RECOVER *\/\n    document.getElementById('za-recover-form').addEventListener('submit', function(e){\n        e.preventDefault(); clearStatus('za-recover-status');\n        var btn=this.querySelector('.za-submit'); loading(btn,true);\n        var fd=new FormData();\n        fd.append('action','zella_ajax_recover');\n        fd.append('user_login', this.querySelector('[name=user_login]').value);\n        fd.append('nonce', nonce);\n        fetch(ajaxUrl,{method:'POST',body:fd,credentials:'same-origin'}).then(function(r){return r.json()}).then(function(d){\n            loading(btn,false);\n            if(d.success){status('za-recover-status','success',d.data.message)}\n            else{status('za-recover-status','error',d.data.message||'Email neg\u0103sit.')}\n        }).catch(function(){loading(btn,false);status('za-recover-status','error','Eroare de conexiune.')});\n    });\n})();\n<\/script>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":0,"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":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"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":""},"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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-2870","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zellago.com\/ro\/wp-json\/wp\/v2\/pages\/2870","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zellago.com\/ro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zellago.com\/ro\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/zellago.com\/ro\/wp-json\/wp\/v2\/comments?post=2870"}],"version-history":[{"count":1,"href":"https:\/\/zellago.com\/ro\/wp-json\/wp\/v2\/pages\/2870\/revisions"}],"predecessor-version":[{"id":4552,"href":"https:\/\/zellago.com\/ro\/wp-json\/wp\/v2\/pages\/2870\/revisions\/4552"}],"wp:attachment":[{"href":"https:\/\/zellago.com\/ro\/wp-json\/wp\/v2\/media?parent=2870"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}