{"id":684,"date":"2026-05-08T12:58:01","date_gmt":"2026-05-08T12:58:01","guid":{"rendered":"https:\/\/playfunnelz.com\/agency-upgrade\/"},"modified":"2026-05-11T15:22:53","modified_gmt":"2026-05-11T15:22:53","slug":"agency-upgrade","status":"publish","type":"page","link":"https:\/\/playfunnelz.com\/agency-upgrade\/","title":{"rendered":"Agency Upgrade"},"content":{"rendered":"\r\n    <div class=\"aum-upgrade-container\">\r\n        <h2>Agency Upgrade<\/h2>\r\n\r\n        <input type=\"text\" id=\"au_username\" class=\"aum-upgrade-input\" placeholder=\"Username\">\r\n        <input type=\"password\" id=\"au_password\" class=\"aum-upgrade-input\" placeholder=\"Password\">\r\n\r\n        <button id=\"au_upgrade_btn\" class=\"aum-upgrade-btn\">Upgrade<\/button>\r\n\r\n        <div id=\"au_msg\" class=\"aum-upgrade-msg\"><\/div>\r\n    <\/div>\r\n\r\n    <style>\r\n        \/* =========================\r\n           FRONTEND FORM STYLES\r\n        ========================= *\/\r\n        .aum-upgrade-container {\r\n            max-width: 450px;\r\n            margin: 60px auto;\r\n            background: rgba(255, 255, 255, 0.95);\r\n            backdrop-filter: blur(20px);\r\n            -webkit-backdrop-filter: blur(20px);\r\n            border-radius: 20px;\r\n            box-shadow: \r\n                0 20px 60px rgba(61, 90, 128, 0.15),\r\n                0 8px 30px rgba(123, 158, 191, 0.1),\r\n                inset 0 1px 0 rgba(255, 255, 255, 0.6);\r\n            padding: 40px;\r\n            position: relative;\r\n            overflow: hidden;\r\n            border: 1px solid rgba(184, 212, 227, 0.3);\r\n            font-family: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n        }\r\n\r\n        .aum-upgrade-container::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 6px;\r\n            background: linear-gradient(90deg, #E8F4FD, #B8D4E3, #7B9EBF, #3D5A80);\r\n            background-size: 200% 100%;\r\n            animation: aumGradientFlow 3s ease-in-out infinite;\r\n        }\r\n\r\n        .aum-upgrade-container::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: \r\n                radial-gradient(3px 3px at 10% 20%, rgba(184, 212, 227, 0.15) 50%, transparent 100%),\r\n                radial-gradient(4px 4px at 30% 40%, rgba(123, 158, 191, 0.1) 50%, transparent 100%),\r\n                radial-gradient(2px 2px at 50% 60%, rgba(61, 90, 128, 0.08) 50%, transparent 100%),\r\n                radial-gradient(5px 5px at 70% 80%, rgba(184, 212, 227, 0.1) 50%, transparent 100%),\r\n                radial-gradient(3px 3px at 90% 10%, rgba(123, 158, 191, 0.12) 50%, transparent 100%);\r\n            pointer-events: none;\r\n            z-index: 0;\r\n            animation: aumParticleFloat 20s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes aumGradientFlow {\r\n            0%, 100% { background-position: 0% 50%; }\r\n            50% { background-position: 100% 50%; }\r\n        }\r\n\r\n        @keyframes aumParticleFloat {\r\n            0%, 100% { transform: scale(1) rotate(0deg); opacity: 0.7; }\r\n            50% { transform: scale(1.05) rotate(1deg); opacity: 1; }\r\n        }\r\n\r\n        .aum-upgrade-container > * {\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .aum-upgrade-container h2 {\r\n            text-align: center;\r\n            color: #3D5A80;\r\n            font-size: 1.8rem;\r\n            font-weight: 700;\r\n            margin-bottom: 30px;\r\n            padding-bottom: 20px;\r\n            position: relative;\r\n        }\r\n\r\n        .aum-upgrade-container h2::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 80px;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, #3D5A80, #B8D4E3);\r\n            border-radius: 2px;\r\n        }\r\n\r\n        .aum-upgrade-input {\r\n            width: 100%;\r\n            padding: 14px 18px;\r\n            border: 2px solid rgba(184, 212, 227, 0.4);\r\n            border-radius: 12px;\r\n            font-size: 1rem;\r\n            transition: all 0.3s ease;\r\n            margin-bottom: 16px;\r\n            box-sizing: border-box;\r\n            background: rgba(255, 255, 255, 0.9);\r\n            color: #3D5A80;\r\n            font-weight: 500;\r\n            box-shadow: \r\n                inset 0 2px 8px rgba(0, 0, 0, 0.04),\r\n                0 2px 4px rgba(184, 212, 227, 0.08);\r\n        }\r\n\r\n        .aum-upgrade-input:focus {\r\n            border-color: #7B9EBF;\r\n            box-shadow: \r\n                0 0 0 4px rgba(123, 158, 191, 0.15),\r\n                inset 0 2px 8px rgba(0, 0, 0, 0.04);\r\n            outline: none;\r\n            transform: translateY(-2px);\r\n            background: rgba(255, 255, 255, 1);\r\n        }\r\n\r\n        .aum-upgrade-input::placeholder {\r\n            color: #a0b4c5;\r\n            font-weight: 400;\r\n        }\r\n\r\n        .aum-upgrade-btn {\r\n            width: 100%;\r\n            padding: 16px;\r\n            background: linear-gradient(135deg, #3D5A80 0%, #7B9EBF 100%);\r\n            color: #ffffff;\r\n            border: none;\r\n            border-radius: 12px;\r\n            font-size: 1.1rem;\r\n            font-weight: 700;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            letter-spacing: 0.5px;\r\n            text-transform: uppercase;\r\n            box-shadow: \r\n                0 8px 25px rgba(61, 90, 128, 0.3),\r\n                0 4px 10px rgba(123, 158, 191, 0.2),\r\n                inset 0 1px 0 rgba(255, 255, 255, 0.2);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .aum-upgrade-btn::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\r\n            transition: left 0.6s ease;\r\n            z-index: 1;\r\n        }\r\n\r\n        .aum-upgrade-btn:hover::before {\r\n            left: 100%;\r\n        }\r\n\r\n        .aum-upgrade-btn:hover {\r\n            background: linear-gradient(135deg, #7B9EBF 0%, #3D5A80 100%);\r\n            transform: translateY(-3px);\r\n            box-shadow: \r\n                0 15px 35px rgba(61, 90, 128, 0.4),\r\n                0 8px 15px rgba(123, 158, 191, 0.3),\r\n                inset 0 1px 0 rgba(255, 255, 255, 0.3);\r\n        }\r\n\r\n        .aum-upgrade-btn:active {\r\n            transform: translateY(-1px);\r\n            box-shadow: \r\n                0 5px 15px rgba(61, 90, 128, 0.3),\r\n                0 3px 8px rgba(123, 158, 191, 0.2);\r\n        }\r\n\r\n        .aum-upgrade-msg {\r\n            margin-top: 16px;\r\n            text-align: center;\r\n            font-weight: 600;\r\n            font-size: 0.95rem;\r\n            min-height: 24px;\r\n            padding: 10px;\r\n            border-radius: 8px;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .aum-upgrade-msg.success {\r\n            background: linear-gradient(135deg, rgba(232, 245, 233, 0.8) 0%, rgba(200, 230, 201, 0.8) 100%);\r\n            color: #2e7d32;\r\n            border: 1px solid rgba(46, 125, 50, 0.2);\r\n        }\r\n\r\n        .aum-upgrade-msg.error {\r\n            background: linear-gradient(135deg, rgba(255, 235, 238, 0.8) 0%, rgba(255, 205, 210, 0.8) 100%);\r\n            color: #c62828;\r\n            border: 1px solid rgba(198, 40, 40, 0.2);\r\n        }\r\n\r\n        \/* =========================\r\n           RESPONSIVE DESIGN\r\n        ========================= *\/\r\n        @media (max-width: 768px) {\r\n            .aum-upgrade-container {\r\n                margin: 30px 20px;\r\n                padding: 30px 25px;\r\n            }\r\n            \r\n            .aum-upgrade-container h2 {\r\n                font-size: 1.5rem;\r\n            }\r\n            \r\n            .aum-upgrade-btn {\r\n                padding: 14px;\r\n                font-size: 1rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .aum-upgrade-container {\r\n                margin: 20px 10px;\r\n                padding: 25px 20px;\r\n                border-radius: 16px;\r\n            }\r\n            \r\n            .aum-upgrade-container h2 {\r\n                font-size: 1.3rem;\r\n                margin-bottom: 25px;\r\n            }\r\n            \r\n            .aum-upgrade-input {\r\n                padding: 12px 15px;\r\n                font-size: 0.95rem;\r\n            }\r\n            \r\n            .aum-upgrade-btn {\r\n                padding: 14px;\r\n                font-size: 0.95rem;\r\n                border-radius: 10px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <script>\r\n    jQuery(document).ready(function($){\r\n\r\n        $(\"#au_upgrade_btn\").click(function(){\r\n\r\n            var username = $(\"#au_username\").val();\r\n            var password = $(\"#au_password\").val();\r\n\r\n            \/\/ Validation\r\n            if(!username || !password) {\r\n                $(\"#au_msg\").removeClass(\"success\").addClass(\"error\").html(\"Please fill all fields\");\r\n                return;\r\n            }\r\n\r\n            $(\"#au_msg\").removeClass(\"success error\").html(\"Processing...\");\r\n\r\n            $.post(\"https:\/\/playfunnelz.com\/wp-admin\/admin-ajax.php\", {\r\n                action: \"aum_agency_upgrade\",\r\n                username: username,\r\n                password: password,\r\n                t: \"\",\r\n                d: \"\"\r\n            }, function(res){\r\n\r\n                try {\r\n                    var r = JSON.parse(res);\r\n\r\n                    if(r.status){\r\n                        $(\"#au_msg\").removeClass(\"error\").addClass(\"success\").html(r.message);\r\n                    } else {\r\n                        $(\"#au_msg\").removeClass(\"success\").addClass(\"error\").html(r.message);\r\n                    }\r\n\r\n                } catch(e){\r\n                    $(\"#au_msg\").removeClass(\"success\").addClass(\"error\").html(\"Error occurred\");\r\n                }\r\n\r\n            });\r\n\r\n        });\r\n\r\n    });\r\n    <\/script>\r\n\r\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":"template-fullwidth.php","meta":{"pmpro_default_level":"","footnotes":""},"page-category":[],"class_list":["post-684","page","type-page","status-publish","hentry","pmpro-has-access"],"_links":{"self":[{"href":"https:\/\/playfunnelz.com\/v\/wp\/v2\/pages\/684","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/playfunnelz.com\/v\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/playfunnelz.com\/v\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/playfunnelz.com\/v\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/playfunnelz.com\/v\/wp\/v2\/comments?post=684"}],"version-history":[{"count":1,"href":"https:\/\/playfunnelz.com\/v\/wp\/v2\/pages\/684\/revisions"}],"predecessor-version":[{"id":702,"href":"https:\/\/playfunnelz.com\/v\/wp\/v2\/pages\/684\/revisions\/702"}],"wp:attachment":[{"href":"https:\/\/playfunnelz.com\/v\/wp\/v2\/media?parent=684"}],"wp:term":[{"taxonomy":"page-category","embeddable":true,"href":"https:\/\/playfunnelz.com\/v\/wp\/v2\/page-category?post=684"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}