{
    "status": true,
    "message": "<div class=\"p-3\" id=\"qris-content-381250520115901\">\n            <div class=\"text-center mb-3\"><img src=\"https:\/\/qpanel.org\/images\/qris.png\" style=\"width: 100px; height: auto;\"><\/div>\n            <div style=\"background: #fff4f4; border: 1px solid #ffe6e6; border-radius: 8px; padding: 12px; margin-bottom: 12px;\">\n                <div style=\"display: flex; align-items: center; gap: 6px; margin-bottom: 8px;\"><span style=\"color: #dc2626;\">\u26a0\ufe0f<\/span><span style=\"color: #dc2626; font-weight: 600;\">PERHATIAN PENTING:<\/span><\/div>\n                <p style=\"margin: 0 0 8px 0;\">Anda <b>WAJIB<\/b> transfer dengan nominal <b>TEPAT<\/b> sebesar:<\/p>\n                <div style=\"background: white; padding: 8px; border-radius: 6px; text-align: center; margin: 8px 0;\"><span style=\"font-size: 20px; font-weight: 700; color: #6949ff;\">Rp 5<span style=\"color: #dc2626;\">.487<\/span><\/span><\/div>\n                <p class=\"text-center mt-3\"><small style=\"display: inline-flex; align-items: center; gap: 6px; background: linear-gradient(135deg, #0A2647, #144272); border-radius: 50px; color: #ffffff; font-weight: 600; box-shadow: 0 4px 15px rgba(20,66,114,0.2); font-size: 9px; padding: 6px 12px;\"><span>\ud83d\udd10<\/span><span>Secured By<\/span><span style=\"background: linear-gradient(90deg, #38BDF8, #4ADE80); -webkit-background-clip: text; -webkit-text-fill-color: transparent;\">Magick Vault Payment<\/span><\/small><\/p>\n                <p style=\"margin: 4px 0 0 0; color: #666; font-size: 10px; font-style: italic;\">Setelah Anda melakukan scan QR atau transfer, mohon tunggu konfirmasi sistem 3-5 menit<\/p>\n            <\/div>\n            <div style=\"background: white; border: 1px solid #e5e7eb; border-radius: 8px; padding: 12px; margin-bottom: 12px;\">\n                <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 12px;\">\n                    <div style=\"text-align: center;\"><p style=\"color: #6b7280; font-size: 13px; margin: 0 0 4px 0;\">ID Transaksi<\/p><p style=\"font-weight: 500; margin: 0;\">381250520115901<\/p><\/div>\n                    <div style=\"text-align: center;\"><p style=\"color: #6b7280; font-size: 13px; margin: 0 0 4px 0;\">Status<\/p><div style=\"display: inline-flex; align-items: center; gap: 6px;\" id=\"status-381250520115901\"><div class=\"loading-spinner-381250520115901\"><\/div><span class=\"badge bg-warning text-white\">Checking..<\/span><\/div><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"text-center\">\n              <div style=\"background: white; padding: 12px; border-radius: 8px; display: inline-block; border: 1px solid #e5e7eb; margin-bottom: 12px; max-width: 100%;\">\n                  <div id=\"qrcode-381250520115901\"><\/div>\n                  <button onclick=\"window.downloadDynamicQR('qrcode-381250520115901', 'qris-payment-381250520115901.png')\" class=\"btn btn-primary btn-sm mt-2\"><i class=\"fas fa-download\"><\/i> Download This QR<\/button>\n              <\/div>\n            <\/div>\n            <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/qrcode-generator@1.4.4\/qrcode.min.js\"><\/script>\n            <script>\n            (function() {\n                var currentInvoice = \"381250520115901\";\n                var qrisData = \"00020101021226580006id.ovo01189360091200024697780215tZ1PqqddxjNKiNf0303UKE51450015ID.OR.GPNQR.WWW0215ID10243595575180303UKE520459475303360540454875802ID5912Magick Vault6007Mataram6105832396231050747085530716RUh6FXtqlTBdsdMT6304129E\";\n                var qrInstance_381250520115901;\n                function generateAndDisplayQR_381250520115901() { if (typeof qrcode === \"undefined\") { console.error(\"qrcode-generator lib not loaded for \" + currentInvoice); setTimeout(generateAndDisplayQR_381250520115901, 100); return; } var qrContainer = document.getElementById(\"qrcode-\" + currentInvoice); if (!qrContainer) { console.error(\"QR container not found: qrcode-\" + currentInvoice); return; } qrInstance_381250520115901 = qrcode(0, \"M\"); qrInstance_381250520115901.addData(qrisData); qrInstance_381250520115901.make(); qrContainer.innerHTML = qrInstance_381250520115901.createImgTag(4); }\n                window.downloadDynamicQR = function(elementId, filename) { if (!qrInstance_381250520115901) { console.error(\"QR instance not ready for download.\"); return; } const img = document.querySelector(`#${elementId} img`); if (!img) { console.error(\"Image not found in \" + elementId); return; } const canvas = document.createElement(\"canvas\"); const moduleCount = qrInstance_381250520115901.getModuleCount(); const scale = Math.max(4, Math.ceil(256 \/ moduleCount)); canvas.width = moduleCount * scale; canvas.height = moduleCount * scale; const ctx = canvas.getContext(\"2d\"); for (var r = 0; r < moduleCount; r++) { for (var c = 0; c < moduleCount; c++) { ctx.fillStyle = qrInstance_381250520115901.isDark(r, c) ? \"#000\" : \"#fff\"; ctx.fillRect(c * scale, r * scale, scale, scale); } } const a = document.createElement(\"a\"); a.download = filename || \"qris-code.png\"; a.href = canvas.toDataURL(\"image\/png\"); document.body.appendChild(a); a.click(); document.body.removeChild(a); };\n                function refreshDepositStatus_381250520115901() { $.ajax({ url: \"\/panel\/deposit\/check-status\/\" + currentInvoice + \"?t=\" + Date.now(), method: \"GET\", success: function(response) { if (response.status && response.data) { let statusHtml = \"\"; const status = response.data.status; var statusContainer = $(\"#status-\" + currentInvoice); if (status === \"Success\" || status === \"success\" || status === \"Sukses\" || status === \"sukses\") { statusHtml = '<span class=\"badge bg-success\">Success<\/span>'; statusContainer.html(statusHtml); if (window.checkStatusInterval_381250520115901) clearInterval(window.checkStatusInterval_381250520115901); setTimeout(() => { $(\"#exampleModalz\").modal(\"hide\"); setTimeout(() => window.location.reload(), 500); }, 1000); } else if (status === \"Canceled\" || status === \"canceled\") { statusHtml = '<span class=\"badge bg-danger\">Canceled<\/span>'; statusContainer.html(statusHtml); if (window.checkStatusInterval_381250520115901) clearInterval(window.checkStatusInterval_381250520115901); } else { statusHtml = '<div class=\"loading-spinner-381250520115901\"><\/div><span class=\"badge bg-warning text-white\">Checking..<\/span>'; statusContainer.html(statusHtml); } } }, error: function() { console.error(\"Error checking deposit status for \" + currentInvoice); } }); }\n                if (document.readyState === \"complete\" || document.readyState === \"interactive\") { generateAndDisplayQR_381250520115901(); } else { document.addEventListener(\"DOMContentLoaded\", generateAndDisplayQR_381250520115901); }\n                $(\"#exampleModalz\").off(\"shown.bs.modal.qris\" + currentInvoice).on(\"shown.bs.modal.qris\" + currentInvoice, function() { generateAndDisplayQR_381250520115901(); });\n                if (window.checkStatusInterval_381250520115901) clearInterval(window.checkStatusInterval_381250520115901); window.checkStatusInterval_381250520115901 = setInterval(refreshDepositStatus_381250520115901, 3000);\n                $(\"#exampleModalz\").off(\"hidden.bs.modal.qris\" + currentInvoice).on(\"hidden.bs.modal.qris\" + currentInvoice, function() { if (window.checkStatusInterval_381250520115901) clearInterval(window.checkStatusInterval_381250520115901); });\n                refreshDepositStatus_381250520115901();\n            })();\n            <\/script>\n            <style>.loading-spinner-381250520115901 { width: 14px; height: 14px; border: 2px solid #f3f3f3; border-top: 2px solid #6949ff; border-radius: 50%; animation: spin_381250520115901 1s linear infinite; } @keyframes spin_381250520115901 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }<\/style>\n        <\/div>"
}