{"id":581,"date":"2025-09-16T08:48:42","date_gmt":"2025-09-16T01:48:42","guid":{"rendered":"https:\/\/sareocms-dev.capital-commerce.com\/affiliate-login\/"},"modified":"2025-09-17T00:07:59","modified_gmt":"2025-09-16T17:07:59","slug":"member-login","status":"publish","type":"page","link":"https:\/\/staging.sareo.id\/id\/member-login\/","title":{"rendered":"Member Login"},"content":{"rendered":"<style>\r\n\/* \u2500\u2500 Login: Sign In button \u2500\u2500 *\/\r\n#uap_login_form button[type=\"submit\"] {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    width: 100% !important;\r\n    background: #222222 !important;\r\n    color: #ffffff !important;\r\n    border: none !important;\r\n    border-radius: 6px !important;\r\n    padding: 16px 20px !important;\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 12px !important;\r\n    font-weight: 700 !important;\r\n    text-transform: uppercase !important;\r\n    letter-spacing: 2px !important;\r\n    cursor: pointer !important;\r\n    margin-top: 10px !important;\r\n    height: auto !important;\r\n    min-height: 50px !important;\r\n    box-sizing: border-box !important;\r\n    line-height: 1 !important;\r\n    -webkit-appearance: none !important;\r\n    appearance: none !important;\r\n    box-shadow: none !important;\r\n    text-shadow: none !important;\r\n    outline: none !important;\r\n}\r\n#uap_login_form button[type=\"submit\"]:hover {\r\n    background: #c8a97e !important;\r\n    box-shadow: 0 4px 16px rgba(200, 169, 126, 0.4) !important;\r\n    color: #ffffff !important;\r\n}\r\n\/* \u2500\u2500 Login: Remember Me + Forgot Password row \u2500\u2500 *\/\r\n#uap_login_form .sareo-login-row {\r\n    display: flex !important;\r\n    justify-content: space-between !important;\r\n    align-items: center !important;\r\n    background: transparent !important;\r\n    background-color: transparent !important;\r\n    border: none !important;\r\n    box-shadow: none !important;\r\n    padding: 0 !important;\r\n    margin-top: 4px !important;\r\n    margin-bottom: 16px !important;\r\n}\r\n#uap_login_form .sareo-login-row .checkbox-option {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 8px !important;\r\n    background: transparent !important;\r\n    border: none !important;\r\n    box-shadow: none !important;\r\n    padding: 0 !important;\r\n}\r\n#uap_login_form .sareo-login-row label {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 12px !important;\r\n    font-weight: 400 !important;\r\n    color: #444444 !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    cursor: pointer !important;\r\n    background: transparent !important;\r\n    border: none !important;\r\n    box-shadow: none !important;\r\n}\r\n#uap_login_form .sareo-login-row input[type=\"checkbox\"] {\r\n    background: transparent !important;\r\n    border: none !important;\r\n    box-shadow: none !important;\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n    width: 14px !important;\r\n    height: 14px !important;\r\n    cursor: pointer !important;\r\n}\r\n\/* \u2500\u2500 Login: Forgot Password link \u2500\u2500 *\/\r\n#uap_login_form .sareo-login-forgot {\r\n    color: #222222 !important;\r\n    text-decoration: none !important;\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 12px !important;\r\n    font-weight: 500 !important;\r\n    transition: color 0.2s ease !important;\r\n}\r\n#uap_login_form .sareo-login-forgot:hover,\r\n#uap_login_form .sareo-login-forgot:focus {\r\n    color: #c8a97e !important;\r\n    text-decoration: underline !important;\r\n}\r\n<\/style>\r\n\r\n\r\n<style>\r\n\/* Dynamic Banner Style *\/\r\nbody .register-container .register-background {\r\n    background: url('https:\/\/staging.sareo.id\/wp-content\/uploads\/2025\/08\/artike5.png') no-repeat center center !important;\r\n    background-size: cover !important;\r\n}\r\n.register-background__logo {\r\n    display: none !important;\r\n}\r\n<\/style>\r\n<div class=\"register-page-wrapper\">\r\n    <div class=\"register-container\">\r\n\r\n        <!-- Left: Decorative Panel -->\r\n        <div class=\"register-background\">\r\n            <img decoding=\"async\" src=\"https:\/\/staging.sareo.id\/wp-content\/themes\/sareo\/_g3\/assets\/images\/logo-registration-white.png\" alt=\"Sareo\"\r\n                class=\"register-background__logo\" \/>\r\n        <\/div>\r\n\r\n        <!-- Right: Login Form -->\r\n        <div class=\"register-form-container\">\r\n            <div class=\"form-wrapper\">\r\n\r\n                <span class=\"\"\r\n                    data-username_selector=\"#uap_login_username\"\r\n                    data-password_selector=\"#uap_login_password\"\r\n                    data-error_message=\"Please complete all require fields!\">\r\n                <\/span>\r\n\r\n                \r\n                <div class=\"register-header\">\r\n                    <div class=\"welcome-text\">Welcome Back<\/div>\r\n                    <div class=\"subtitle-text\">Sign in to your account<\/div>\r\n                <\/div>\r\n\r\n                <form method=\"post\" id=\"uap_login_form\" action=\"\">\r\n                    <input type=\"hidden\" name=\"uapaction\" value=\"login\" \/>\r\n                    <input type=\"hidden\" value=\"2301697254\" name=\"uap_login_nonce\" \/>\r\n\r\n                    <div class=\"form-field\">\r\n                        <label for=\"uap_login_username\">Email<\/label>\r\n                        <input class=\"form-control\" type=\"text\" name=\"log\"\r\n                            id=\"uap_login_username\"\r\n                            placeholder=\"Masukkan email Anda\"\r\n                            required \/>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-field\">\r\n                        <label for=\"uap_login_password\">Kata Sandi<\/label>\r\n                        <div class=\"password-wrapper\">\r\n                            <input type=\"password\"\r\n                                id=\"uap_login_password\"\r\n                                name=\"pwd\"\r\n                                placeholder=\"Masukkan kata sandi Anda\"\r\n                                required \/>\r\n                            <span class=\"password-toggle\" data-target-id=\"uap_login_password\">\r\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"eye-open\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"><\/path><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle><\/svg>\r\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"eye-closed\" style=\"display:none;\"><path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24\"><\/path><line x1=\"1\" y1=\"1\" x2=\"23\" y2=\"23\"><\/line><\/svg>\r\n                            <\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    \r\n                    <div class=\"sareo-login-row\">\r\n                                                    <div class=\"checkbox-option\">\r\n                                <input type=\"checkbox\" id=\"uap_rememberme\" name=\"rememberme\" value=\"forever\" \/>\r\n                                <label for=\"uap_rememberme\">Ingat Saya<\/label>\r\n                            <\/div>\r\n                        \r\n                                                    <a href=\"https:\/\/staging.sareo.id\/id\/reset-password\/\" class=\"sareo-login-forgot\">\r\n                                Forgot password?                            <\/a>\r\n                                            <\/div>\r\n\r\n                    <button type=\"submit\">Masuk<\/button>\r\n\r\n                                            <div class=\"login-link\">\r\n                            Don&#039;t have an account?                            <a href=\"https:\/\/staging.sareo.id\/id\/member-registration\/\">Sign Up<\/a>\r\n                        <\/div>\r\n                    \r\n                <input type=\"hidden\" name=\"trp-form-language\" value=\"id\"\/><\/form>\r\n            <\/div>\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n    \/* \u2500\u2500 Password toggle \u2500\u2500 *\/\r\n    document.querySelectorAll('.password-toggle').forEach(function (toggle) {\r\n        toggle.addEventListener('click', function () {\r\n            var targetId = toggle.dataset.targetId;\r\n            var input = document.getElementById(targetId);\r\n            if (!input) return;\r\n            var isPassword = input.type === 'password';\r\n            input.type = isPassword ? 'text' : 'password';\r\n            toggle.querySelector('.eye-open').style.display  = isPassword ? 'none' : '';\r\n            toggle.querySelector('.eye-closed').style.display = isPassword ? '' : 'none';\r\n        });\r\n    });\r\n\r\n    \/* \u2500\u2500 Full-width layout: strip container constraints \u2500\u2500 *\/\r\n    var sel = [\r\n        '.site-body-container',\r\n        '.main-section',\r\n        '.entry.entry-full',\r\n        '.entry-body',\r\n    ];\r\n    sel.forEach(function (s) {\r\n        var el = document.querySelector(s);\r\n        if (!el) return;\r\n        el.style.setProperty('max-width', '100%', 'important');\r\n        el.style.setProperty('width', '100%', 'important');\r\n        el.style.setProperty('padding-left', '0', 'important');\r\n        el.style.setProperty('padding-right', '0', 'important');\r\n        el.style.setProperty('padding-top', '0', 'important');\r\n        el.style.setProperty('padding-bottom', '0', 'important');\r\n        el.style.setProperty('margin-left', '0', 'important');\r\n        el.style.setProperty('margin-right', '0', 'important');\r\n        el.classList.remove('container');\r\n        el.classList.add('container-fluid');\r\n    });\r\n    var siteBody = document.querySelector('.site-body');\r\n    if (siteBody) {\r\n        siteBody.style.setProperty('padding-top', '0', 'important');\r\n        siteBody.style.setProperty('padding-bottom', '0', 'important');\r\n    }\r\n    \/* \u2500\u2500 Hide page header\/breadcrumbs \u2500\u2500 *\/\r\n    ['.page-header', '.entry-header', '.breadcrumb-section'].forEach(function (s) {\r\n        var el = document.querySelector(s);\r\n        if (el) el.style.setProperty('display', 'none', 'important');\r\n    });\r\n    \/* \u2500\u2500 Remove footer top spacing \u2500\u2500 *\/\r\n    var footer = document.querySelector('footer.site-footer, .site-footer');\r\n    if (footer) {\r\n        footer.style.setProperty('margin-top', '0', 'important');\r\n        footer.style.setProperty('padding-top', '0', 'important');\r\n    }\r\n});\r\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"vkexunit_cta_each_option":"","footnotes":""},"class_list":["post-581","page","type-page","status-publish","has-post-thumbnail","hentry"],"featured_image_url":[],"post_author":"Admin Sareo","assigned_categories":"","_links":{"self":[{"href":"https:\/\/staging.sareo.id\/id\/wp-json\/wp\/v2\/pages\/581","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.sareo.id\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging.sareo.id\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging.sareo.id\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.sareo.id\/id\/wp-json\/wp\/v2\/comments?post=581"}],"version-history":[{"count":0,"href":"https:\/\/staging.sareo.id\/id\/wp-json\/wp\/v2\/pages\/581\/revisions"}],"wp:attachment":[{"href":"https:\/\/staging.sareo.id\/id\/wp-json\/wp\/v2\/media?parent=581"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}