{"id":93,"date":"2026-01-09T06:10:44","date_gmt":"2026-01-09T06:10:44","guid":{"rendered":"https:\/\/trader.co.id\/?page_id=93"},"modified":"2026-01-09T06:49:05","modified_gmt":"2026-01-09T06:49:05","slug":"93-2","status":"publish","type":"page","link":"https:\/\/trader.co.id\/?page_id=93","title":{"rendered":""},"content":{"rendered":"    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    \n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@300;500;700&display=swap');\n        .finplan-elite { \n            font-family: 'Space Grotesk', sans-serif; \n            background: radial-gradient(circle at top left, #0f172a, #020617);\n            color: #f8fafc;\n            min-height: 100vh;\n        }\n        .premium-card {\n            background: linear-gradient(145deg, rgba(30, 41, 59, 0.4), rgba(15, 23, 42, 0.8));\n            backdrop-filter: blur(20px);\n            border: 1px solid rgba(255, 255, 255, 0.05);\n            transition: all 0.3s ease-in-out;\n            border-radius: 2rem;\n        }\n        .premium-card:hover {\n            border-color: rgba(59, 130, 246, 0.3);\n            box-shadow: 0 0 25px rgba(59, 130, 246, 0.1);\n        }\n        .input-elite {\n            background: rgba(15, 23, 42, 0.9);\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            color: white;\n            border-radius: 12px;\n            padding: 12px;\n            font-size: 14px;\n        }\n        .input-elite:focus {\n            border-color: #3b82f6;\n            outline: none;\n        }\n    <\/style>\n\n    <div class=\"finplan-elite p-6 md:p-12\">\n        <div class=\"max-w-7xl mx-auto space-y-10\">\n            \n            <nav class=\"flex flex-col md:flex-row justify-between items-start md:items-end gap-6 border-b border-slate-800 pb-10\">\n                <div>\n                    <div class=\"flex items-center gap-3 mb-4\">\n                        <div class=\"h-10 w-10 bg-blue-600 rounded-2xl flex items-center justify-center shadow-lg shadow-blue-600\/20\">\n                            <i class=\"fas fa-robot text-white text-xl\"><\/i>\n                        <\/div>\n                        <span class=\"text-xs font-bold tracking-[0.3em] text-blue-400 uppercase\">Finplan AI Live<\/span>\n                    <\/div>\n                    <h1 class=\"text-5xl font-bold tracking-tighter\">My Portfolio <span class=\"text-slate-500 font-light\">Overview<\/span><\/h1>\n                <\/div>\n                \n                <div class=\"flex gap-4\">\n                    <div class=\"text-right pr-6 border-r border-slate-800\">\n                        <p class=\"text-[10px] text-slate-500 uppercase font-bold mb-1\">Total Value<\/p>\n                        <p id=\"total-val-display\" class=\"text-2xl font-bold italic text-white\">Rp 0<\/p>\n                    <\/div>\n                    <div class=\"text-right\">\n                        <p class=\"text-[10px] text-slate-500 uppercase font-bold mb-1\">Overall Health<\/p>\n                        <p id=\"health-status\" class=\"text-2xl font-bold text-emerald-400\">Ready<\/p>\n                    <\/div>\n                <\/div>\n            <\/nav>\n\n            <div class=\"premium-card p-8\">\n                <h3 class=\"text-xs font-bold text-slate-400 uppercase tracking-widest mb-6\">Asset Inventory<\/h3>\n                <div id=\"input-rows\" class=\"space-y-4\">\n                    <div class=\"grid grid-cols-12 gap-4 stock-row\">\n                        <input type=\"text\" placeholder=\"Ticker (ex: BBCA)\" class=\"col-span-4 input-elite uppercase ticker\">\n                        <input type=\"number\" placeholder=\"Avg Price\" class=\"col-span-4 input-elite price\">\n                        <input type=\"number\" placeholder=\"Lot\" class=\"col-span-3 input-elite lot\">\n                        <button onclick=\"this.parentElement.remove()\" class=\"col-span-1 text-slate-500 hover:text-red-500\"><i class=\"fas fa-trash\"><\/i><\/button>\n                    <\/div>\n                <\/div>\n                <div class=\"mt-6 flex justify-between items-center\">\n                    <button onclick=\"addRow()\" class=\"text-xs font-bold text-blue-400 hover:text-blue-300 uppercase tracking-widest\">+ Add Asset<\/button>\n                    <button onclick=\"analyzePortfolio()\" class=\"bg-blue-600 hover:bg-blue-700 text-white px-8 py-4 rounded-2xl text-xs font-bold transition-all shadow-lg shadow-blue-600\/20\">\n                        EXECUTE LIVE AUDIT\n                    <\/button>\n                <\/div>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-10\">\n                <div id=\"analysis-results\" class=\"lg:col-span-8 space-y-6\">\n                    <div class=\"text-center py-20 text-slate-600 italic\">Masukkan data saham untuk memulai audit fundamental...<\/div>\n                <\/div>\n\n                <div class=\"lg:col-span-4 space-y-8\">\n                    <div class=\"premium-card p-8 text-center\">\n                        <h3 class=\"text-sm font-bold text-slate-400 uppercase tracking-widest mb-8\">Sector Allocation<\/h3>\n                        <div class=\"relative inline-flex items-center justify-center\">\n                            <canvas id=\"sectorChart\" width=\"200\" height=\"200\"><\/canvas>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"premium-card p-8\">\n                        <h3 class=\"text-sm font-bold text-slate-400 uppercase tracking-widest mb-6 italic\">Elite Guideline<\/h3>\n                        <div class=\"space-y-6\">\n                            <div>\n                                <p class=\"text-xs font-bold text-blue-400 uppercase mb-1\">ROE (Return on Equity)<\/p>\n                                <p class=\"text-[11px] text-slate-400 leading-relaxed italic\">Efisiensi Mesin Uang. Seberapa jago perusahaan memutar setiap rupiah modal Anda menjadi laba bersih.<\/p>\n                            <\/div>\n                            <div>\n                                <p class=\"text-xs font-bold text-orange-400 uppercase mb-1\">DER (Debt to Equity)<\/p>\n                                <p class=\"text-[11px] text-slate-400 leading-relaxed italic\">Toleransi Beban. Memastikan perusahaan tidak 'ngos-ngosan' karena beban bunga bank saat ekonomi buruk.<\/p>\n                            <\/div>\n                            <div>\n                                <p class=\"text-xs font-bold text-emerald-400 uppercase mb-1\">Margin of Safety<\/p>\n                                <p class=\"text-[11px] text-slate-400 leading-relaxed italic\">Diskon Pelindung. Selisih harga pasar dengan nilai asli; bantalan Anda agar tidak rugi saat pasar goyang.<\/p>\n                            <\/div>\n                            <div>\n                                <p class=\"text-xs font-bold text-indigo-400 uppercase mb-1\">Economic Moat<\/p>\n                                <p class=\"text-[11px] text-slate-400 leading-relaxed italic\">Daya Tahan Monopoli. Keunggulan unik yang membuat pesaing mustahil merebut pasar perusahaan ini.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        function addRow() {\n            const container = document.getElementById('input-rows');\n            const div = document.createElement('div');\n            div.className = 'grid grid-cols-12 gap-4 stock-row mt-4';\n            div.innerHTML = `\n                <input type=\"text\" placeholder=\"Ticker\" class=\"col-span-4 input-elite uppercase ticker\">\n                <input type=\"number\" placeholder=\"Avg Price\" class=\"col-span-4 input-elite price\">\n                <input type=\"number\" placeholder=\"Lot\" class=\"col-span-3 input-elite lot\">\n                <button onclick=\"this.parentElement.remove()\" class=\"col-span-1 text-slate-500 hover:text-red-500\"><i class=\"fas fa-trash\"><\/i><\/button>\n            `;\n            container.appendChild(div);\n        }\n\n        function analyzePortfolio() {\n            \/\/ Logic untuk menghitung Total Value dan memanggil AI via AJAX\n            let total = 0;\n            document.querySelectorAll('.stock-row').forEach(row => {\n                const p = row.querySelector('.price').value || 0;\n                const l = row.querySelector('.lot').value || 0;\n                total += (p * l * 100);\n            });\n            document.getElementById('total-val-display').innerText = new Intl.NumberFormat('id-ID', { style: 'currency', currency: 'IDR', maximumFractionDigits: 0 }).format(total);\n            \n            \/\/ Simullasi Loading & Update Visual\n            document.getElementById('analysis-results').innerHTML = '<div class=\"text-center py-20\"><i class=\"fas fa-circle-notch fa-spin text-3xl text-blue-600\"><\/i><p class=\"mt-4 text-slate-500 uppercase tracking-widest text-xs font-bold\">Auditing Fundamental Data...<\/p><\/div>';\n            \n            \/\/ Panggil AJAX WordPress Anda di sini (Logika yang sebelumnya kita buat)\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-93","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/trader.co.id\/index.php?rest_route=\/wp\/v2\/pages\/93","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=93"}],"version-history":[{"count":4,"href":"https:\/\/trader.co.id\/index.php?rest_route=\/wp\/v2\/pages\/93\/revisions"}],"predecessor-version":[{"id":98,"href":"https:\/\/trader.co.id\/index.php?rest_route=\/wp\/v2\/pages\/93\/revisions\/98"}],"wp:attachment":[{"href":"https:\/\/trader.co.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=93"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}