{"id":102,"date":"2026-01-09T07:30:45","date_gmt":"2026-01-09T07:30:45","guid":{"rendered":"https:\/\/trader.co.id\/?page_id=102"},"modified":"2026-01-09T07:30:46","modified_gmt":"2026-01-09T07:30:46","slug":"102-2","status":"publish","type":"page","link":"https:\/\/trader.co.id\/?page_id=102","title":{"rendered":""},"content":{"rendered":"    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@200;400;600;800&display=swap\" rel=\"stylesheet\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n    <style>\n        :root { --accent: #3b82f6; --bg: #020617; }\n        .elite-wrapper { background: var(--bg); font-family: 'Plus Jakarta Sans', sans-serif; color: #f8fafc; padding: 1.5rem; border-radius: 2rem; position: relative; overflow: hidden; }\n        .glass-card { background: rgba(15, 23, 42, 0.6); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 1.5rem; }\n        .stock-row { background: rgba(255, 255, 255, 0.02); border: 1px solid rgba(255, 255, 255, 0.05); transition: 0.3s; }\n        .stock-row:focus-within { border-color: var(--accent); background: rgba(59, 130, 246, 0.05); }\n        input { background: transparent !important; border: none !important; color: white !important; outline: none !important; font-weight: 600; width: 100%; }\n        .btn-audit { background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }\n        .btn-audit:hover { transform: translateY(-2px); box-shadow: 0 15px 30px -10px rgba(37, 99, 235, 0.5); }\n        #ai-output h2 { color: #60a5fa; font-weight: 800; font-size: 0.85rem; text-transform: uppercase; margin-top: 1.5rem; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 0.5rem; letter-spacing: 0.1em; }\n        #ai-output p { font-size: 0.95rem; line-height: 1.8; color: #cbd5e1; margin-top: 0.75rem; }\n        .loading-shimmer { background: linear-gradient(90deg, #1e293b 25%, #334155 50%, #1e293b 75%); background-size: 200% 100%; animation: shimmer 1.5s infinite; }\n        @keyframes shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }\n    <\/style>\n\n    <div class=\"elite-wrapper\">\n        <div class=\"absolute top-0 right-0 w-96 h-96 bg-blue-600\/10 blur-[100px] pointer-events-none\"><\/div>\n\n        <div class=\"flex flex-col md:flex-row justify-between items-start md:items-end mb-10 gap-6 relative z-10\">\n            <div>\n                <div class=\"flex items-center gap-2 mb-3\">\n                    <span class=\"w-2 h-2 bg-blue-500 rounded-full animate-pulse\"><\/span>\n                    <span class=\"text-[10px] font-black tracking-[0.4em] text-blue-400 uppercase\">Neural Assets Audit<\/span>\n                <\/div>\n                <h1 class=\"text-5xl font-extrabold tracking-tighter italic\">Deep<span class=\"text-slate-600 font-light\">Analytics<\/span><\/h1>\n            <\/div>\n            <div class=\"glass-card p-6 min-w-[320px] border-r-4 border-blue-500\">\n                <p class=\"text-[9px] font-black text-slate-500 uppercase tracking-widest mb-1\">Current Portfolio Value<\/p>\n                <div id=\"total-val\" class=\"text-3xl font-bold tabular-nums\">Rp 0<\/div>\n                <div id=\"total-pl\" class=\"text-xs font-bold text-slate-400 mt-1\">P\/L: Rp 0 (0%)<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8 relative z-10\">\n            <div class=\"lg:col-span-5 space-y-6\">\n                <div class=\"glass-card p-8\">\n                    <div class=\"flex justify-between items-center mb-6\">\n                        <h3 class=\"text-xs font-black uppercase text-slate-400 tracking-widest\">Inventory Assets<\/h3>\n                        <button id=\"add-asset\" class=\"text-[10px] font-bold bg-white\/5 px-4 py-2 rounded-xl hover:bg-white\/10 transition\">+ ADD<\/button>\n                    <\/div>\n\n                    <div id=\"asset-container\" class=\"space-y-3 mb-8\">\n                        <div class=\"grid grid-cols-12 gap-2 px-4 text-[9px] font-black text-slate-600 uppercase\">\n                            <div class=\"col-span-3\">Ticker<\/div>\n                            <div class=\"col-span-2 text-center\">Lots<\/div>\n                            <div class=\"col-span-3\">Buy Price<\/div>\n                            <div class=\"col-span-3\">Current<\/div>\n                        <\/div>\n                        \n                        <div class=\"stock-row grid grid-cols-12 gap-2 p-3 rounded-xl items-center\">\n                            <input type=\"text\" class=\"col-span-3 ticker uppercase\" placeholder=\"BBCA\" value=\"BBCA\">\n                            <input type=\"number\" class=\"col-span-2 text-center lots\" value=\"10\">\n                            <input type=\"number\" class=\"col-span-3 buy-price\" value=\"9500\">\n                            <input type=\"number\" class=\"col-span-3 curr-price text-blue-400\" value=\"10200\">\n                            <button class=\"remove-row col-span-1 text-slate-700 hover:text-red-500\">\u00d7<\/button>\n                        <\/div>\n                    <\/div>\n\n                    <button id=\"submit-audit\" class=\"btn-audit w-full py-5 rounded-2xl text-[11px] font-black uppercase tracking-[0.2em] shadow-xl\">\n                        Launch Neural Audit\n                    <\/button>\n                <\/div>\n\n                <div class=\"glass-card p-8 bg-blue-600\/5\">\n                    <h3 class=\"text-xs font-black text-blue-400 uppercase tracking-widest mb-6\">Wealth Intelligence Manual<\/h3>\n                    <div class=\"space-y-6 max-h-[300px] overflow-y-auto pr-2 custom-scroll\">\n                        <div class=\"border-l-2 border-white\/5 pl-4\">\n                            <h4 class=\"text-[11px] font-bold uppercase text-white mb-1\">ROE (Return on Equity)<\/h4>\n                            <p class=\"text-[11px] text-slate-500 italic\">\"Efisiensi Mesin\". Seberapa kencang mesin perusahaan memutar modal Anda menjadi laba nyata.<\/p>\n                        <\/div>\n                        <div class=\"border-l-2 border-white\/5 pl-4\">\n                            <h4 class=\"text-[11px] font-bold uppercase text-white mb-1\">Free Cash Flow (FCF)<\/h4>\n                            <p class=\"text-[11px] text-slate-500 italic\">\"Uang Dingin Sisa\". Dana yang benar-benar tersisa di brankas setelah semua biaya hidup perusahaan dibayar.<\/p>\n                        <\/div>\n                        <div class=\"border-l-2 border-white\/5 pl-4\">\n                            <h4 class=\"text-[11px] font-bold uppercase text-white mb-1\">Interest Coverage Ratio<\/h4>\n                            <p class=\"text-[11px] text-slate-500 italic\">\"Napas Hutang\". Berapa kali laba bisa membayar cicilan. Jika < 1.5x, perusahaan sedang sesak napas.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"lg:col-span-7\">\n                <div id=\"results-placeholder\" class=\"glass-card h-full flex flex-col items-center justify-center p-20 text-center border-dashed border-2 border-white\/5\">\n                    <i class=\"fas fa-brain text-4xl text-slate-800 mb-6\"><\/i>\n                    <p class=\"text-slate-600 font-bold uppercase tracking-[0.3em] text-[10px]\">Awaiting Data Input<\/p>\n                <\/div>\n\n                <div id=\"audit-results\" class=\"hidden space-y-6\">\n                    <div class=\"grid grid-cols-2 gap-4\">\n                        <div class=\"glass-card p-6 text-center border-b-4 border-blue-500\">\n                            <p class=\"text-[9px] font-black text-slate-500 uppercase mb-2\">Portfolio Score<\/p>\n                            <span id=\"score-val\" class=\"text-6xl font-black italic tracking-tighter\">0<\/span>\n                        <\/div>\n                        <div class=\"glass-card p-6\">\n                            <p class=\"text-[9px] font-black text-slate-500 uppercase mb-4\">Risk Exposure Matrix<\/p>\n                            <div class=\"space-y-3\">\n                                <div class=\"h-1.5 w-full bg-white\/5 rounded-full overflow-hidden\">\n                                    <div class=\"h-full bg-blue-500 w-[70%]\"><\/div>\n                                <\/div>\n                                <div class=\"flex justify-between text-[9px] font-bold text-slate-500 uppercase\">\n                                    <span>Volatility<\/span>\n                                    <span class=\"text-blue-400\">Stable<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"glass-card overflow-hidden\">\n                        <div class=\"bg-white\/5 px-8 py-4 border-b border-white\/5 flex justify-between items-center\">\n                            <span class=\"text-[10px] font-black uppercase text-blue-400 tracking-widest\">Deep Strategy Report<\/span>\n                            <div class=\"flex gap-1.5\">\n                                <div class=\"w-2 h-2 rounded-full bg-blue-950\"><\/div>\n                                <div class=\"w-2 h-2 rounded-full bg-blue-950\"><\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"p-8 md:p-12\">\n                            <div id=\"ai-output\" class=\"text-slate-300 leading-relaxed italic\">\n                                <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n    jQuery(document).ready(function($) {\n        function updateFinances() {\n            let totalB = 0, totalC = 0;\n            $('.stock-row').each(function() {\n                const l = parseFloat($(this).find('.lots').val()) || 0;\n                const b = parseFloat($(this).find('.buy-price').val()) || 0;\n                const c = parseFloat($(this).find('.curr-price').val()) || 0;\n                totalB += (l * 100 * b);\n                totalC += (l * 100 * c);\n            });\n            const d = totalC - totalB;\n            const p = totalB > 0 ? (d \/ totalB) * 100 : 0;\n            $('#total-val').text('Rp ' + totalC.toLocaleString('id-ID'));\n            $('#total-pl').text((d >= 0 ? 'Profit: ' : 'Loss: ') + 'Rp ' + Math.abs(d).toLocaleString('id-ID') + ' (' + p.toFixed(2) + '%)')\n                         .toggleClass('text-green-400', d >= 0).toggleClass('text-red-400', d < 0);\n        }\n\n        $('#add-asset').click(function() {\n            const row = $('.stock-row').first().clone();\n            row.find('input').val('');\n            $('#asset-container').append(row);\n            updateFinances();\n        });\n\n        $(document).on('click', '.remove-row', function() {\n            if ($('.stock-row').length > 1) $(this).parent().remove();\n            updateFinances();\n        });\n\n        $(document).on('input', 'input', updateFinances);\n\n        $('#submit-audit').click(function() {\n            const btn = $(this);\n            let pData = \"\";\n            $('.stock-row').each(function() {\n                pData += `Asset: ${$(this).find('.ticker').val()}, Buy: ${$(this).find('.buy-price').val()}, Current: ${$(this).find('.curr-price').val()}\\n`;\n            });\n\n            btn.html('<i class=\"fas fa-spinner fa-spin mr-2\"><\/i> ANALYZING...').prop('disabled', true);\n            $('#results-placeholder').html('<div class=\"w-full h-64 loading-shimmer rounded-3xl\"><\/div>');\n\n            $.ajax({\n                url: 'https:\/\/trader.co.id\/wp-admin\/admin-ajax.php',\n                type: 'POST',\n                data: { action: 'deep_neural_audit', portfolio: pData },\n                success: function(res) {\n                    $('#results-placeholder').hide();\n                    $('#audit-results').fadeIn();\n                    $('#ai-output').html(res.data.html);\n                    $('#score-val').text(res.data.score);\n                    btn.html('Launch Neural Audit').prop('disabled', false);\n                }\n            });\n        });\n        updateFinances();\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-102","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/trader.co.id\/index.php?rest_route=\/wp\/v2\/pages\/102","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trader.co.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trader.co.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trader.co.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trader.co.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=102"}],"version-history":[{"count":1,"href":"https:\/\/trader.co.id\/index.php?rest_route=\/wp\/v2\/pages\/102\/revisions"}],"predecessor-version":[{"id":103,"href":"https:\/\/trader.co.id\/index.php?rest_route=\/wp\/v2\/pages\/102\/revisions\/103"}],"wp:attachment":[{"href":"https:\/\/trader.co.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}