{"id":61,"date":"2025-01-18T13:15:40","date_gmt":"2025-01-18T13:15:40","guid":{"rendered":"https:\/\/evolvetech.biz.vn\/?page_id=61"},"modified":"2026-04-24T14:29:32","modified_gmt":"2026-04-24T06:29:32","slug":"support","status":"publish","type":"page","link":"https:\/\/evolvetech.biz.vn\/index.php\/support\/","title":{"rendered":"SUPPORT"},"content":{"rendered":"\n<style>\n    \/* --- CUSTOM STYLES FOR SUPPORT HUB --- *\/\n    \n    .support-grid {\n        display: grid;\n        grid-template-columns: 1fr 1.5fr;\n        gap: 50px;\n        margin-top: 40px;\n    }\n\n    @media (max-width: 900px) {\n        .support-grid { grid-template-columns: 1fr; }\n    }\n\n    \/* System Status Board *\/\n    .status-panel {\n        background: var(--surface-color);\n        border: 1px solid var(--border-color);\n        padding: 40px;\n        position: relative;\n    }\n\n    .status-header {\n        font-family: var(--font-mono);\n        color: var(--text-secondary);\n        font-size: 0.85rem;\n        text-transform: uppercase;\n        border-bottom: 1px dashed var(--border-color);\n        padding-bottom: 15px;\n        margin-bottom: 30px;\n        display: flex;\n        justify-content: space-between;\n    }\n\n    .status-node {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        background: #050505;\n        border: 1px solid #1a1a1a;\n        padding: 15px 20px;\n        margin-bottom: 15px;\n        border-radius: 4px;\n    }\n\n    .node-label {\n        color: var(--text-primary);\n        font-weight: 600;\n        font-size: 1.05rem;\n    }\n\n    .node-indicator {\n        font-family: var(--font-mono);\n        font-size: 0.85rem;\n        display: flex;\n        align-items: center;\n        gap: 10px;\n    }\n\n    .status-good { color: #00ff41; text-shadow: 0 0 10px rgba(0, 255, 65, 0.4); }\n    \n    .pulse-dot {\n        width: 8px;\n        height: 8px;\n        background: #00ff41;\n        border-radius: 50%;\n        box-shadow: 0 0 10px #00ff41;\n        animation: pulseGreen 1.5s infinite alternate;\n    }\n\n    @keyframes pulseGreen {\n        0% { opacity: 0.5; transform: scale(0.8); }\n        100% { opacity: 1; transform: scale(1.2); }\n    }\n\n    \/* Documentation Links *\/\n    .doc-link {\n        display: block;\n        padding: 12px 0;\n        color: var(--terminal-amber);\n        font-family: var(--font-mono);\n        text-decoration: none;\n        border-bottom: 1px solid #1a1a1a;\n        transition: color 0.3s;\n    }\n    \n    .doc-link:hover { color: var(--accent); }\n    .doc-link::before { content: '>'; margin-right: 10px; }\n\n    \/* Diagnostic Terminal Window *\/\n    .terminal-window.expanded { height: 100%; display: flex; flex-direction: column; }\n    .terminal-group { display: flex; gap: 20px; }\n    .terminal-group .terminal-line { flex: 1; }\n    textarea.terminal-input { resize: vertical; min-height: 120px; line-height: 1.5; padding-top: 10px; }\n\n    \/* --- 3D SUPPORT TRANSMISSION OVERLAY --- *\/\n    #support-overlay {\n        position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;\n        background: rgba(3, 3, 3, 0.95); backdrop-filter: blur(10px);\n        z-index: 99999; display: flex; flex-direction: column;\n        align-items: center; justify-content: center;\n        opacity: 0; pointer-events: none; transition: opacity 0.4s ease;\n    }\n\n    #support-overlay.active { opacity: 1; pointer-events: auto; }\n\n    .support-cube-container { perspective: 1000px; margin-bottom: 40px; }\n\n    .s-cube {\n        width: 80px; height: 80px; position: relative;\n        transform-style: preserve-3d; animation: hyperSpin 1s linear infinite;\n    }\n\n    .s-face {\n        position: absolute; width: 80px; height: 80px;\n        background: rgba(255, 183, 3, 0.2); border: 2px solid var(--terminal-amber);\n        box-shadow: inset 0 0 20px rgba(255, 183, 3, 0.5);\n    }\n\n    .s-front  { transform: translateZ(40px); }\n    .s-back   { transform: rotateY(180deg) translateZ(40px); }\n    .s-right  { transform: rotateY(90deg) translateZ(40px); }\n    .s-left   { transform: rotateY(-90deg) translateZ(40px); }\n    .s-top    { transform: rotateX(90deg) translateZ(40px); }\n    .s-bottom { transform: rotateX(-90deg) translateZ(40px); }\n\n    @keyframes hyperSpin {\n        0% { transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); }\n        100% { transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg); }\n    }\n\n    #support-status-text {\n        font-family: var(--font-mono); color: var(--terminal-amber);\n        font-size: 1.5rem; text-transform: uppercase; letter-spacing: 2px;\n        text-shadow: 0 0 15px var(--terminal-amber); animation: blinkText 1s infinite alternate;\n    }\n<\/style>\n\n<div class=\"monolith-container\">\n\n    <div id=\"support-overlay\">\n        <div class=\"support-cube-container\">\n            <div class=\"s-cube\" id=\"s-cube-anim\">\n                <div class=\"s-face s-front\"><\/div>\n                <div class=\"s-face s-back\"><\/div>\n                <div class=\"s-face s-right\"><\/div>\n                <div class=\"s-face s-left\"><\/div>\n                <div class=\"s-face s-top\"><\/div>\n                <div class=\"s-face s-bottom\"><\/div>\n            <\/div>\n        <\/div>\n        <div id=\"support-status-text\">PACKAGING DIAGNOSTIC DATA&#8230;<\/div>\n    <\/div>\n\n    <section class=\"hero-wireframe\" style=\"min-height: 35vh;\">\n        <div class=\"hero-content\" style=\"max-width: 900px; padding: 40px;\">\n            <h1 style=\"font-size: 3rem; background: linear-gradient(90deg, #ffb703, #ff7a00); -webkit-background-clip: text; -webkit-text-fill-color: transparent;\">Client Support Hub<\/h1>\n            <p style=\"font-size: 1.1rem; color: var(--text-secondary);\">Submit diagnostic tickets, request system modifications, and review real-time infrastructure status.<\/p>\n        <\/div>\n    <\/section>\n\n    <section style=\"padding-top: 20px; padding-bottom: 80px;\">\n        <div class=\"support-grid\">\n            \n            <div>\n                <div class=\"status-panel\" style=\"margin-bottom: 30px;\">\n                    <div class=\"status-header\">\n                        <span>NETWORK TELEMETRY<\/span>\n                        <span>LIVE<\/span>\n                    <\/div>\n                    \n                    <div class=\"status-node\">\n                        <span class=\"node-label\">Cloud Hosting Clusters<\/span>\n                        <span class=\"node-indicator status-good\"><div class=\"pulse-dot\"><\/div> OPERATIONAL<\/span>\n                    <\/div>\n\n                    <div class=\"status-node\">\n                        <span class=\"node-label\">API Gateways<\/span>\n                        <span class=\"node-indicator status-good\"><div class=\"pulse-dot\"><\/div> SECURE<\/span>\n                    <\/div>\n\n                    <div class=\"status-node\">\n                        <span class=\"node-label\">Database Sync<\/span>\n                        <span class=\"node-indicator status-good\"><div class=\"pulse-dot\"><\/div> ACTIVE<\/span>\n                    <\/div>\n                    \n                    <p style=\"color: var(--text-secondary); font-size: 0.85rem; margin-top: 20px; line-height: 1.6;\">\n                        All core EvolveTech infrastructure is operating at peak efficiency. Emergency maintenance protocols are armed and on standby 24\/7.\n                    <\/p>\n                <\/div>\n\n                <div class=\"status-panel\">\n                    <h3 style=\"color: var(--accent); font-size: 1.2rem; border: none; padding: 0; margin-bottom: 20px;\">Quick Resources<\/h3>\n                    <a href=\"#\" class=\"doc-link\">Review Maintenance SLA<\/a>\n                    <a href=\"#\" class=\"doc-link\">Access Admin Training Manuals<\/a>\n                    <a href=\"#\" class=\"doc-link\">Emergency Voice Channel: +84 35 3600 900<\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"terminal-window expanded\">\n                <div class=\"terminal-line\">\n                    <span class=\"prompt\">guest@evolvetech:~$<\/span>\n                    <span>.\/submit_ticket.sh &#8211;priority <span class=\"cursor\"><\/span><\/span>\n                <\/div>\n                <div class=\"terminal-line\" style=\"color: var(--text-secondary); margin-bottom: 40px;\">\n                    > Diagnostic tool initialized. Please provide system parameters.\n                <\/div>\n                \n                <form id=\"diagnostic-ticket-form\">\n                    \n                    <input type=\"hidden\" name=\"access_key\" value=\"YOUR_ACCESS_KEY_HERE\">\n                    <input type=\"hidden\" name=\"subject\" value=\"New Support Ticket Logged - EvolveTech\">\n                    \n                    <div class=\"terminal-group\">\n                        <div class=\"terminal-line\">\n                            <span class=\"prompt\">CLIENT=<\/span>\n                            <input type=\"text\" name=\"client_name\" class=\"terminal-input\" placeholder=\"[Your Name \/ Org]\" required>\n                        <\/div>\n                        <div class=\"terminal-line\">\n                            <span class=\"prompt\">EMAIL=<\/span>\n                            <input type=\"email\" name=\"email\" class=\"terminal-input\" placeholder=\"[Admin Email Address]\" required>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"terminal-group\">\n                        <div class=\"terminal-line\">\n                            <span class=\"prompt\">SYSTEM=<\/span>\n                            <input type=\"text\" name=\"system_module\" class=\"terminal-input\" placeholder=\"[e.g., EKPA CRM, Tax Ledger]\" required>\n                        <\/div>\n                        <div class=\"terminal-line\">\n                            <span class=\"prompt\">SEVERITY=<\/span>\n                            <select name=\"severity_level\" class=\"terminal-input\" style=\"background: var(--surface-color); color: var(--text-primary); cursor: pointer;\" required>\n                                <option value=\"\">[ Select Severity ]<\/option>\n                                <option value=\"Level 1: Routine Update\">Level 1: Routine Update \/ Inquiry<\/option>\n                                <option value=\"Level 2: Minor Bug\">Level 2: Minor Bug \/ UI Glitch<\/option>\n                                <option value=\"Level 3: CRITICAL\" style=\"color: var(--alert-red);\">Level 3: CRITICAL \/ SYSTEM HALT<\/option>\n                            <\/select>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"terminal-line\" style=\"align-items: flex-start; margin-top: 15px;\">\n                        <span class=\"prompt\" style=\"margin-top: 10px;\">LOG_DATA=<\/span>\n                        <textarea name=\"diagnostic_details\" class=\"terminal-input\" placeholder=\"[Describe the exact issue, steps to reproduce, or feature request...]\" required><\/textarea>\n                    <\/div>\n                    \n                    <div style=\"margin-top: auto; padding-top: 30px;\">\n                        <button type=\"submit\" class=\"btn-execute\" style=\"border-color: var(--terminal-amber); color: var(--terminal-amber);\">Execute &#8211;FileTicket<\/button>\n                        <span style=\"font-family: var(--font-mono); color: var(--text-secondary); font-size: 0.8rem; margin-left: 15px;\">\/\/ Monitored 24\/7 by Engineering Team<\/span>\n                    <\/div>\n\n                <\/form>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n<\/div>\n\n<script>\n    const supportForm = document.getElementById('diagnostic-ticket-form');\n    const supportOverlay = document.getElementById('support-overlay');\n    const supportStatusText = document.getElementById('support-status-text');\n    const supportCube = document.getElementById('s-cube-anim');\n\n    supportForm.addEventListener('submit', function(e) {\n        e.preventDefault();\n        \n        \/\/ Show Overlay\n        supportOverlay.classList.add('active');\n        supportStatusText.innerText = \"PACKAGING DIAGNOSTIC DATA...\";\n        supportStatusText.style.color = \"var(--terminal-amber)\";\n        supportCube.style.animation = \"hyperSpin 0.5s linear infinite\";\n\n        \/\/ Collect Form Data\n        const formData = new FormData(supportForm);\n        const object = Object.fromEntries(formData);\n        const json = JSON.stringify(object);\n\n        \/\/ Fetch API (Web3Forms)\n        fetch('https:\/\/api.web3forms.com\/submit', {\n            method: 'POST',\n            headers: {\n                'Content-Type': 'application\/json',\n                'Accept': 'application\/json'\n            },\n            body: json\n        })\n        .then(async (response) => {\n            if (response.status == 200) {\n                \/\/ Success State\n                supportStatusText.innerText = \"TICKET LOGGED \/\/ ENG TEAM NOTIFIED\";\n                supportStatusText.style.color = \"#00ff41\"; \n                supportCube.style.animation = \"hyperSpin 4s linear infinite\"; \n                \n                let sFaces = document.querySelectorAll('.s-face');\n                sFaces.forEach(face => {\n                    face.style.borderColor = \"#00ff41\";\n                    face.style.background = \"rgba(0, 255, 65, 0.1)\";\n                    face.style.boxShadow = \"inset 0 0 20px rgba(0, 255, 65, 0.5)\";\n                });\n\n                supportForm.reset();\n\n                setTimeout(() => {\n                    supportOverlay.classList.remove('active');\n                }, 3500);\n\n            } else {\n                supportStatusText.innerText = \"ERROR: TICKET CREATION FAILED\";\n                supportStatusText.style.color = \"var(--alert-red)\";\n                setTimeout(() => supportOverlay.classList.remove('active'), 3500);\n            }\n        })\n        .catch(error => {\n            supportStatusText.innerText = \"ERROR: NETWORK OFFLINE\";\n            supportStatusText.style.color = \"var(--alert-red)\";\n            setTimeout(() => supportOverlay.classList.remove('active'), 3500);\n        });\n    });\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>PACKAGING DIAGNOSTIC DATA&#8230; Client Support Hub Submit diagnostic tickets, request system modifications, and review real-time infrastructure status. NETWORK TELEMETRY LIVE Cloud Hosting Clusters OPERATIONAL API Gateways SECURE Database Sync ACTIVE All core EvolveTech infrastructure is operating at peak efficiency. Emergency maintenance protocols are armed and on standby 24\/7. Quick Resources Review Maintenance SLA Access Admin &#8230; <a title=\"SUPPORT\" class=\"read-more\" href=\"https:\/\/evolvetech.biz.vn\/index.php\/support\/\" aria-label=\"Read more about SUPPORT\">Read more<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-61","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/evolvetech.biz.vn\/index.php\/wp-json\/wp\/v2\/pages\/61","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/evolvetech.biz.vn\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/evolvetech.biz.vn\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/evolvetech.biz.vn\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/evolvetech.biz.vn\/index.php\/wp-json\/wp\/v2\/comments?post=61"}],"version-history":[{"count":3,"href":"https:\/\/evolvetech.biz.vn\/index.php\/wp-json\/wp\/v2\/pages\/61\/revisions"}],"predecessor-version":[{"id":193,"href":"https:\/\/evolvetech.biz.vn\/index.php\/wp-json\/wp\/v2\/pages\/61\/revisions\/193"}],"wp:attachment":[{"href":"https:\/\/evolvetech.biz.vn\/index.php\/wp-json\/wp\/v2\/media?parent=61"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}