Amaris Law Firm - Generator Surat Kuasa<\/title>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2pdf.js\/0.10.1\/html2pdf.bundle.min.js\"><\/script>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\r\n font-family: 'Times New Roman', Times, serif;\r\n padding: 20px;\r\n min-height: 100vh;\r\n }\r\n\r\n .main-container {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 30px;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n }\r\n\r\n .form-section, .preview-section {\r\n background: white;\r\n padding: 30px;\r\n border-radius: 15px;\r\n box-shadow: 0 20px 60px rgba(0,0,0,0.1);\r\n }\r\n\r\n .section-title {\r\n font-size: 20px;\r\n font-weight: bold;\r\n color: #0B1F3A;\r\n margin-bottom: 20px;\r\n text-align: center;\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 20px;\r\n }\r\n\r\n .form-group label {\r\n display: block;\r\n font-weight: bold;\r\n color: #333;\r\n margin-bottom: 8px;\r\n font-size: 14px;\r\n }\r\n\r\n .form-group input, .form-group textarea, .form-group select {\r\n width: 100%;\r\n padding: 12px;\r\n border: 2px solid #e1e5e9;\r\n border-radius: 8px;\r\n font-size: 14px;\r\n font-family: 'Times New Roman', Times, serif;\r\n transition: border-color 0.3s ease;\r\n }\r\n\r\n .form-group input:focus, .form-group textarea:focus, .form-group select:focus {\r\n outline: none;\r\n border-color: #0B1F3A;\r\n }\r\n\r\n .form-row {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 15px;\r\n }\r\n\r\n .partners-section {\r\n margin-top: 20px;\r\n }\r\n\r\n .partner-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .partner-item input {\r\n flex: 1;\r\n }\r\n\r\n .partner-item button {\r\n background: #dc2626;\r\n color: white;\r\n border: none;\r\n padding: 8px 12px;\r\n border-radius: 5px;\r\n cursor: pointer;\r\n font-size: 12px;\r\n }\r\n\r\n .partner-item button:hover {\r\n background: #b91c1c;\r\n }\r\n\r\n .generate-btn, .download-btn {\r\n width: 100%;\r\n padding: 16px;\r\n background: linear-gradient(135deg, #0B1F3A 0%, #1e3a5f 100%);\r\n color: white;\r\n border: none;\r\n cursor: pointer;\r\n font-weight: bold;\r\n font-size: 16px;\r\n border-radius: 12px;\r\n box-shadow: 0 10px 30px rgba(11, 31, 58, 0.4);\r\n transition: all 0.3s ease;\r\n margin-top: 20px;\r\n }\r\n\r\n .generate-btn:hover, .download-btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 15px 40px rgba(11, 31, 58, 0.6);\r\n }\r\n\r\n .preview-container {\r\n max-height: 80vh;\r\n overflow-y: auto;\r\n border: 2px solid #e1e5e9;\r\n border-radius: 10px;\r\n padding: 20px;\r\n background: #fafbfc;\r\n }\r\n\r\n \/* Dokumen Styles *\/\r\n .paper {\r\n background: #fff;\r\n width: 210mm;\r\n min-height: 297mm;\r\n margin: 20px auto;\r\n box-shadow: 0 20px 60px rgba(0,0,0,0.15);\r\n padding: 20mm 20mm 20mm 20mm;\r\n position: relative;\r\n page-break-after: always;\r\n page-break-inside: avoid;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .paper::before {\r\n content: \"\";\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n width: 12px;\r\n height: 100%;\r\n background: linear-gradient(180deg, #8c6b1f 0%, #D4AF37 20%, #f5e6a6 50%, #D4AF37 80%, #8c6b1f 100%);\r\n box-shadow: 0 0 20px rgba(212, 175, 55, 0.5);\r\n }\r\n\r\n .header {\r\n text-align: center;\r\n margin-bottom: 10px;\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n.logo {\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n width: 100px;\r\n height: auto;\r\n}\r\n\r\n .company-name {\r\n font-size: 24pt !important;\r\n font-weight: bold !important;\r\n color: #0B1F3A !important;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n line-height: 1.0 !important;\r\n margin-bottom: 0 !important;\r\n }\r\n\r\n .company-address {\r\n font-size: 8pt !important;\r\n color: #333;\r\n line-height: 1.0 !important;\r\n margin-bottom: 0 !important;\r\n }\r\n\r\n .company-contact {\r\n font-size: 8pt !important;\r\n color: #333;\r\n line-height: 1.0 !important;\r\n margin-bottom: 20px !important;\r\n }\r\n\r\n .header-divider {\r\n position: relative;\r\n z-index: 2;\r\n margin-bottom: 24px;\r\n}\r\n\r\n.after-header-space {\r\n font-size: 8px;\r\n line-height: 1.0;\r\n height: 24px; \/* simulasi 3 baris *\/\r\n}\r\n\r\n .divider-thin {\r\n height: 1px;\r\n background: #000;\r\n margin-bottom: 2px;\r\n }\r\n\r\n .divider-thick {\r\n height: 2px;\r\n background: #000;\r\n }\r\n\r\n .document-type {\r\n font-size: 14pt !important;\r\n font-weight: bold !important;\r\n text-align: center !important;\r\n text-decoration: underline;\r\n line-height: 1.0 !important;\r\n margin-bottom: 0 !important;\r\n }\r\n\r\n .document-number {\r\n font-size: 12pt !important;\r\n text-align: center !important;\r\n line-height: 1.5 !important;\r\n margin: 0 !important;\r\n}\r\n \r\n .after-number-space {\r\n height: 24px; \/* 2 baris *\/\r\n}\r\n\r\n .body-content {\r\n font-size: 12pt !important;\r\n line-height: 18pt !important; \/* FIX seperti Word 1.5 *\/\r\n text-align: justify;\r\n position: relative;\r\n z-index: 2;\r\n white-space: pre-line; \/* supaya ENTER dihitung baris *\/\r\n display: block;\r\n overflow: hidden;\r\n \r\n }\r\n \r\n \r\n \r\n .body-page-1 {\r\n height: calc(29 * 18pt); \/* 29 baris *\/\r\n overflow: hidden;\r\n}\r\n\r\n.body-page-other {\r\n height: calc(35 * 18pt); \/* 35 baris *\/\r\n overflow: hidden;\r\n}\r\n\r\n\r\n .body-content p {\r\n margin-bottom: 0 !important;\r\n line-height: 1.5 !important;\r\n }\r\n\r\n .signature-section {\r\n margin-top: 24px; \/* 2x12px *\/\r\n display: flex;\r\n justify-content: space-between;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .signature-column {\r\n flex: 1;\r\n text-align: center;\r\n }\r\n\r\n .signature-title {\r\n font-size: 12pt !important;\r\n font-weight: bold !important;\r\n text-transform: uppercase;\r\n text-decoration: underline;\r\n line-height: 1.0 !important;\r\n margin-bottom: 48px !important; \/* 4x12px *\/\r\n }\r\n\r\n .signature-name {\r\n font-size: 12pt !important;\r\n font-weight: bold !important;\r\n text-transform: uppercase;\r\n text-decoration: underline;\r\n line-height: 1.0 !important;\r\n }\r\n\r\n .date-section {\r\n text-align: center;\r\n margin: 24px 0 12px 0; \/* 2x12px atas, 1x12px bawah *\/\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .date-text {\r\n font-size: 12pt !important;\r\n line-height: 1.0 !important;\r\n }\r\n\r\n .page-number {\r\n position: absolute;\r\n bottom: 20mm;\r\n left: 20mm;\r\n color: #D4AF37;\r\n font-size: 10px;\r\n font-weight: bold;\r\n z-index: 2;\r\n }\r\n\r\n @media print {\r\n body { background: white !important; }\r\n .main-container { display: block !important; }\r\n .form-section, .download-btn { display: none !important; }\r\n .paper { box-shadow: none !important; margin: 0 !important; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .main-container {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n }\r\n \r\n \r\n .paper {\r\n padding: 20mm 20mm 20mm 25mm;\r\n}\r\n\r\n.body-wrapper {\r\n background: linear-gradient(90deg, rgba(212,175,55,0.05) 0%, transparent 60%);\r\n border-left: 4px solid #D4AF37;\r\n border-radius: 6px;\r\n padding: 24px;\r\n margin-top: 6px;\r\n}\r\n\r\n.body-page-1 .body-wrapper,\r\n.body-page-other .body-wrapper {\r\n height: 100%;\r\n}\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"main-container\">\r\n \r\n <div class=\"form-section\">\r\n <h2 class=\"section-title\">Form Generator Surat Kuasa<\/h2>\r\n \r\n <div class=\"form-group\">\r\n <label>Jenis Surat:<\/label>\r\n <input type=\"text\" id=\"jenisSurat\" value=\"SURAT KUASA KHUSUS\" placeholder=\"Masukkan jenis surat\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label>Nomor Surat:<\/label>\r\n <input type=\"text\" id=\"nomorSurat\" value=\"001\/SKS\/ALF\/IV\/2026\" placeholder=\"Masukkan nomor surat\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label>Tanggal Surat:<\/label>\r\n <input type=\"text\" id=\"tanggalSurat\" value=\"Jakarta, 01 April 2026\" placeholder=\"Contoh: Jakarta, 01 April 2026\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label>Isi Body Surat:<\/label>\r\n <textarea id=\"bodySurat\" rows=\"10\" placeholder=\"Masukkan isi body surat...\">Yang bertanda tangan di bawah ini:<\/textarea>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label>Pemberi Kuasa:<\/label>\r\n <div class=\"partners-section\" id=\"pemberi-container\">\r\n <div class=\"partner-item\">\r\n <input type=\"text\" class=\"pemberi-kuasa\" placeholder=\"Nama Pemberi Kuasa 1\">\r\n <button type=\"button\" onclick=\"this.parentElement.remove()\">Hapus<\/button>\r\n<\/div>\r\n <\/div>\r\n\r\n \r\n <button type=\"button\" onclick=\"addPemberiKuasa()\" \r\n style=\"margin-top:10px; background:#0B1F3A; color:white; border:none; padding:8px 12px; border-radius:6px; cursor:pointer;\">\r\n + Tambah Pemberi Kuasa\r\n <\/button>\r\n<\/div>\r\n \r\n <div class=\"form-group\">\r\n <label>Penerima Kuasa:<\/label>\r\n <div class=\"partners-section\">\r\n <div class=\"partner-item\">\r\n <input type=\"text\" class=\"penerima-kuasa\" value=\"IFRANIUS ALGADRI, S.H., M.H.\" placeholder=\"Managing Partner\">\r\n <\/div>\r\n <div class=\"partner-item\">\r\n <input type=\"text\" class=\"penerima-kuasa\" value=\"MARALUS SAMOSIR, S.H., S.E., M.H., M.AK\" placeholder=\"Partner\">\r\n <\/div>\r\n <div class=\"partner-item\">\r\n <input type=\"text\" class=\"penerima-kuasa\" value=\"RESKARIMAN NDRAHA, S.H., CMLC.\" placeholder=\"Partner\">\r\n <\/div>\r\n <div class=\"partner-item\">\r\n <input type=\"text\" class=\"penerima-kuasa\" value=\"EDWARD TONY SITORUS, S.H., S.E., M.AK\" placeholder=\"Partner\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <button class=\"generate-btn\" onclick=\"generatePreview()\">\ud83d\udcc4 Generate Preview<\/button>\r\n <button class=\"download-btn\" onclick=\"downloadPDF()\" style=\"background: linear-gradient(135deg, #059669 0%, #047857 100%); margin-top: 10px;\">\u2b07\ufe0f Download PDF<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"preview-section\">\r\n <h2 class=\"section-title\">Preview Dokumen<\/h2>\r\n <div class=\"preview-container\" id=\"previewContainer\">\r\n <p style=\"text-align: center; color: #666; padding: 40px;\">Isi form di sebelah kiri, lalu klik \"Generate Preview\"<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n let currentPreview = null;\r\n\r\n function generatePreview() {\r\n const jenisSurat = document.getElementById('jenisSurat').value || 'Surat Kuasa Khusus';\r\n const nomorSurat = document.getElementById('nomorSurat').value || '';\r\n const tanggalSurat = document.getElementById('tanggalSurat').value || '';\r\n const bodySurat = document.getElementById('bodySurat').value || '';\r\n \r\n function splitNamaDenganPindah(list) {\r\n let halaman1 = [];\r\n let halaman2 = [];\r\n let pindahMode = false;\r\n\r\n list.forEach(nama => {\r\n if (nama.includes('@pindahkau')) {\r\n pindahMode = true;\r\n nama = nama.replace('@pindahkau', '').trim();\r\n }\r\n\r\n if (pindahMode) {\r\n halaman2.push(nama);\r\n } else {\r\n halaman1.push(nama);\r\n }\r\n });\r\n\r\n return { halaman1, halaman2 };\r\n}\r\n\r\nconst pemberiRaw = Array.from(document.querySelectorAll('.pemberi-kuasa'))\r\n .map(input => input.value.trim())\r\n .filter(name => name);\r\n\r\nconst penerimaRaw = Array.from(document.querySelectorAll('.penerima-kuasa'))\r\n .map(input => input.value.trim())\r\n .filter(name => name);\r\n\r\nconst pemberiSplit = splitNamaDenganPindah(pemberiRaw);\r\nconst penerimaSplit = splitNamaDenganPindah(penerimaRaw);\r\n\r\n const previewContainer = document.getElementById('previewContainer');\r\n previewContainer.innerHTML = '';\r\n\r\n \/\/ \ud83d\udd25 SOLUSI: pecah berdasarkan kata (BUKAN karakter)\r\n let pages = [];\r\n\r\n\/\/ \ud83d\udd25 CEK apakah ada pemisah manual\r\nif (bodySurat.includes('@pindahkau')) {\r\n \/\/ PRIORITAS MANUAL SPLIT\r\n pages = bodySurat.split('@pindahkau').map(p => p.trim());\r\n} else {\r\n \/\/ \ud83d\udd25 fallback ke sistem lama (otomatis)\r\n const words = bodySurat.split(' ');\r\n const wordsPerPage1 = 250; \r\n const wordsPerPageOther = 320;\r\n\r\n let currentIndex = 0;\r\n\r\n \/\/ halaman pertama\r\n pages.push(words.slice(currentIndex, currentIndex + wordsPerPage1).join(' '));\r\n currentIndex += wordsPerPage1;\r\n\r\n \/\/ halaman berikutnya\r\n while (currentIndex < words.length) {\r\n pages.push(words.slice(currentIndex, currentIndex + wordsPerPageOther).join(' '));\r\n currentIndex += wordsPerPageOther;\r\n }\r\n}\r\n\r\n const totalPages = pages.length;\r\n\r\n \/\/ \ud83d\udd25 RENDER\r\n pages.forEach((content, index) => {\r\n const page = index + 1;\r\n const paper = document.createElement('div');\r\n paper.className = 'paper';\r\n\r\n if (page === 1) {\r\n paper.innerHTML = `\r\n <div class=\"header\">\r\n <img decoding=\"async\" src=\"https:\/\/icl-advisors.com\/wp-content\/uploads\/2026\/03\/Amaris-Law-Firm.png\" class=\"logo\">\r\n <div class=\"company-name\">AMARIS LAW FIRM<\/div>\r\n <div class=\"company-address\">Jl. Pisangan Lama I No.7RT.5\/RW.1, Pisangan Timurm Pulo Gadung, Jakarta Timur, DKI Jakarta 13230<\/div>\r\n <div class=\"company-contact\">Telp. 081281453501 | Email: info@amarislawfirm.com | Website: www.amarislawfirm.com<\/div>\r\n <\/div>\r\n\r\n <div class=\"header-divider\">\r\n <div class=\"divider-thin\"><\/div>\r\n <div class=\"divider-thick\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"after-header-space\"><\/div>\r\n\r\n <div class=\"document-type\">${jenisSurat}<\/div>\r\n <div class=\"document-number\">Nomor: ${nomorSurat}<\/div>\r\n\r\n <div class=\"after-number-space\"><\/div>\r\n\r\n <div class=\"body-content body-page-1\">\r\n <div class=\"body-wrapper\">\r\n ${content}\r\n <\/div>\r\n<\/div>\r\n\r\n <div class=\"page-number\">Halaman ${page} dari ${totalPages}<\/div>\r\n `;\r\n } else {\r\n const isLastPage = page === totalPages;\r\n\r\n paper.innerHTML = `\r\n <div class=\"body-content body-page-other\">\r\n <div class=\"body-wrapper\">\r\n ${content}\r\n <\/div>\r\n<\/div>\r\n\r\n ${isLastPage ? `\r\n <div class=\"date-section\">\r\n <div class=\"date-text\">${tanggalSurat}<\/div>\r\n <\/div>\r\n\r\n <div class=\"signature-section\">\r\n <div class=\"signature-column\">\r\n <div class=\"signature-title\">Pemberi Kuasa<\/div>\r\n ${pemberiSplit.halaman1.map(n => `<br><br><br><div class=\"signature-name\">${n}<\/div>`).join('')}\r\n <\/div>\r\n <div class=\"signature-column\">\r\n <div class=\"signature-title\">Penerima Kuasa<\/div>\r\n ${penerimaSplit.halaman1.map(n => `<br><br><br><div class=\"signature-name\">${n}<\/div>`).join('')}\r\n <\/div>\r\n <\/div>\r\n ` : ''}\r\n\r\n <div class=\"page-number\">Halaman ${page} dari ${totalPages}<\/div>\r\n `;\r\n }\r\n\r\n previewContainer.appendChild(paper);\r\n \r\n \/\/ \ud83d\udd25 HALAMAN TAMBAHAN UNTUK @pindahkau\r\nif (index === pages.length - 1) {\r\n if (pemberiSplit.halaman2.length > 0 || penerimaSplit.halaman2.length > 0) {\r\n\r\n const paperTambahan = document.createElement('div');\r\n paperTambahan.className = 'paper';\r\n\r\n paperTambahan.innerHTML = `\r\n <div class=\"date-section\">\r\n <div class=\"date-text\">${tanggalSurat}<\/div>\r\n <\/div>\r\n\r\n <div class=\"signature-section\">\r\n <div class=\"signature-column\">\r\n <div class=\"signature-title\">Pemberi Kuasa<\/div>\r\n ${pemberiSplit.halaman2.map(n => `<br><br><br><div class=\"signature-name\">${n}<\/div>`).join('')}\r\n <\/div>\r\n <div class=\"signature-column\">\r\n <div class=\"signature-title\">Penerima Kuasa<\/div>\r\n ${penerimaSplit.halaman2.map(n => `<br><br><br><div class=\"signature-name\">${n}<\/div>`).join('')}\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"page-number\">Halaman ${totalPages + 1} dari ${totalPages + 1}<\/div>\r\n `;\r\n\r\n previewContainer.appendChild(paperTambahan);\r\n }\r\n}\r\n });\r\n\r\n currentPreview = previewContainer;\r\n}\r\n \r\n \r\n\r\n function downloadPDF() {\r\n if (!currentPreview || currentPreview.children.length === 0) {\r\n alert('Silakan generate preview terlebih dahulu!');\r\n return;\r\n }\r\n\r\n const jenisSurat = document.getElementById('jenisSurat').value.replace(\/[^a-zA-Z0-9]\/g, '_');\r\n const filename = `Amaris_Law_Firm_Surat_Kuasa_${jenisSurat}_${new Date().toISOString().slice(0,10)}.pdf`;\r\n\r\n const opt = {\r\n margin: [0.79, 0.79, 0.79, 0.79], \/\/ 2cm = 0.79 inch\r\n filename: filename,\r\n image: { type: 'jpeg', quality: 0.98 },\r\n html2canvas: { \r\n scale: 2,\r\n useCORS: true,\r\n letterRendering: true,\r\n allowTaint: true,\r\n width: 595, \/\/ A4 width in pixels at 72dpi\r\n height: 842 \/\/ A4 height in pixels at 72dpi\r\n },\r\n jsPDF: { \r\n unit: 'in', \r\n format: 'a4', \r\n orientation: 'portrait',\r\n compress: true\r\n },\r\n pagebreak: { mode: ['css', 'legacy'] }\r\n };\r\n\r\n html2pdf().set(opt).from(currentPreview).save();\r\n }\r\n\r\n \/\/ Auto-generate preview saat load\r\n window.onload = function() {\r\n generatePreview();\r\n };\r\n\r\n \/\/ Tambah partner penerima kuasa\r\n function addPenerimaKuasa() {\r\n const container = document.querySelector('.form-group:last-of-type .partners-section');\r\n const newItem = document.createElement('div');\r\n newItem.className = 'partner-item';\r\n newItem.innerHTML = `\r\n <input type=\"text\" class=\"penerima-kuasa\" placeholder=\"Partner ${container.children.length + 1}\">\r\n <button type=\"button\" onclick=\"this.parentElement.remove()\">Hapus<\/button>\r\n `;\r\n container.appendChild(newItem);\r\n }\r\n\r\n \/\/ Tambah pemberi kuasa\r\n function addPemberiKuasa() {\r\n const container = document.querySelector('.pemberi-kuasa').parentElement.parentElement;\r\n const newItem = document.createElement('div');\r\n newItem.className = 'partner-item';\r\n newItem.innerHTML = `\r\n <input type=\"text\" class=\"pemberi-kuasa\" placeholder=\"Nama Pemberi Kuasa ${container.children.length}\">\r\n <button type=\"button\" onclick=\"this.parentElement.remove()\">Hapus<\/button>\r\n `;\r\n container.appendChild(newItem);\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Amaris Law Firm – Generator Surat Kuasa Form Generator Surat Kuasa Jenis Surat: Nomor Surat: Tanggal Surat: Isi Body Surat: Yang bertanda tangan di bawah ini: Pemberi Kuasa: Hapus + Tambah Pemberi Kuasa Penerima Kuasa: \ud83d\udcc4 Generate Preview \u2b07\ufe0f Download PDF Preview Dokumen Isi form di sebelah kiri, lalu klik “Generate Preview”<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"template-page-builder-no-header-footer.php","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","_joinchat":[],"footnotes":""},"categories":[1],"tags":[],"class_list":["post-7305","post","type-post","status-publish","format-standard","hentry","category-artikel"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/icl-advisors.com\/id\/wp-json\/wp\/v2\/posts\/7305","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/icl-advisors.com\/id\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/icl-advisors.com\/id\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/icl-advisors.com\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/icl-advisors.com\/id\/wp-json\/wp\/v2\/comments?post=7305"}],"version-history":[{"count":10,"href":"https:\/\/icl-advisors.com\/id\/wp-json\/wp\/v2\/posts\/7305\/revisions"}],"predecessor-version":[{"id":7454,"href":"https:\/\/icl-advisors.com\/id\/wp-json\/wp\/v2\/posts\/7305\/revisions\/7454"}],"wp:attachment":[{"href":"https:\/\/icl-advisors.com\/id\/wp-json\/wp\/v2\/media?parent=7305"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/icl-advisors.com\/id\/wp-json\/wp\/v2\/categories?post=7305"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/icl-advisors.com\/id\/wp-json\/wp\/v2\/tags?post=7305"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Amaris Law Firm - Generator Surat Kuasa<\/title>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2pdf.js\/0.10.1\/html2pdf.bundle.min.js\"><\/script>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\r\n font-family: 'Times New Roman', Times, serif;\r\n padding: 20px;\r\n min-height: 100vh;\r\n }\r\n\r\n .main-container {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 30px;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n }\r\n\r\n .form-section, .preview-section {\r\n background: white;\r\n padding: 30px;\r\n border-radius: 15px;\r\n box-shadow: 0 20px 60px rgba(0,0,0,0.1);\r\n }\r\n\r\n .section-title {\r\n font-size: 20px;\r\n font-weight: bold;\r\n color: #0B1F3A;\r\n margin-bottom: 20px;\r\n text-align: center;\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 20px;\r\n }\r\n\r\n .form-group label {\r\n display: block;\r\n font-weight: bold;\r\n color: #333;\r\n margin-bottom: 8px;\r\n font-size: 14px;\r\n }\r\n\r\n .form-group input, .form-group textarea, .form-group select {\r\n width: 100%;\r\n padding: 12px;\r\n border: 2px solid #e1e5e9;\r\n border-radius: 8px;\r\n font-size: 14px;\r\n font-family: 'Times New Roman', Times, serif;\r\n transition: border-color 0.3s ease;\r\n }\r\n\r\n .form-group input:focus, .form-group textarea:focus, .form-group select:focus {\r\n outline: none;\r\n border-color: #0B1F3A;\r\n }\r\n\r\n .form-row {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 15px;\r\n }\r\n\r\n .partners-section {\r\n margin-top: 20px;\r\n }\r\n\r\n .partner-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .partner-item input {\r\n flex: 1;\r\n }\r\n\r\n .partner-item button {\r\n background: #dc2626;\r\n color: white;\r\n border: none;\r\n padding: 8px 12px;\r\n border-radius: 5px;\r\n cursor: pointer;\r\n font-size: 12px;\r\n }\r\n\r\n .partner-item button:hover {\r\n background: #b91c1c;\r\n }\r\n\r\n .generate-btn, .download-btn {\r\n width: 100%;\r\n padding: 16px;\r\n background: linear-gradient(135deg, #0B1F3A 0%, #1e3a5f 100%);\r\n color: white;\r\n border: none;\r\n cursor: pointer;\r\n font-weight: bold;\r\n font-size: 16px;\r\n border-radius: 12px;\r\n box-shadow: 0 10px 30px rgba(11, 31, 58, 0.4);\r\n transition: all 0.3s ease;\r\n margin-top: 20px;\r\n }\r\n\r\n .generate-btn:hover, .download-btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 15px 40px rgba(11, 31, 58, 0.6);\r\n }\r\n\r\n .preview-container {\r\n max-height: 80vh;\r\n overflow-y: auto;\r\n border: 2px solid #e1e5e9;\r\n border-radius: 10px;\r\n padding: 20px;\r\n background: #fafbfc;\r\n }\r\n\r\n \/* Dokumen Styles *\/\r\n .paper {\r\n background: #fff;\r\n width: 210mm;\r\n min-height: 297mm;\r\n margin: 20px auto;\r\n box-shadow: 0 20px 60px rgba(0,0,0,0.15);\r\n padding: 20mm 20mm 20mm 20mm;\r\n position: relative;\r\n page-break-after: always;\r\n page-break-inside: avoid;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .paper::before {\r\n content: \"\";\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n width: 12px;\r\n height: 100%;\r\n background: linear-gradient(180deg, #8c6b1f 0%, #D4AF37 20%, #f5e6a6 50%, #D4AF37 80%, #8c6b1f 100%);\r\n box-shadow: 0 0 20px rgba(212, 175, 55, 0.5);\r\n }\r\n\r\n .header {\r\n text-align: center;\r\n margin-bottom: 10px;\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n.logo {\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n width: 100px;\r\n height: auto;\r\n}\r\n\r\n .company-name {\r\n font-size: 24pt !important;\r\n font-weight: bold !important;\r\n color: #0B1F3A !important;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n line-height: 1.0 !important;\r\n margin-bottom: 0 !important;\r\n }\r\n\r\n .company-address {\r\n font-size: 8pt !important;\r\n color: #333;\r\n line-height: 1.0 !important;\r\n margin-bottom: 0 !important;\r\n }\r\n\r\n .company-contact {\r\n font-size: 8pt !important;\r\n color: #333;\r\n line-height: 1.0 !important;\r\n margin-bottom: 20px !important;\r\n }\r\n\r\n .header-divider {\r\n position: relative;\r\n z-index: 2;\r\n margin-bottom: 24px;\r\n}\r\n\r\n.after-header-space {\r\n font-size: 8px;\r\n line-height: 1.0;\r\n height: 24px; \/* simulasi 3 baris *\/\r\n}\r\n\r\n .divider-thin {\r\n height: 1px;\r\n background: #000;\r\n margin-bottom: 2px;\r\n }\r\n\r\n .divider-thick {\r\n height: 2px;\r\n background: #000;\r\n }\r\n\r\n .document-type {\r\n font-size: 14pt !important;\r\n font-weight: bold !important;\r\n text-align: center !important;\r\n text-decoration: underline;\r\n line-height: 1.0 !important;\r\n margin-bottom: 0 !important;\r\n }\r\n\r\n .document-number {\r\n font-size: 12pt !important;\r\n text-align: center !important;\r\n line-height: 1.5 !important;\r\n margin: 0 !important;\r\n}\r\n \r\n .after-number-space {\r\n height: 24px; \/* 2 baris *\/\r\n}\r\n\r\n .body-content {\r\n font-size: 12pt !important;\r\n line-height: 18pt !important; \/* FIX seperti Word 1.5 *\/\r\n text-align: justify;\r\n position: relative;\r\n z-index: 2;\r\n white-space: pre-line; \/* supaya ENTER dihitung baris *\/\r\n display: block;\r\n overflow: hidden;\r\n \r\n }\r\n \r\n \r\n \r\n .body-page-1 {\r\n height: calc(29 * 18pt); \/* 29 baris *\/\r\n overflow: hidden;\r\n}\r\n\r\n.body-page-other {\r\n height: calc(35 * 18pt); \/* 35 baris *\/\r\n overflow: hidden;\r\n}\r\n\r\n\r\n .body-content p {\r\n margin-bottom: 0 !important;\r\n line-height: 1.5 !important;\r\n }\r\n\r\n .signature-section {\r\n margin-top: 24px; \/* 2x12px *\/\r\n display: flex;\r\n justify-content: space-between;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .signature-column {\r\n flex: 1;\r\n text-align: center;\r\n }\r\n\r\n .signature-title {\r\n font-size: 12pt !important;\r\n font-weight: bold !important;\r\n text-transform: uppercase;\r\n text-decoration: underline;\r\n line-height: 1.0 !important;\r\n margin-bottom: 48px !important; \/* 4x12px *\/\r\n }\r\n\r\n .signature-name {\r\n font-size: 12pt !important;\r\n font-weight: bold !important;\r\n text-transform: uppercase;\r\n text-decoration: underline;\r\n line-height: 1.0 !important;\r\n }\r\n\r\n .date-section {\r\n text-align: center;\r\n margin: 24px 0 12px 0; \/* 2x12px atas, 1x12px bawah *\/\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .date-text {\r\n font-size: 12pt !important;\r\n line-height: 1.0 !important;\r\n }\r\n\r\n .page-number {\r\n position: absolute;\r\n bottom: 20mm;\r\n left: 20mm;\r\n color: #D4AF37;\r\n font-size: 10px;\r\n font-weight: bold;\r\n z-index: 2;\r\n }\r\n\r\n @media print {\r\n body { background: white !important; }\r\n .main-container { display: block !important; }\r\n .form-section, .download-btn { display: none !important; }\r\n .paper { box-shadow: none !important; margin: 0 !important; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .main-container {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n }\r\n \r\n \r\n .paper {\r\n padding: 20mm 20mm 20mm 25mm;\r\n}\r\n\r\n.body-wrapper {\r\n background: linear-gradient(90deg, rgba(212,175,55,0.05) 0%, transparent 60%);\r\n border-left: 4px solid #D4AF37;\r\n border-radius: 6px;\r\n padding: 24px;\r\n margin-top: 6px;\r\n}\r\n\r\n.body-page-1 .body-wrapper,\r\n.body-page-other .body-wrapper {\r\n height: 100%;\r\n}\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"main-container\">\r\n \r\n <div class=\"form-section\">\r\n <h2 class=\"section-title\">Form Generator Surat Kuasa<\/h2>\r\n \r\n <div class=\"form-group\">\r\n <label>Jenis Surat:<\/label>\r\n <input type=\"text\" id=\"jenisSurat\" value=\"SURAT KUASA KHUSUS\" placeholder=\"Masukkan jenis surat\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label>Nomor Surat:<\/label>\r\n <input type=\"text\" id=\"nomorSurat\" value=\"001\/SKS\/ALF\/IV\/2026\" placeholder=\"Masukkan nomor surat\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label>Tanggal Surat:<\/label>\r\n <input type=\"text\" id=\"tanggalSurat\" value=\"Jakarta, 01 April 2026\" placeholder=\"Contoh: Jakarta, 01 April 2026\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label>Isi Body Surat:<\/label>\r\n <textarea id=\"bodySurat\" rows=\"10\" placeholder=\"Masukkan isi body surat...\">Yang bertanda tangan di bawah ini:<\/textarea>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label>Pemberi Kuasa:<\/label>\r\n <div class=\"partners-section\" id=\"pemberi-container\">\r\n <div class=\"partner-item\">\r\n <input type=\"text\" class=\"pemberi-kuasa\" placeholder=\"Nama Pemberi Kuasa 1\">\r\n <button type=\"button\" onclick=\"this.parentElement.remove()\">Hapus<\/button>\r\n<\/div>\r\n <\/div>\r\n\r\n \r\n <button type=\"button\" onclick=\"addPemberiKuasa()\" \r\n style=\"margin-top:10px; background:#0B1F3A; color:white; border:none; padding:8px 12px; border-radius:6px; cursor:pointer;\">\r\n + Tambah Pemberi Kuasa\r\n <\/button>\r\n<\/div>\r\n \r\n <div class=\"form-group\">\r\n <label>Penerima Kuasa:<\/label>\r\n <div class=\"partners-section\">\r\n <div class=\"partner-item\">\r\n <input type=\"text\" class=\"penerima-kuasa\" value=\"IFRANIUS ALGADRI, S.H., M.H.\" placeholder=\"Managing Partner\">\r\n <\/div>\r\n <div class=\"partner-item\">\r\n <input type=\"text\" class=\"penerima-kuasa\" value=\"MARALUS SAMOSIR, S.H., S.E., M.H., M.AK\" placeholder=\"Partner\">\r\n <\/div>\r\n <div class=\"partner-item\">\r\n <input type=\"text\" class=\"penerima-kuasa\" value=\"RESKARIMAN NDRAHA, S.H., CMLC.\" placeholder=\"Partner\">\r\n <\/div>\r\n <div class=\"partner-item\">\r\n <input type=\"text\" class=\"penerima-kuasa\" value=\"EDWARD TONY SITORUS, S.H., S.E., M.AK\" placeholder=\"Partner\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <button class=\"generate-btn\" onclick=\"generatePreview()\">\ud83d\udcc4 Generate Preview<\/button>\r\n <button class=\"download-btn\" onclick=\"downloadPDF()\" style=\"background: linear-gradient(135deg, #059669 0%, #047857 100%); margin-top: 10px;\">\u2b07\ufe0f Download PDF<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"preview-section\">\r\n <h2 class=\"section-title\">Preview Dokumen<\/h2>\r\n <div class=\"preview-container\" id=\"previewContainer\">\r\n <p style=\"text-align: center; color: #666; padding: 40px;\">Isi form di sebelah kiri, lalu klik \"Generate Preview\"<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n let currentPreview = null;\r\n\r\n function generatePreview() {\r\n const jenisSurat = document.getElementById('jenisSurat').value || 'Surat Kuasa Khusus';\r\n const nomorSurat = document.getElementById('nomorSurat').value || '';\r\n const tanggalSurat = document.getElementById('tanggalSurat').value || '';\r\n const bodySurat = document.getElementById('bodySurat').value || '';\r\n \r\n function splitNamaDenganPindah(list) {\r\n let halaman1 = [];\r\n let halaman2 = [];\r\n let pindahMode = false;\r\n\r\n list.forEach(nama => {\r\n if (nama.includes('@pindahkau')) {\r\n pindahMode = true;\r\n nama = nama.replace('@pindahkau', '').trim();\r\n }\r\n\r\n if (pindahMode) {\r\n halaman2.push(nama);\r\n } else {\r\n halaman1.push(nama);\r\n }\r\n });\r\n\r\n return { halaman1, halaman2 };\r\n}\r\n\r\nconst pemberiRaw = Array.from(document.querySelectorAll('.pemberi-kuasa'))\r\n .map(input => input.value.trim())\r\n .filter(name => name);\r\n\r\nconst penerimaRaw = Array.from(document.querySelectorAll('.penerima-kuasa'))\r\n .map(input => input.value.trim())\r\n .filter(name => name);\r\n\r\nconst pemberiSplit = splitNamaDenganPindah(pemberiRaw);\r\nconst penerimaSplit = splitNamaDenganPindah(penerimaRaw);\r\n\r\n const previewContainer = document.getElementById('previewContainer');\r\n previewContainer.innerHTML = '';\r\n\r\n \/\/ \ud83d\udd25 SOLUSI: pecah berdasarkan kata (BUKAN karakter)\r\n let pages = [];\r\n\r\n\/\/ \ud83d\udd25 CEK apakah ada pemisah manual\r\nif (bodySurat.includes('@pindahkau')) {\r\n \/\/ PRIORITAS MANUAL SPLIT\r\n pages = bodySurat.split('@pindahkau').map(p => p.trim());\r\n} else {\r\n \/\/ \ud83d\udd25 fallback ke sistem lama (otomatis)\r\n const words = bodySurat.split(' ');\r\n const wordsPerPage1 = 250; \r\n const wordsPerPageOther = 320;\r\n\r\n let currentIndex = 0;\r\n\r\n \/\/ halaman pertama\r\n pages.push(words.slice(currentIndex, currentIndex + wordsPerPage1).join(' '));\r\n currentIndex += wordsPerPage1;\r\n\r\n \/\/ halaman berikutnya\r\n while (currentIndex < words.length) {\r\n pages.push(words.slice(currentIndex, currentIndex + wordsPerPageOther).join(' '));\r\n currentIndex += wordsPerPageOther;\r\n }\r\n}\r\n\r\n const totalPages = pages.length;\r\n\r\n \/\/ \ud83d\udd25 RENDER\r\n pages.forEach((content, index) => {\r\n const page = index + 1;\r\n const paper = document.createElement('div');\r\n paper.className = 'paper';\r\n\r\n if (page === 1) {\r\n paper.innerHTML = `\r\n <div class=\"header\">\r\n <img decoding=\"async\" src=\"https:\/\/icl-advisors.com\/wp-content\/uploads\/2026\/03\/Amaris-Law-Firm.png\" class=\"logo\">\r\n <div class=\"company-name\">AMARIS LAW FIRM<\/div>\r\n <div class=\"company-address\">Jl. Pisangan Lama I No.7RT.5\/RW.1, Pisangan Timurm Pulo Gadung, Jakarta Timur, DKI Jakarta 13230<\/div>\r\n <div class=\"company-contact\">Telp. 081281453501 | Email: info@amarislawfirm.com | Website: www.amarislawfirm.com<\/div>\r\n <\/div>\r\n\r\n <div class=\"header-divider\">\r\n <div class=\"divider-thin\"><\/div>\r\n <div class=\"divider-thick\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"after-header-space\"><\/div>\r\n\r\n <div class=\"document-type\">${jenisSurat}<\/div>\r\n <div class=\"document-number\">Nomor: ${nomorSurat}<\/div>\r\n\r\n <div class=\"after-number-space\"><\/div>\r\n\r\n <div class=\"body-content body-page-1\">\r\n <div class=\"body-wrapper\">\r\n ${content}\r\n <\/div>\r\n<\/div>\r\n\r\n <div class=\"page-number\">Halaman ${page} dari ${totalPages}<\/div>\r\n `;\r\n } else {\r\n const isLastPage = page === totalPages;\r\n\r\n paper.innerHTML = `\r\n <div class=\"body-content body-page-other\">\r\n <div class=\"body-wrapper\">\r\n ${content}\r\n <\/div>\r\n<\/div>\r\n\r\n ${isLastPage ? `\r\n <div class=\"date-section\">\r\n <div class=\"date-text\">${tanggalSurat}<\/div>\r\n <\/div>\r\n\r\n <div class=\"signature-section\">\r\n <div class=\"signature-column\">\r\n <div class=\"signature-title\">Pemberi Kuasa<\/div>\r\n ${pemberiSplit.halaman1.map(n => `<br><br><br><div class=\"signature-name\">${n}<\/div>`).join('')}\r\n <\/div>\r\n <div class=\"signature-column\">\r\n <div class=\"signature-title\">Penerima Kuasa<\/div>\r\n ${penerimaSplit.halaman1.map(n => `<br><br><br><div class=\"signature-name\">${n}<\/div>`).join('')}\r\n <\/div>\r\n <\/div>\r\n ` : ''}\r\n\r\n <div class=\"page-number\">Halaman ${page} dari ${totalPages}<\/div>\r\n `;\r\n }\r\n\r\n previewContainer.appendChild(paper);\r\n \r\n \/\/ \ud83d\udd25 HALAMAN TAMBAHAN UNTUK @pindahkau\r\nif (index === pages.length - 1) {\r\n if (pemberiSplit.halaman2.length > 0 || penerimaSplit.halaman2.length > 0) {\r\n\r\n const paperTambahan = document.createElement('div');\r\n paperTambahan.className = 'paper';\r\n\r\n paperTambahan.innerHTML = `\r\n <div class=\"date-section\">\r\n <div class=\"date-text\">${tanggalSurat}<\/div>\r\n <\/div>\r\n\r\n <div class=\"signature-section\">\r\n <div class=\"signature-column\">\r\n <div class=\"signature-title\">Pemberi Kuasa<\/div>\r\n ${pemberiSplit.halaman2.map(n => `<br><br><br><div class=\"signature-name\">${n}<\/div>`).join('')}\r\n <\/div>\r\n <div class=\"signature-column\">\r\n <div class=\"signature-title\">Penerima Kuasa<\/div>\r\n ${penerimaSplit.halaman2.map(n => `<br><br><br><div class=\"signature-name\">${n}<\/div>`).join('')}\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"page-number\">Halaman ${totalPages + 1} dari ${totalPages + 1}<\/div>\r\n `;\r\n\r\n previewContainer.appendChild(paperTambahan);\r\n }\r\n}\r\n });\r\n\r\n currentPreview = previewContainer;\r\n}\r\n \r\n \r\n\r\n function downloadPDF() {\r\n if (!currentPreview || currentPreview.children.length === 0) {\r\n alert('Silakan generate preview terlebih dahulu!');\r\n return;\r\n }\r\n\r\n const jenisSurat = document.getElementById('jenisSurat').value.replace(\/[^a-zA-Z0-9]\/g, '_');\r\n const filename = `Amaris_Law_Firm_Surat_Kuasa_${jenisSurat}_${new Date().toISOString().slice(0,10)}.pdf`;\r\n\r\n const opt = {\r\n margin: [0.79, 0.79, 0.79, 0.79], \/\/ 2cm = 0.79 inch\r\n filename: filename,\r\n image: { type: 'jpeg', quality: 0.98 },\r\n html2canvas: { \r\n scale: 2,\r\n useCORS: true,\r\n letterRendering: true,\r\n allowTaint: true,\r\n width: 595, \/\/ A4 width in pixels at 72dpi\r\n height: 842 \/\/ A4 height in pixels at 72dpi\r\n },\r\n jsPDF: { \r\n unit: 'in', \r\n format: 'a4', \r\n orientation: 'portrait',\r\n compress: true\r\n },\r\n pagebreak: { mode: ['css', 'legacy'] }\r\n };\r\n\r\n html2pdf().set(opt).from(currentPreview).save();\r\n }\r\n\r\n \/\/ Auto-generate preview saat load\r\n window.onload = function() {\r\n generatePreview();\r\n };\r\n\r\n \/\/ Tambah partner penerima kuasa\r\n function addPenerimaKuasa() {\r\n const container = document.querySelector('.form-group:last-of-type .partners-section');\r\n const newItem = document.createElement('div');\r\n newItem.className = 'partner-item';\r\n newItem.innerHTML = `\r\n <input type=\"text\" class=\"penerima-kuasa\" placeholder=\"Partner ${container.children.length + 1}\">\r\n <button type=\"button\" onclick=\"this.parentElement.remove()\">Hapus<\/button>\r\n `;\r\n container.appendChild(newItem);\r\n }\r\n\r\n \/\/ Tambah pemberi kuasa\r\n function addPemberiKuasa() {\r\n const container = document.querySelector('.pemberi-kuasa').parentElement.parentElement;\r\n const newItem = document.createElement('div');\r\n newItem.className = 'partner-item';\r\n newItem.innerHTML = `\r\n <input type=\"text\" class=\"pemberi-kuasa\" placeholder=\"Nama Pemberi Kuasa ${container.children.length}\">\r\n <button type=\"button\" onclick=\"this.parentElement.remove()\">Hapus<\/button>\r\n `;\r\n container.appendChild(newItem);\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Amaris Law Firm – Generator Surat Kuasa Form Generator Surat Kuasa Jenis Surat: Nomor Surat: Tanggal Surat: Isi Body Surat: Yang bertanda tangan di bawah ini: Pemberi Kuasa: Hapus + Tambah Pemberi Kuasa Penerima Kuasa: \ud83d\udcc4 Generate Preview \u2b07\ufe0f Download PDF Preview Dokumen Isi form di sebelah kiri, lalu klik “Generate Preview”<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"template-page-builder-no-header-footer.php","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","_joinchat":[],"footnotes":""},"categories":[1],"tags":[],"class_list":["post-7305","post","type-post","status-publish","format-standard","hentry","category-artikel"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/icl-advisors.com\/id\/wp-json\/wp\/v2\/posts\/7305","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/icl-advisors.com\/id\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/icl-advisors.com\/id\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/icl-advisors.com\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/icl-advisors.com\/id\/wp-json\/wp\/v2\/comments?post=7305"}],"version-history":[{"count":10,"href":"https:\/\/icl-advisors.com\/id\/wp-json\/wp\/v2\/posts\/7305\/revisions"}],"predecessor-version":[{"id":7454,"href":"https:\/\/icl-advisors.com\/id\/wp-json\/wp\/v2\/posts\/7305\/revisions\/7454"}],"wp:attachment":[{"href":"https:\/\/icl-advisors.com\/id\/wp-json\/wp\/v2\/media?parent=7305"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/icl-advisors.com\/id\/wp-json\/wp\/v2\/categories?post=7305"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/icl-advisors.com\/id\/wp-json\/wp\/v2\/tags?post=7305"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}