SIMULASI KREDIT<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:root{\r\n --bg:#f5f7fb;\r\n --card:#ffffff;\r\n --text:#111;\r\n --muted:#6b7280;\r\n --primary:#c0ac77;\r\n}\r\nbody{\r\n margin:0;\r\n font-family:Inter, sans-serif;\r\n background:var(--bg);\r\n}\r\n\r\n.app{ max-width:850px; margin:auto; padding:15px; }\r\n\r\n.header{ text-align:center; }\r\n\r\n.card{\r\n background:var(--card);\r\n padding:16px;\r\n border-radius:16px;\r\n margin-top:12px;\r\n box-shadow:0 8px 25px rgba(0,0,0,0.06);\r\n}\r\n\r\n\/* TAB *\/\r\n.tab-switch{\r\n display:flex;\r\n background:#e5e7eb;\r\n border-radius:12px;\r\n overflow:hidden;\r\n}\r\n.tab-switch button{\r\n flex:1;\r\n padding:10px;\r\n border:none;\r\n background:transparent;\r\n font-weight:600;\r\n cursor:pointer;\r\n}\r\n.tab-switch .active{ background:var(--primary); }\r\n\r\n\/* FORM *\/\r\n.grid{\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:12px;\r\n}\r\n@media(max-width:700px){\r\n .grid{ grid-template-columns:1fr; }\r\n}\r\nlabel{ font-size:11px; color:var(--muted); }\r\ninput{\r\n width:100%;\r\n padding:10px;\r\n border-radius:10px;\r\n border:1px solid #ddd;\r\n}\r\n\r\n\/* BUTTON *\/\r\nbutton.run{\r\n margin-top:10px;\r\n width:100%;\r\n padding:12px;\r\n border:none;\r\n border-radius:12px;\r\n background:var(--primary);\r\n font-weight:bold;\r\n cursor:pointer;\r\n}\r\n\r\n\/* SUMMARY *\/\r\n.summary{\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:10px;\r\n}\r\n.box{\r\n background:var(--bg);\r\n padding:10px;\r\n border-radius:10px;\r\n text-align:center;\r\n font-size:12px;\r\n}\r\n.box span{\r\n display:block;\r\n font-weight:700;\r\n margin-top:4px;\r\n}\r\n\r\n\/* GOLD ANGSURAN *\/\r\n.highlight{\r\n background:linear-gradient(135deg,#c0ac77,#f5e6b3);\r\n color:#000;\r\n font-weight:700;\r\n box-shadow:0 6px 15px rgba(192,172,119,0.4);\r\n transform:scale(1.05);\r\n}\r\n\r\n\/* TABLE *\/\r\n.table-wrap{\r\n display:flex;\r\n justify-content:center;\r\n overflow:auto;\r\n}\r\ntable{\r\n border-collapse:collapse;\r\n min-width:650px;\r\n font-size:11px;\r\n}\r\nthead th{\r\n background:var(--primary);\r\n position:sticky;\r\n top:0;\r\n}\r\nth,td{\r\n padding:8px;\r\n border-bottom:1px solid #eee;\r\n}\r\ntd{ text-align:right; }\r\ntd:first-child{ text-align:center; }\r\n\r\n.note{\r\n font-size:10px;\r\n text-align:center;\r\n margin-top:10px;\r\n color:var(--muted);\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n<div class=\"app\">\r\n\r\n<div class=\"header\">\r\n<h2>Simulasi Kredit<\/h2>\r\n<\/div>\r\n\r\n<div class=\"card\">\r\n<div class=\"tab-switch\">\r\n<button id=\"btnA\" class=\"active\" onclick=\"switchMode('A')\">In Advance<\/button>\r\n<button id=\"btnB\" onclick=\"switchMode('B')\">In Area<\/button>\r\n<\/div>\r\n\r\n\r\n<div id=\"formA\">\r\n<div class=\"grid\">\r\n<div><label>Pinjaman<\/label><input id=\"pinjamanA\" oninput=\"formatRupiah(this)\"><\/div>\r\n<div><label>Tenor<\/label><input id=\"tenorA\" type=\"number\"><\/div>\r\n<div><label>Bunga (%)<\/label><input id=\"bungaA\" type=\"number\"><\/div>\r\n<div><label>Tanggal<\/label><input id=\"tglA\" type=\"date\"><\/div>\r\n<\/div>\r\n<button class=\"run\" onclick=\"hitungAdvance()\">Hitung<\/button>\r\n<button class=\"run\" onclick=\"exportPDF()\">Cetak PDF<\/button>\r\n<\/div>\r\n\r\n\r\n<div id=\"formB\" style=\"display:none;\">\r\n<div class=\"grid\">\r\n<div><label>Pinjaman<\/label><input id=\"pinjamanB\" oninput=\"formatRupiah(this)\"><\/div>\r\n<div><label>Tenor<\/label><input id=\"tenorB\" type=\"number\"><\/div>\r\n<div><label>Bunga (%)<\/label><input id=\"bungaB\" type=\"number\"><\/div>\r\n<div><label>Tanggal<\/label><input id=\"tglB\" type=\"date\"><\/div>\r\n<\/div>\r\n<button class=\"run\" onclick=\"hitungArea()\">Hitung<\/button>\r\n<button class=\"run\" onclick=\"exportPDF()\">Cetak PDF<\/button>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"card\">\r\n<div class=\"summary\" id=\"summary\"><\/div>\r\n<\/div>\r\n\r\n<div class=\"card\">\r\n<div class=\"table-wrap\">\r\n<table>\r\n<thead>\r\n<tr>\r\n<th>Angs<\/th><th>Sisa<\/th><th>Pokok<\/th><th>Bunga<\/th><th>Tgl<\/th><th>Angsuran<\/th><th>Sisa<\/th>\r\n<\/tr>\r\n<\/thead>\r\n<tbody id=\"hasil\"><\/tbody>\r\n<\/table>\r\n<\/div>\r\n\r\n<div class=\"note\">\r\n*Hasil ini hanya berupa Simulasi, untuk Informasi lebih lengkap dapat menghubungi PT. BPR Danamas Simpan Pinjam.\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<script data-jetpack-boost=\"ignore\" data-jetpack-boost=\"ignore\" src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\r\n<script data-jetpack-boost=\"ignore\" data-jetpack-boost=\"ignore\" src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf-autotable\/3.5.31\/jspdf.plugin.autotable.min.js\"><\/script>\r\n\r\n<script data-jetpack-boost=\"ignore\" data-jetpack-boost=\"ignore\">\r\nfunction switchMode(m){\r\n formA.style.display = m==='A'?'block':'none';\r\n formB.style.display = m==='B'?'block':'none';\r\n btnA.classList.toggle('active', m==='A');\r\n btnB.classList.toggle('active', m==='B');\r\n}\r\n\r\nfunction formatRupiah(el){\r\n let v=el.value.replace(\/\\D\/g,'');\r\n el.value=v?'Rp '+Number(v).toLocaleString('id-ID'):'';\r\n}\r\nfunction num(v){ return Number(v.replace(\/\\D\/g,'')); }\r\nfunction f(x){ return \"Rp \" + Math.round(x).toLocaleString('id-ID'); }\r\nfunction tgl(t,i){\r\n let d=new Date(t); d.setMonth(d.getMonth()+i);\r\n return d.toLocaleDateString('id-ID');\r\n}\r\n\r\n\/* ADVANCE *\/\r\nfunction simulasi(p,n,a,r){\r\n let s=p,tot=0;\r\n for(let i=1;i<=n;i++){\r\n let b=(i===1)?0:s*r;\r\n let pk=a-b;\r\n s-=pk; tot+=b;\r\n }\r\n return tot;\r\n}\r\nfunction rate(p,n,a,target){\r\n let l=0,h=0.1;\r\n for(let i=0;i<100;i++){\r\n let m=(l+h)\/2;\r\n simulasi(p,n,a,m)>target?h=m:l=m;\r\n }\r\n return (l+h)\/2;\r\n}\r\n\r\nfunction hitungAdvance(){\r\n let P=num(pinjamanA.value), n=+tenorA.value, r=bungaA.value\/100, t=tglA.value;\r\n let total=P*r*(n\/12), A=(P+total)\/n;\r\n let rEf=rate(P,n,A,total), s=P, html=\"\";\r\n\r\n for(let i=1;i<=n;i++){\r\n let b=(i===1)?0:s*rEf;\r\n let pk=A-b;\r\n if(i===n){ pk=s; b=A-pk; }\r\n let sisa=s-pk;\r\n html+=`<tr><td>${i}<\/td><td>${f(s)}<\/td><td>${f(pk)}<\/td><td>${f(b)}<\/td><td>${t?tgl(t,i-1):'-'}<\/td><td>${f(A)}<\/td><td>${f(sisa)}<\/td><\/tr>`;\r\n s=sisa;\r\n }\r\n\r\n hasil.innerHTML=html;\r\n\r\n summary.innerHTML=`\r\n <div class=\"box\">Pinjaman<span>${f(P)}<\/span><\/div>\r\n <div class=\"box\">Tenor<span>${n} bln<\/span><\/div>\r\n <div class=\"box\">Bunga<span>${(r*100).toFixed(2)}%<\/span><\/div>\r\n <div class=\"box highlight\">Angsuran<span>${f(A)}<\/span><\/div>\r\n `;\r\n}\r\n\r\n\/* AREA *\/\r\nfunction cariBunga(P,A,n){\r\n let l=0,h=1;\r\n for(let i=0;i<80;i++){\r\n let r=(l+h)\/2,s=P;\r\n for(let j=0;j<n;j++){ let b=s*r,p=A-b; s-=p; }\r\n s>0?h=r:l=r;\r\n }\r\n return (l+h)\/2;\r\n}\r\n\r\nfunction hitungArea(){\r\n let P=num(pinjamanB.value), n=+tenorB.value, r=bungaB.value\/100, t=tglB.value;\r\n let A=(P\/n)+(P*r)\/12;\r\n let rEf=cariBunga(P,A,n), s=P, html=\"\";\r\n\r\n for(let i=1;i<=n;i++){\r\n let b=s*rEf, pk=A-b;\r\n if(i===n){ pk=s; b=A-pk; }\r\n let sisa=s-pk;\r\n\r\n html+=`<tr><td>${i}<\/td><td>${f(s)}<\/td><td>${f(pk)}<\/td><td>${f(b)}<\/td><td>${t?tgl(t,i-1):'-'}<\/td><td>${f(A)}<\/td><td>${f(sisa)}<\/td><\/tr>`;\r\n s=sisa;\r\n }\r\n\r\n hasil.innerHTML=html;\r\n\r\n summary.innerHTML=`\r\n <div class=\"box\">Pinjaman<span>${f(P)}<\/span><\/div>\r\n <div class=\"box\">Tenor<span>${n} bln<\/span><\/div>\r\n <div class=\"box\">Bunga<span>${(r*100).toFixed(2)}%<\/span><\/div>\r\n <div class=\"box highlight\">Angsuran<span>${f(A)}<\/span><\/div>\r\n `;\r\n}\r\n\r\n\/* PDF *\/\r\nfunction exportPDF(){\r\n const { jsPDF } = window.jspdf;\r\n let doc = new jsPDF();\r\n\r\n let now = new Date();\r\n let waktu = now.toLocaleString('id-ID');\r\n\r\n doc.setFontSize(14);\r\n doc.text(\"PT. BPR Danamas Simpan Pinjam\", 14, 15);\r\n doc.setFontSize(10);\r\n doc.text(\"SIMULASI KREDIT\", 14, 20);\r\n\r\n doc.line(14,25,196,25);\r\n\r\n let y=32;\r\n document.querySelectorAll(\".box\").forEach(b=>{\r\n let txt=b.innerText.replace(\"\\n\",\": \");\r\n doc.text(txt,14,y);\r\n y+=6;\r\n });\r\n\r\n doc.autoTable({\r\n html:'table',\r\n startY:y+4,\r\n styles:{fontSize:8,halign:'right'},\r\n headStyles:{fillColor:[192,172,119],halign:'center'},\r\n columnStyles:{0:{halign:'center'}}\r\n });\r\n\r\n let end=doc.lastAutoTable.finalY+10;\r\n\r\n doc.setFontSize(8);\r\n doc.text(\"*Hasil ini hanya berupa Simulasi, untuk Informasi lebih lengkap dapat menghubungi PT. BPR Danamas Simpan Pinjam..\",14,end);\r\n\r\n doc.text(\"Dicetak melalui Webite BPRDSP: \"+waktu,14,end+5);\r\n\r\n doc.save(\"Simulasi_Kredit_BPRDSP.pdf\");\r\n}\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-801f706 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"801f706\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-15a60c7\" data-id=\"15a60c7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-222d47a elementor-widget elementor-widget-spacer\" data-id=\"222d47a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-da80a59 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"da80a59\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9ca0e1d\" data-id=\"9ca0e1d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-06d34a8 elementor-widget elementor-widget-spacer\" data-id=\"06d34a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SIMULASI KREDIT PT. BPR DANAMAS SIMPAN PINJAM<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"","footnotes":""},"class_list":["post-504","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bprdanamas.com\/index.php?rest_route=\/wp\/v2\/pages\/504","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bprdanamas.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bprdanamas.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bprdanamas.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bprdanamas.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=504"}],"version-history":[{"count":214,"href":"https:\/\/bprdanamas.com\/index.php?rest_route=\/wp\/v2\/pages\/504\/revisions"}],"predecessor-version":[{"id":5072,"href":"https:\/\/bprdanamas.com\/index.php?rest_route=\/wp\/v2\/pages\/504\/revisions\/5072"}],"wp:attachment":[{"href":"https:\/\/bprdanamas.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=504"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}