{"id":9,"date":"2026-05-12T15:03:09","date_gmt":"2026-05-12T15:03:09","guid":{"rendered":"https:\/\/mona9.cu.ma\/index.php\/smm-login-register\/"},"modified":"2026-05-12T15:03:09","modified_gmt":"2026-05-12T15:03:09","slug":"smm-login-register","status":"publish","type":"page","link":"https:\/\/mona9.cu.ma\/index.php\/smm-login-register\/","title":{"rendered":"SMM Login \/ Register"},"content":{"rendered":"<div class=\"usmm-auth-wrap\" id=\"usmm-auth-wrap\" data-theme=\"light\">\n\n    <!-- Theme Toggle -->\n    <button class=\"usmm-auth-theme-btn\" id=\"auth-theme-toggle\" title=\"Toggle Dark Mode\">\n        <i class=\"bi bi-moon-stars\"><\/i>\n    <\/button>\n\n    <div class=\"usmm-auth-container\">\n\n        <!-- Left Panel - Branding -->\n        <div class=\"usmm-auth-brand\">\n            <div class=\"usmm-auth-brand-inner\">\n                                <h1 class=\"usmm-auth-brand-title\">Mona<\/h1>\n                <p class=\"usmm-auth-brand-sub\">Your #1 Social Media Marketing Panel<\/p>\n\n                <div class=\"usmm-auth-features mt-4\">\n                    <div class=\"usmm-auth-feature-item\">\n                        <i class=\"bi bi-lightning-charge-fill\"><\/i>\n                        <span>Instant Order Delivery<\/span>\n                    <\/div>\n                    <div class=\"usmm-auth-feature-item\">\n                        <i class=\"bi bi-shield-fill-check\"><\/i>\n                        <span>Secure Payments<\/span>\n                    <\/div>\n                    <div class=\"usmm-auth-feature-item\">\n                        <i class=\"bi bi-headset\"><\/i>\n                        <span>24\/7 Support<\/span>\n                    <\/div>\n                    <div class=\"usmm-auth-feature-item\">\n                        <i class=\"bi bi-graph-up-arrow\"><\/i>\n                        <span>1000+ Services<\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- Social Stats -->\n                <div class=\"usmm-auth-stats mt-4\">\n                                        <div class=\"usmm-auth-stat\">\n                        <div class=\"usmm-auth-stat-val\">1+<\/div>\n                        <div class=\"usmm-auth-stat-lbl\">Users<\/div>\n                    <\/div>\n                    <div class=\"usmm-auth-stat\">\n                        <div class=\"usmm-auth-stat-val\">0+<\/div>\n                        <div class=\"usmm-auth-stat-lbl\">Orders<\/div>\n                    <\/div>\n                    <div class=\"usmm-auth-stat\">\n                        <div class=\"usmm-auth-stat-val\">0+<\/div>\n                        <div class=\"usmm-auth-stat-lbl\">Services<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Right Panel - Form -->\n        <div class=\"usmm-auth-form-panel\">\n\n            <!-- Tab switcher -->\n            <div class=\"usmm-auth-tabs\">\n                <button class=\"usmm-auth-tab active\" data-tab=\"login\" id=\"tab-login\">\n                    <i class=\"bi bi-box-arrow-in-right me-1\"><\/i>Login                <\/button>\n                <button class=\"usmm-auth-tab\" data-tab=\"register\" id=\"tab-register\">\n                    <i class=\"bi bi-person-plus me-1\"><\/i>Register                <\/button>\n            <\/div>\n\n            <!-- \u2500\u2500 LOGIN FORM \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n            <div class=\"usmm-auth-panel\" id=\"panel-login\">\n                <div class=\"usmm-auth-panel-header\">\n                    <h2>Welcome Back<\/h2>\n                    <p class=\"text-muted\">Login to your SMM Panel account<\/p>\n                <\/div>\n\n                <div id=\"login-alert\" class=\"alert d-none mb-3\"><\/div>\n\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">Username or Email<\/label>\n                    <div class=\"input-group\">\n                        <span class=\"input-group-text\"><i class=\"bi bi-person\"><\/i><\/span>\n                        <input type=\"text\" id=\"login-user\" class=\"form-control usmm-auth-input\"\n                            placeholder=\"Enter username or email\" autocomplete=\"username\">\n                    <\/div>\n                <\/div>\n\n                <div class=\"mb-3\">\n                    <label class=\"form-label d-flex justify-content-between\">\n                        <span>Password<\/span>\n                        <a href=\"https:\/\/mona9.cu.ma\/wp-login.php?action=lostpassword\" class=\"text-primary small\">\n                            Forgot password?                        <\/a>\n                    <\/label>\n                    <div class=\"input-group\">\n                        <span class=\"input-group-text\"><i class=\"bi bi-lock\"><\/i><\/span>\n                        <input type=\"password\" id=\"login-pass\" class=\"form-control usmm-auth-input\"\n                            placeholder=\"Enter password\" autocomplete=\"current-password\">\n                        <button class=\"btn btn-outline-secondary toggle-pass\" type=\"button\" data-target=\"#login-pass\">\n                            <i class=\"bi bi-eye\"><\/i>\n                        <\/button>\n                    <\/div>\n                <\/div>\n\n                <div class=\"mb-3 form-check\">\n                    <input type=\"checkbox\" class=\"form-check-input\" id=\"login-remember\">\n                    <label class=\"form-check-label\" for=\"login-remember\">Remember me<\/label>\n                <\/div>\n\n                <button class=\"btn btn-primary btn-lg w-100 usmm-auth-submit\" id=\"login-btn\">\n                    <i class=\"bi bi-box-arrow-in-right me-2\"><\/i>Login                <\/button>\n\n                <div class=\"text-center mt-3\">\n                    <small class=\"text-muted\">\n                        Don't have an account?                        <a href=\"#\" class=\"text-primary\" data-switch-tab=\"register\">Register now<\/a>\n                    <\/small>\n                <\/div>\n            <\/div>\n\n            <!-- \u2500\u2500 REGISTER FORM \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n            <div class=\"usmm-auth-panel d-none\" id=\"panel-register\">\n                <div class=\"usmm-auth-panel-header\">\n                    <h2>Create Account<\/h2>\n                    <p class=\"text-muted\">Join thousands of satisfied customers<\/p>\n                <\/div>\n\n                <div id=\"register-alert\" class=\"alert d-none mb-3\"><\/div>\n\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">Username *<\/label>\n                    <div class=\"input-group\">\n                        <span class=\"input-group-text\"><i class=\"bi bi-person\"><\/i><\/span>\n                        <input type=\"text\" id=\"reg-username\" class=\"form-control usmm-auth-input\"\n                            placeholder=\"Choose a username\" autocomplete=\"username\">\n                        <span class=\"input-group-text\" id=\"username-check-icon\"><\/span>\n                    <\/div>\n                    <div id=\"username-feedback\" class=\"form-text\"><\/div>\n                <\/div>\n\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">Email Address *<\/label>\n                    <div class=\"input-group\">\n                        <span class=\"input-group-text\"><i class=\"bi bi-envelope\"><\/i><\/span>\n                        <input type=\"email\" id=\"reg-email\" class=\"form-control usmm-auth-input\"\n                            placeholder=\"your@email.com\" autocomplete=\"email\">\n                    <\/div>\n                <\/div>\n\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">Password *<\/label>\n                    <div class=\"input-group\">\n                        <span class=\"input-group-text\"><i class=\"bi bi-lock\"><\/i><\/span>\n                        <input type=\"password\" id=\"reg-password\" class=\"form-control usmm-auth-input\"\n                            placeholder=\"Min. 8 characters\" autocomplete=\"new-password\">\n                        <button class=\"btn btn-outline-secondary toggle-pass\" type=\"button\" data-target=\"#reg-password\">\n                            <i class=\"bi bi-eye\"><\/i>\n                        <\/button>\n                    <\/div>\n                    <!-- Password strength meter -->\n                    <div class=\"usmm-password-strength mt-2 d-none\" id=\"pass-strength-wrap\">\n                        <div class=\"progress\" style=\"height:4px;\">\n                            <div class=\"progress-bar\" id=\"pass-strength-bar\" style=\"width:0%\"><\/div>\n                        <\/div>\n                        <small id=\"pass-strength-label\" class=\"text-muted\"><\/small>\n                    <\/div>\n                <\/div>\n\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">Confirm Password *<\/label>\n                    <div class=\"input-group\">\n                        <span class=\"input-group-text\"><i class=\"bi bi-lock-fill\"><\/i><\/span>\n                        <input type=\"password\" id=\"reg-confirm\" class=\"form-control usmm-auth-input\"\n                            placeholder=\"Repeat password\" autocomplete=\"new-password\">\n                    <\/div>\n                <\/div>\n\n                                <div class=\"mb-3\">\n                    <label class=\"form-label\">Referral Code <small class=\"text-muted\">(optional)<\/small><\/label>\n                    <div class=\"input-group\">\n                        <span class=\"input-group-text\"><i class=\"bi bi-share\"><\/i><\/span>\n                        <input type=\"text\" id=\"reg-refcode\" class=\"form-control usmm-auth-input text-uppercase\"\n                            placeholder=\"Enter referral code\"\n                            value=\"\"\n                            >\n                    <\/div>\n                                    <\/div>\n\n                <div class=\"mb-3 form-check\">\n                    <input type=\"checkbox\" class=\"form-check-input\" id=\"reg-terms\">\n                    <label class=\"form-check-label small\" for=\"reg-terms\">\n                        I agree to the <a href=\"\" target=\"_blank\">Terms of Service<\/a> and <a href=\"\" target=\"_blank\">Privacy Policy<\/a>                    <\/label>\n                <\/div>\n\n                <button class=\"btn btn-success btn-lg w-100 usmm-auth-submit\" id=\"register-btn\">\n                    <i class=\"bi bi-person-plus me-2\"><\/i>Create Account                <\/button>\n\n                <div class=\"text-center mt-3\">\n                    <small class=\"text-muted\">\n                        Already have an account?                        <a href=\"#\" class=\"text-primary\" data-switch-tab=\"login\">Login here<\/a>\n                    <\/small>\n                <\/div>\n            <\/div>\n\n        <\/div><!-- .usmm-auth-form-panel -->\n    <\/div><!-- .usmm-auth-container -->\n<\/div><!-- #usmm-auth-wrap -->\n\n<!-- Toast container -->\n<div class=\"usmm-toast-container position-fixed bottom-0 end-0 p-3\" style=\"z-index:9999;\" id=\"usmm-toast-container\"><\/div>\n\n<script>\njQuery(function($){\n\n    var dashUrl = 'https:\/\/mona9.cu.ma\/index.php\/smm-dashboard\/';\n\n    \/\/ \u2500\u2500 Theme toggle \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    var savedTheme = localStorage.getItem('usmm_theme') || 'light';\n    applyTheme(savedTheme);\n\n    function applyTheme(theme) {\n        $('#usmm-auth-wrap').attr('data-theme', theme);\n        var $i = $('#auth-theme-toggle i');\n        if (theme === 'dark') { $i.removeClass('bi-moon-stars').addClass('bi-sun'); }\n        else                  { $i.removeClass('bi-sun').addClass('bi-moon-stars'); }\n        localStorage.setItem('usmm_theme', theme);\n    }\n\n    $('#auth-theme-toggle').on('click', function(){\n        var cur = $('#usmm-auth-wrap').attr('data-theme') || 'light';\n        applyTheme(cur === 'dark' ? 'light' : 'dark');\n    });\n\n    \/\/ \u2500\u2500 Tab switching \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    function switchTab(tab) {\n        $('.usmm-auth-tab').removeClass('active');\n        $('.usmm-auth-panel').addClass('d-none');\n        $('[data-tab=\"'+tab+'\"]').addClass('active');\n        $('#panel-'+tab).removeClass('d-none');\n        $('#login-alert, #register-alert').addClass('d-none').html('');\n    }\n\n    $('.usmm-auth-tab').on('click', function(){ switchTab($(this).data('tab')); });\n    $(document).on('click', '[data-switch-tab]', function(e){ e.preventDefault(); switchTab($(this).data('switch-tab')); });\n\n    \/\/ Check URL hash\n    if (window.location.hash === '#register') switchTab('register');\n\n    \/\/ \u2500\u2500 Password visibility toggle \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    $(document).on('click', '.toggle-pass', function(){\n        var $input = $($(this).data('target'));\n        var type = $input.attr('type') === 'text' ? 'password' : 'text';\n        $input.attr('type', type);\n        $(this).find('i').toggleClass('bi-eye bi-eye-slash');\n    });\n\n    \/\/ \u2500\u2500 Password strength meter \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    $('#reg-password').on('input', function(){\n        var pw  = $(this).val();\n        var str = 0;\n        var bar = $('#pass-strength-bar');\n        var lbl = $('#pass-strength-label');\n\n        if (!pw) { $('#pass-strength-wrap').addClass('d-none'); return; }\n        $('#pass-strength-wrap').removeClass('d-none');\n\n        if (pw.length >= 8)  str += 25;\n        if (pw.length >= 12) str += 25;\n        if (\/[A-Z]\/.test(pw) && \/[a-z]\/.test(pw)) str += 25;\n        if (\/[0-9]\/.test(pw) && \/[\\W]\/.test(pw))  str += 25;\n\n        var configs = {\n            25:  { color:'danger',  text:'Weak' },\n            50:  { color:'warning', text:'Fair' },\n            75:  { color:'info',    text:'Good' },\n            100: { color:'success', text:'Strong' },\n        };\n        var cfg = configs[str] || configs[25];\n        bar.css('width', str+'%').attr('class','progress-bar bg-'+cfg.color);\n        lbl.text(cfg.text).attr('class','text-'+cfg.color+' small');\n    });\n\n    \/\/ \u2500\u2500 Username availability check \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    var usernameTimer;\n    $('#reg-username').on('input', function(){\n        var val = $(this).val().trim();\n        clearTimeout(usernameTimer);\n        $('#username-check-icon').html('');\n        if (!val || val.length < 3) { $('#username-feedback').text('Min 3 characters').attr('class','form-text text-muted'); return; }\n        usernameTimer = setTimeout(function(){\n            $.post(USMM.ajax_url, { action:'usmm_check_username', nonce:USMM.nonce, username:val }, function(res){\n                if (res.available) {\n                    $('#username-check-icon').html('<i class=\"bi bi-check-circle text-success\"><\/i>');\n                    $('#username-feedback').text('Available!').attr('class','form-text text-success');\n                } else {\n                    $('#username-check-icon').html('<i class=\"bi bi-x-circle text-danger\"><\/i>');\n                    $('#username-feedback').text('Already taken').attr('class','form-text text-danger');\n                }\n            });\n        }, 500);\n    });\n\n    \/\/ \u2500\u2500 LOGIN \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    $('#login-btn').on('click', function(){ doLogin(); });\n    $('#login-pass').on('keypress', function(e){ if(e.which===13) doLogin(); });\n\n    function doLogin() {\n        var user     = $('#login-user').val().trim();\n        var password = $('#login-pass').val();\n        var remember = $('#login-remember').is(':checked') ? 1 : 0;\n\n        if (!user || !password) {\n            showAlert('login', 'Please enter username and password.', 'danger'); return;\n        }\n\n        var $btn = $('#login-btn').prop('disabled',true)\n            .html('<span class=\"spinner-border spinner-border-sm me-2\"><\/span>Logging in\u2026');\n\n        $.post(USMM.ajax_url, {\n            action:   'usmm_login_user',\n            nonce:    USMM.nonce,\n            username: user,\n            password: password,\n            remember: remember\n        }, function(res){\n            $btn.prop('disabled',false).html('<i class=\"bi bi-box-arrow-in-right me-2\"><\/i>Login');\n            if (res.success) {\n                showAlert('login', res.message || 'Login successful! Redirecting\u2026', 'success');\n                setTimeout(function(){ window.location.href = res.data.redirect || dashUrl; }, 1000);\n            } else {\n                showAlert('login', res.message, 'danger');\n            }\n        }).fail(function(){\n            $btn.prop('disabled',false).html('<i class=\"bi bi-box-arrow-in-right me-2\"><\/i>Login');\n            showAlert('login', 'Server error. Please try again.', 'danger');\n        });\n    }\n\n    \/\/ \u2500\u2500 REGISTER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    $('#register-btn').on('click', function(){ doRegister(); });\n\n    function doRegister() {\n        var username = $('#reg-username').val().trim();\n        var email    = $('#reg-email').val().trim();\n        var password = $('#reg-password').val();\n        var confirm  = $('#reg-confirm').val();\n        var refcode  = $('#reg-refcode').val().trim();\n        var terms    = $('#reg-terms').is(':checked');\n\n        if (!username)     { showAlert('register','Enter a username.','danger'); return; }\n        if (username.length < 3) { showAlert('register','Username must be at least 3 characters.','danger'); return; }\n        if (!email || !isValidEmail(email)) { showAlert('register','Enter a valid email.','danger'); return; }\n        if (!password || password.length < 8) { showAlert('register','Password must be at least 8 characters.','danger'); return; }\n        if (password !== confirm) { showAlert('register','Passwords do not match.','danger'); return; }\n        if (!terms) { showAlert('register','Please accept the terms of service.','warning'); return; }\n\n        var $btn = $('#register-btn').prop('disabled',true)\n            .html('<span class=\"spinner-border spinner-border-sm me-2\"><\/span>Creating account\u2026');\n\n        $.post(USMM.ajax_url, {\n            action:   'usmm_register_user',\n            nonce:    USMM.nonce,\n            username: username,\n            email:    email,\n            password: password,\n            ref_code: refcode\n        }, function(res){\n            $btn.prop('disabled',false).html('<i class=\"bi bi-person-plus me-2\"><\/i>Create Account');\n            if (res.success) {\n                showAlert('register', res.message || 'Account created! Redirecting\u2026', 'success');\n                setTimeout(function(){ window.location.href = res.data.redirect || dashUrl; }, 1500);\n            } else {\n                showAlert('register', res.message, 'danger');\n            }\n        }).fail(function(){\n            $btn.prop('disabled',false).html('<i class=\"bi bi-person-plus me-2\"><\/i>Create Account');\n            showAlert('register', 'Server error. Please try again.', 'danger');\n        });\n    }\n\n    function showAlert(panel, msg, type) {\n        var $el = $('#'+panel+'-alert');\n        $el.removeClass('d-none alert-success alert-danger alert-warning alert-info')\n           .addClass('alert-'+type)\n           .html('<i class=\"bi bi-'+(type==='success'?'check-circle':'exclamation-triangle')+' me-2\"><\/i>'+msg);\n    }\n\n    function isValidEmail(e) { return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(e); }\n});\n<\/script>\n\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":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mona9.cu.ma\/index.php\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mona9.cu.ma\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mona9.cu.ma\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mona9.cu.ma\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mona9.cu.ma\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":0,"href":"https:\/\/mona9.cu.ma\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"wp:attachment":[{"href":"https:\/\/mona9.cu.ma\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}