{"id":9272,"date":"2026-06-13T00:18:07","date_gmt":"2026-06-12T17:18:07","guid":{"rendered":"https:\/\/beqicharity.com\/?page_id=9272"},"modified":"2026-08-16T23:44:29","modified_gmt":"2026-08-16T16:44:29","slug":"donasi-rutin","status":"publish","type":"page","link":"https:\/\/beqicharity.com\/en\/donasi-rutin\/","title":{"rendered":"Recurring Donation"},"content":{"rendered":"        <style>\n        .beqi-premium-wrap{--rdm-brand:#0ea5e9;--rdm-brand-soft:color-mix(in srgb, var(--rdm-brand) 10%, white);--rdm-brand-text:color-mix(in srgb, var(--rdm-brand) 72%, black);max-width:600px;margin:30px auto;background:#fff;border-radius:20px;box-shadow:0 15px 50px rgba(0,0,0,.08);padding:35px 30px;font-family:'Inter',sans-serif;border:1px solid rgba(0,0,0,.04)}\n        .beqi-header{text-align:center;margin-bottom:25px}.beqi-header h3{margin:0;font-size:24px;font-weight:800;color:#1f2937}.beqi-header p{color:#64748b;font-size:14px;line-height:1.5;margin-top:8px}.beqi-form-group{margin-bottom:20px}.beqi-form-group label.beqi-label{display:block;font-weight:600;margin-bottom:8px;color:#374151;font-size:14px}.beqi-input,.beqi-select,.beqi-box-btn,.beqi-day-checkbox-box,.beqi-pay-btn{border:1.5px solid #e5e7eb!important;border-radius:12px!important;background:#fff;color:#4b5563;box-sizing:border-box;transition:all .2s ease}.beqi-input,.beqi-select{width:100%;padding:14px 16px;font-size:15px}.beqi-input:focus,.beqi-select:focus{outline:none;border-color:#0ea5e9!important;box-shadow:0 0 0 4px rgba(14,165,233,.1)}.beqi-sapaan-wrap{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.beqi-sapaan-item{text-align:center;padding:12px 0;font-size:14px;font-weight:600;cursor:pointer;border:1.5px solid #e5e7eb;border-radius:12px;background:#fff;color:#4b5563;transition:all .2s ease}.beqi-sapaan-item.active,.beqi-box-btn.active,.beqi-day-checkbox-box.active,.beqi-pay-btn.active{border-color:#0ea5e9!important;background:#f0f9ff!important;color:#0369a1!important;box-shadow:0 4px 12px rgba(14,165,233,.15);font-weight:700}.beqi-toggle-wrap{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;margin-bottom:15px}.beqi-toggle-wrap span{font-size:14px;font-weight:600;color:#4b5563}.beqi-switch{position:relative;display:inline-block;width:44px;height:24px}.beqi-switch input{opacity:0;width:0;height:0}.beqi-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#cbd5e1;transition:.4s;border-radius:34px}.beqi-slider:before{position:absolute;content:\"\";height:18px;width:18px;left:3px;bottom:3px;background:white;transition:.4s;border-radius:50%}input:checked+.beqi-slider{background:#0ea5e9}input:checked+.beqi-slider:before{transform:translateX(20px)}.beqi-program-container{background:#f8fafc;border:1.5px solid #e2e8f0;padding:25px 20px;border-radius:16px;margin-bottom:20px;position:relative}.beqi-program-header{font-size:16px;font-weight:800;color:#0ea5e9;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px dashed #cbd5e1}.beqi-remove-program{color:#ef4444;font-size:13px;cursor:pointer;display:none;padding:4px 8px;border-radius:6px;background:#fef2f2;border:1px solid #fecaca}.beqi-settings-box{display:none;margin-top:20px;animation:beqiFadeIn .4s}.beqi-after-mode-fields{display:none;animation:beqiFadeIn .4s}.beqi-auto-invoice-fields{display:none;animation:beqiFadeIn .4s}@keyframes beqiFadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.beqi-nominal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.beqi-nominal-full{grid-column:span 2}.beqi-box-btn{padding:14px 10px;text-align:center;font-weight:700;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center}.beqi-payment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.beqi-pay-btn{padding:14px 10px;text-align:center;font-weight:600;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center}.beqi-payment-empty{grid-column:span 2;text-align:center;color:#94a3b8;font-size:13px;padding:15px;border:1px dashed #cbd5e1;border-radius:12px}.beqi-payment-full{grid-column:span 2}.beqi-days-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.beqi-day-checkbox-box{padding:12px 5px;cursor:pointer;text-align:center;font-size:13px;font-weight:600;display:block}.beqi-day-checkbox-box input[type=checkbox]{display:none}.beqi-day-full{grid-column:span 3}.beqi-btn-add{width:100%;background:#e0f2fe!important;color:#0284c7!important;border:2px dashed #0ea5e9!important;padding:16px;border-radius:12px;font-size:15px;font-weight:800;cursor:pointer;margin-bottom:25px;transition:.3s;display:block}.beqi-btn-submit{width:100%;background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);color:#fff;border:none;padding:16px;border-radius:12px;font-size:16px;font-weight:bold;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(14,165,233,.3)}.beqi-btn-submit:disabled{opacity:.6;cursor:not-allowed}.beqi-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:9999;opacity:0;animation:beqiModalFade .3s forwards;padding:20px}.beqi-modal-content{background:#fff;padding:35px 30px;border-radius:20px;text-align:center;max-width:380px;width:100%;box-shadow:0 15px 40px rgba(0,0,0,.2);transform:translateY(20px);animation:beqiSlideUp .4s cubic-bezier(.175,.885,.32,1.275) forwards}.beqi-btn-modal{background:#0ea5e9!important;color:#fff!important;border:none!important;padding:14px 25px;border-radius:12px;font-size:15px;font-weight:bold;cursor:pointer;width:100%}.beqi-toggle-date-range{color:#0ea5e9;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:5px;margin-bottom:10px;transition:color .2s}.beqi-toggle-date-range.open .beqi-date-icon{transform:rotate(180deg)}.beqi-date-range-box{display:none;background:#f0f9ff;padding:15px;border-radius:12px;border:1px dashed #bae6fd;margin-bottom:15px;animation:beqiFadeIn .3s}.beqi-rutin-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.beqi-mode-btn{min-height:82px;text-align:left;align-items:flex-start;justify-content:flex-start;padding:14px 12px}.beqi-mode-btn strong{display:block;font-size:13.5px;margin-bottom:5px}.beqi-mode-btn small{display:block;font-size:11.5px;color:#64748b;line-height:1.35;font-weight:500}.beqi-alert{display:none;margin:0 0 15px;padding:12px;border-radius:12px;font-size:13.5px}.beqi-alert.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.beqi-alert.success{background:#ecfdf5;color:#065f46;border:1px solid #bbf7d0}@keyframes beqiModalFade{to{opacity:1}}@keyframes beqiSlideUp{to{transform:translateY(0)}}.beqi-premium-wrap .beqi-input:focus,.beqi-premium-wrap .beqi-select:focus{border-color:var(--rdm-brand)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--rdm-brand) 14%, transparent)!important}.beqi-premium-wrap .beqi-sapaan-item.active,.beqi-premium-wrap .beqi-box-btn.active,.beqi-premium-wrap .beqi-day-checkbox-box.active,.beqi-premium-wrap .beqi-pay-btn.active{border-color:var(--rdm-brand)!important;background:var(--rdm-brand-soft)!important;color:var(--rdm-brand-text)!important;box-shadow:0 4px 12px color-mix(in srgb,var(--rdm-brand) 18%, transparent)!important}.beqi-premium-wrap input:checked+.beqi-slider{background:var(--rdm-brand)!important}.beqi-premium-wrap .beqi-program-header,.beqi-premium-wrap .beqi-toggle-date-range{color:var(--rdm-brand)!important}.beqi-premium-wrap .beqi-date-range-box{background:var(--rdm-brand-soft)!important;border-color:color-mix(in srgb,var(--rdm-brand) 35%, white)!important}.beqi-premium-wrap .beqi-btn-add{background:var(--rdm-brand-soft)!important;color:var(--rdm-brand-text)!important;border-color:var(--rdm-brand)!important}.beqi-premium-wrap .beqi-btn-submit{background:linear-gradient(135deg,var(--rdm-brand) 0%,color-mix(in srgb,var(--rdm-brand) 78%, black) 100%)!important;box-shadow:0 4px 15px color-mix(in srgb,var(--rdm-brand) 28%, transparent)!important}.beqi-premium-wrap .beqi-btn-modal{background:var(--rdm-brand)!important}.beqi-premium-wrap [style*='color:#0284c7'],.beqi-premium-wrap [style*='color: #0284c7'],.beqi-premium-wrap [style*='color:#0ea5e9'],.beqi-premium-wrap [style*='color: #0ea5e9']{color:var(--rdm-brand)!important}.beqi-premium-wrap [style*='border:1px solid #bae6fd'],.beqi-premium-wrap [style*='border: 1px solid #bae6fd']{border-color:color-mix(in srgb,var(--rdm-brand) 35%, white)!important;background:var(--rdm-brand-soft)!important}.beqi-premium-wrap [style*='background:#f0f9ff'],.beqi-premium-wrap [style*='background: #f0f9ff']{background:var(--rdm-brand-soft)!important}@media(max-width:480px){.beqi-days-grid{grid-template-columns:repeat(2,1fr)}.beqi-payment-grid{grid-template-columns:1fr}.beqi-day-full{grid-column:span 2}.beqi-premium-wrap{padding:20px 15px;margin:40px auto 30px;border-radius:16px}.beqi-program-container{padding:15px 12px}.beqi-header h3{font-size:20px}.beqi-rutin-mode-grid{grid-template-columns:1fr}}\n        <\/style>\n        <div class=\"beqi-premium-wrap\">\n            <div class=\"beqi-header\"><h3>Atur Jadwal Donasi Rutin<\/h3><p>Atur pengingat WhatsApp atau jadwal donasi rutin sesuai program yang Anda pilih.<\/p><\/div>\n            <div id=\"beqiSuccessModal\" class=\"beqi-modal-overlay\"><div class=\"beqi-modal-content\"><div style=\"font-size:55px;margin-bottom:15px;\">\u2728<\/div><h4>Pendaftaran Sukses!<\/h4><p id=\"beqiModalMsg\">Jadwal Donasi Rutin Anda berhasil disimpan.<\/p><button type=\"button\" id=\"beqiModalBtn\" class=\"beqi-btn-modal\">Selesai<\/button><\/div><\/div>\n            <div style=\"border:1px solid #bae6fd;background:#f0f9ff;padding:15px;border-radius:12px;margin-bottom:25px;transition:.3s;\"><div style=\"display:flex;justify-content:space-between;align-items:center;cursor:pointer;width:100%;\" onclick=\"const det=document.getElementById('beqiCatatanDetail'),icon=document.getElementById('beqiCatatanIcon');if(det.style.display==='none'){det.style.display='block';icon.style.transform='rotate(180deg)';}else{det.style.display='none';icon.style.transform='rotate(0deg)';}\"><div style=\"color:#0284c7;font-weight:bold;font-size:14px;margin:0;padding-right:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;\">\ud83d\udca1 Penting: Cara Kerja Donasi Rutin<\/div><div id=\"beqiCatatanIcon\" style=\"color:#0ea5e9;font-weight:bold;transition:transform .3s ease;display:flex;align-items:center;flex-shrink:0;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M3.5 5.5L8 10L12.5 5.5H3.5Z\"\/><\/svg><\/div><\/div><div id=\"beqiCatatanDetail\" style=\"display:none;margin-top:15px;color:#0369a1;font-size:13.5px;line-height:1.6;border-top:1px dashed #bae6fd;padding-top:15px;\"><strong>Catatan:<\/strong> Anda dapat mengatur pengingat donasi rutin melalui WhatsApp. Sistem akan menyimpan jadwal dan mengirim pengingat sesuai waktu yang dipilih.<br><br><em style=\"font-size:12px;color:#0ea5e9;display:block;\">Pesan WhatsApp mungkin diterima dengan estimasi 5 sampai 10 menit setelah jam yang dijadwalkan.<\/em><\/div><\/div>\n            <form id=\"formBeqiDonasiRutin\" action=\"\" method=\"POST\">\n                <input type=\"hidden\" name=\"action\" value=\"rdm_submit_schedule\">\n                <input type=\"hidden\" name=\"rdm_nonce\" value=\"c670fa240b\">\n                <div class=\"beqi-alert error\" id=\"beqiMainError\"><\/div>\n                <div class=\"beqi-form-group\"><div class=\"beqi-sapaan-wrap\" id=\"beqiSapaanGrid\"><div class=\"beqi-sapaan-item active\" data-val=\"Bapak\">Bapak<\/div><div class=\"beqi-sapaan-item\" data-val=\"Ibu\">Ibu<\/div><div class=\"beqi-sapaan-item\" data-val=\"Kakak\">Kakak<\/div><div class=\"beqi-sapaan-item\" data-val=\"Sdr\">Sdr<\/div><div class=\"beqi-sapaan-item\" data-val=\"Sdri\">Sdri<\/div><\/div><input type=\"hidden\" id=\"beqiSapaanInput\" name=\"beqi_sapaan\" value=\"Bapak\"><\/div>\n                <div class=\"beqi-form-group\"><input type=\"text\" id=\"beqiNamaInput\" name=\"beqi_nama\" class=\"beqi-input\" placeholder=\"Nama Lengkap\"><div id=\"beqiNamaError\" style=\"display:none;color:#dc2626;font-size:12px;margin-top:5px;font-weight:500;\">\u26a0\ufe0f Nama Lengkap tidak boleh kosong.<\/div><\/div>\n                <div class=\"beqi-form-group\"><input type=\"tel\" id=\"beqiWaInput\" name=\"beqi_wa\" class=\"beqi-input\" placeholder=\"No WhatsApp Aktif (Cth: 0812...)\"><div id=\"beqiWaError\" style=\"display:none;color:#dc2626;font-size:12px;margin-top:5px;font-weight:500;\">\u26a0\ufe0f Nomor WhatsApp tidak valid.<\/div><div id=\"beqiWaCheckResult\" style=\"display:none;animation:beqiFadeIn .4s;\"><\/div><\/div>\n                <div class=\"beqi-toggle-wrap beqi-input\"><span>Sembunyikan nama (Hamba Allah)<\/span><label class=\"beqi-switch\"><input type=\"checkbox\" name=\"beqi_anonim\" value=\"1\"><span class=\"beqi-slider\"><\/span><\/label><\/div>\n                <div id=\"beqiProgramsWrapper\">        <div class=\"beqi-program-container\" data-index=\"1\">\n            <div class=\"beqi-program-header\"><span>Program 1<\/span><span class=\"beqi-remove-program\">\u2716 Hapus<\/span><\/div>\n            <div class=\"beqi-form-group\"><label class=\"beqi-label\">Pilih Program Kebaikan<\/label><select name=\"programs[1][campaign]\" class=\"beqi-select beqi-campaign-select\" required><option value=\"\" disabled selected>-- Silakan Pilih Program --<\/option><option value=\"dja93cnaexy\">Darurat Gempa NTT: Bersama Bantu Pulihkan Flores<\/option><option value=\"djai67mxk3r\">Beasiswa Penghafal Al-Quran<\/option><option value=\"djaiy70bzw3\">BEQI Charity for Palestine<\/option><option value=\"djaxbc52lof\">SEDEKAH JUMAT BERKAH - Pahala Melimpah: Mari Berbagi, Raih Berkah Tanpa Batas<\/option><option value=\"djamx9yzfpa\">Donasi Pembangunan Gedung Perpustakaan: Bangun Perpustakaan, Cerdaskan Generasi Qurani<\/option><option value=\"djactxcewsp\">Donasi Sawah Produktif: Untuk Santri Penghafal Al-Quran<\/option><option value=\"djavv1ijeiq\">SEDEKAH SUBUH - Dahulukan Allah di Waktu Shubuh: Tebar Kebaikan, Petik Pahala Seumur Hidup<\/option><\/select><\/div>\n            <div class=\"beqi-settings-box\">\n                <div class=\"beqi-form-group\"><label class=\"beqi-label\">Jenis Donasi Rutin<\/label><div class=\"beqi-rutin-mode-grid\"><div class=\"beqi-box-btn beqi-mode-btn\" data-val=\"reminder_only\"><strong>Pengingat WhatsApp saja<\/strong><small>Sistem hanya mengirim pengingat. Tidak membuat invoice otomatis.<\/small><\/div><div class=\"beqi-box-btn beqi-mode-btn\" data-val=\"auto_invoice\"><strong>Buat donasi otomatis<\/strong><small>Sistem membuat invoice otomatis sesuai jadwal.<\/small><\/div><\/div><input type=\"hidden\" name=\"programs[1][recurring_mode]\" class=\"beqi-recurring-mode-input\" value=\"\"><\/div>\n                <div class=\"beqi-after-mode-fields\">\n                    <div class=\"beqi-form-group\"><label class=\"beqi-label\">Frekuensi Pengingat<\/label><select name=\"programs[1][frekuensi]\" class=\"beqi-select beqi-frekuensi-select\"><option value=\"daily\">Harian (Setiap Hari)<\/option><option value=\"weekly\">Pekanan (Pilih Hari Spesifik)<\/option><option value=\"monthly\">Bulanan (Pilih Tanggal)<\/option><\/select><\/div>\n                    <div class=\"beqi-form-group beqi-hari-pilihan\" style=\"display:none;\"><label class=\"beqi-label\">Pilih Hari Tayang<\/label><div class=\"beqi-days-grid\"><label class=\"beqi-day-checkbox-box \"><input type=\"checkbox\" name=\"programs[1][hari][]\" value=\"Senin\">Senin<\/label><label class=\"beqi-day-checkbox-box \"><input type=\"checkbox\" name=\"programs[1][hari][]\" value=\"Selasa\">Selasa<\/label><label class=\"beqi-day-checkbox-box \"><input type=\"checkbox\" name=\"programs[1][hari][]\" value=\"Rabu\">Rabu<\/label><label class=\"beqi-day-checkbox-box \"><input type=\"checkbox\" name=\"programs[1][hari][]\" value=\"Kamis\">Kamis<\/label><label class=\"beqi-day-checkbox-box \"><input type=\"checkbox\" name=\"programs[1][hari][]\" value=\"Jumat\">Jum&#039;at<\/label><label class=\"beqi-day-checkbox-box \"><input type=\"checkbox\" name=\"programs[1][hari][]\" value=\"Sabtu\">Sabtu<\/label><label class=\"beqi-day-checkbox-box beqi-day-full\"><input type=\"checkbox\" name=\"programs[1][hari][]\" value=\"Minggu\">Minggu<\/label><\/div><\/div>\n                    <div class=\"beqi-form-group beqi-tanggal-pilihan\" style=\"display:none;\"><label class=\"beqi-label\">Pilih Tanggal Tayang<\/label><select name=\"programs[1][tanggal]\" class=\"beqi-select beqi-tanggal-select\"><option value=\"\" disabled selected>-- Pilih Tanggal (1-28) --<\/option><option value=\"1\">Setiap Tanggal 1<\/option><option value=\"2\">Setiap Tanggal 2<\/option><option value=\"3\">Setiap Tanggal 3<\/option><option value=\"4\">Setiap Tanggal 4<\/option><option value=\"5\">Setiap Tanggal 5<\/option><option value=\"6\">Setiap Tanggal 6<\/option><option value=\"7\">Setiap Tanggal 7<\/option><option value=\"8\">Setiap Tanggal 8<\/option><option value=\"9\">Setiap Tanggal 9<\/option><option value=\"10\">Setiap Tanggal 10<\/option><option value=\"11\">Setiap Tanggal 11<\/option><option value=\"12\">Setiap Tanggal 12<\/option><option value=\"13\">Setiap Tanggal 13<\/option><option value=\"14\">Setiap Tanggal 14<\/option><option value=\"15\">Setiap Tanggal 15<\/option><option value=\"16\">Setiap Tanggal 16<\/option><option value=\"17\">Setiap Tanggal 17<\/option><option value=\"18\">Setiap Tanggal 18<\/option><option value=\"19\">Setiap Tanggal 19<\/option><option value=\"20\">Setiap Tanggal 20<\/option><option value=\"21\">Setiap Tanggal 21<\/option><option value=\"22\">Setiap Tanggal 22<\/option><option value=\"23\">Setiap Tanggal 23<\/option><option value=\"24\">Setiap Tanggal 24<\/option><option value=\"25\">Setiap Tanggal 25<\/option><option value=\"26\">Setiap Tanggal 26<\/option><option value=\"27\">Setiap Tanggal 27<\/option><option value=\"28\">Setiap Tanggal 28<\/option><\/select><div style=\"font-size:11px;color:#64748b;margin-top:5px;\">*Maksimal tgl 28 untuk menghindari error pada bulan Februari.<\/div><\/div>\n                    <div class=\"beqi-form-group\"><div class=\"beqi-toggle-date-range\"><span>Atur Masa Berlaku (Opsional)<\/span><svg class=\"beqi-date-icon\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"transition:transform .3s ease;\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg><\/div><div class=\"beqi-date-range-box\"><div style=\"display:grid;grid-template-columns:1fr 1fr;gap:12px;\"><div><label class=\"beqi-label\" style=\"font-size:13px;\">Mulai Tanggal<\/label><input type=\"date\" name=\"programs[1][start_date]\" class=\"beqi-input beqi-start-date\"><\/div><div><label class=\"beqi-label\" style=\"font-size:13px;\">Sampai Tanggal<\/label><input type=\"date\" name=\"programs[1][end_date]\" class=\"beqi-input beqi-end-date\"><\/div><\/div><div style=\"font-size:11px;color:#0284c7;margin-top:8px;font-style:italic;\">Kosongkan jika donasi ingin dilanjutkan tanpa batas waktu.<\/div><\/div><\/div>\n                    <div class=\"beqi-form-group\"><label class=\"beqi-label\">Jam Pengingat (WIB)<\/label><input type=\"time\" name=\"programs[1][waktu]\" class=\"beqi-input\" value=\"04:00\"><\/div>\n                    <div class=\"beqi-auto-invoice-fields\"><div class=\"beqi-form-group\"><label class=\"beqi-label\">Nominal Donasi<\/label><div class=\"beqi-nominal-grid\"><div class=\"beqi-box-btn beqi-nom-btn\" data-val=\"10000\">Rp 10.000<\/div><div class=\"beqi-box-btn beqi-nom-btn active\" data-val=\"25000\">Rp 25.000<\/div><div class=\"beqi-box-btn beqi-nom-btn\" data-val=\"50000\">Rp 50.000<\/div><div class=\"beqi-box-btn beqi-nom-btn\" data-val=\"100000\">Rp 100.000<\/div><div class=\"beqi-box-btn beqi-nom-btn beqi-nominal-full beqi-nom-lain\">Masukkan Nominal Lainnya<\/div><\/div><input type=\"number\" name=\"programs[1][nominal]\" class=\"beqi-input beqi-nominal-input\" style=\"display:none;margin-top:12px;\" placeholder=\"Cth: 150000\" value=\"25000\"><\/div><div class=\"beqi-form-group\"><label class=\"beqi-label\">Metode Pembayaran<\/label><div class=\"beqi-payment-grid\"><div class=\"beqi-payment-empty\">Pilih program di atas dulu<\/div><\/div><input type=\"hidden\" name=\"programs[1][payment]\" class=\"beqi-payment-input\" value=\"\"><\/div><\/div>\n                <\/div>\n            <\/div>\n        <\/div><\/div>\n                <button type=\"button\" id=\"btnAddProgram\" class=\"beqi-btn-add\">+ Tambah Program Lain (Maks. 3)<\/button>\n                <button type=\"submit\" class=\"beqi-btn-submit\">Simpan Jadwal Donasi<\/button>\n            <\/form>\n        <\/div>\n        <script>\n        const beqiCampaignBanks = {\"dja93cnaexy\":[{\"type\":\"instant\",\"val\":\"qris\",\"label\":\"QRIS\"},{\"type\":\"va\",\"val\":\"ovo\",\"label\":\"OVO\"},{\"type\":\"instant\",\"val\":\"shopeepay\",\"label\":\"ShopeePay\"},{\"type\":\"va\",\"val\":\"mandiri\",\"label\":\"Bank Mandiri\"},{\"type\":\"va\",\"val\":\"bri\",\"label\":\"Bank BRI\"},{\"type\":\"va\",\"val\":\"bni\",\"label\":\"Bank BNI\"},{\"type\":\"va\",\"val\":\"permata\",\"label\":\"Permata Bank\"},{\"type\":\"va\",\"val\":\"danamon\",\"label\":\"Bank Danamon\"},{\"type\":\"va\",\"val\":\"cimb_niaga\",\"label\":\"Bank CIMB Niaga\"},{\"type\":\"transfer\",\"val\":\"bsi\",\"label\":\"Bank Syariah Indonesia\"}],\"djai67mxk3r\":[{\"type\":\"instant\",\"val\":\"qris\",\"label\":\"QRIS\"},{\"type\":\"va\",\"val\":\"ovo\",\"label\":\"OVO\"},{\"type\":\"instant\",\"val\":\"shopeepay\",\"label\":\"ShopeePay\"},{\"type\":\"va\",\"val\":\"mandiri\",\"label\":\"Bank Mandiri\"},{\"type\":\"va\",\"val\":\"bri\",\"label\":\"Bank BRI\"},{\"type\":\"va\",\"val\":\"bni\",\"label\":\"Bank BNI\"},{\"type\":\"va\",\"val\":\"permata\",\"label\":\"Permata Bank\"},{\"type\":\"va\",\"val\":\"danamon\",\"label\":\"Bank Danamon\"},{\"type\":\"va\",\"val\":\"cimb_niaga\",\"label\":\"Bank CIMB Niaga\"},{\"type\":\"transfer\",\"val\":\"bsi\",\"label\":\"Bank Syariah Indonesia\"}],\"djaiy70bzw3\":[{\"type\":\"instant\",\"val\":\"qris\",\"label\":\"QRIS\"},{\"type\":\"va\",\"val\":\"ovo\",\"label\":\"OVO\"},{\"type\":\"instant\",\"val\":\"shopeepay\",\"label\":\"ShopeePay\"},{\"type\":\"va\",\"val\":\"mandiri\",\"label\":\"Bank Mandiri\"},{\"type\":\"va\",\"val\":\"bri\",\"label\":\"Bank BRI\"},{\"type\":\"va\",\"val\":\"bni\",\"label\":\"Bank BNI\"},{\"type\":\"va\",\"val\":\"permata\",\"label\":\"Permata Bank\"},{\"type\":\"va\",\"val\":\"danamon\",\"label\":\"Bank Danamon\"},{\"type\":\"va\",\"val\":\"cimb_niaga\",\"label\":\"Bank CIMB Niaga\"},{\"type\":\"transfer\",\"val\":\"bsi\",\"label\":\"Bank Syariah Indonesia\"}],\"djaxbc52lof\":[{\"type\":\"instant\",\"val\":\"qris\",\"label\":\"QRIS\"},{\"type\":\"va\",\"val\":\"ovo\",\"label\":\"OVO\"},{\"type\":\"instant\",\"val\":\"shopeepay\",\"label\":\"ShopeePay\"},{\"type\":\"va\",\"val\":\"mandiri\",\"label\":\"Bank Mandiri\"},{\"type\":\"va\",\"val\":\"bri\",\"label\":\"Bank BRI\"},{\"type\":\"va\",\"val\":\"bni\",\"label\":\"Bank BNI\"},{\"type\":\"va\",\"val\":\"permata\",\"label\":\"Permata Bank\"},{\"type\":\"va\",\"val\":\"danamon\",\"label\":\"Bank Danamon\"},{\"type\":\"va\",\"val\":\"cimb_niaga\",\"label\":\"Bank CIMB Niaga\"},{\"type\":\"transfer\",\"val\":\"bsi\",\"label\":\"Bank Syariah Indonesia\"}],\"djamx9yzfpa\":[{\"type\":\"instant\",\"val\":\"qris\",\"label\":\"QRIS\"},{\"type\":\"va\",\"val\":\"ovo\",\"label\":\"OVO\"},{\"type\":\"instant\",\"val\":\"shopeepay\",\"label\":\"ShopeePay\"},{\"type\":\"va\",\"val\":\"mandiri\",\"label\":\"Bank Mandiri\"},{\"type\":\"va\",\"val\":\"bri\",\"label\":\"Bank BRI\"},{\"type\":\"va\",\"val\":\"bni\",\"label\":\"Bank BNI\"},{\"type\":\"va\",\"val\":\"permata\",\"label\":\"Permata Bank\"},{\"type\":\"va\",\"val\":\"danamon\",\"label\":\"Bank Danamon\"},{\"type\":\"va\",\"val\":\"cimb_niaga\",\"label\":\"Bank CIMB Niaga\"},{\"type\":\"transfer\",\"val\":\"bsi\",\"label\":\"Bank Syariah Indonesia\"}],\"djactxcewsp\":[{\"type\":\"instant\",\"val\":\"qris\",\"label\":\"QRIS\"},{\"type\":\"va\",\"val\":\"ovo\",\"label\":\"OVO\"},{\"type\":\"instant\",\"val\":\"shopeepay\",\"label\":\"ShopeePay\"},{\"type\":\"va\",\"val\":\"mandiri\",\"label\":\"Bank Mandiri\"},{\"type\":\"va\",\"val\":\"bri\",\"label\":\"Bank BRI\"},{\"type\":\"va\",\"val\":\"bni\",\"label\":\"Bank BNI\"},{\"type\":\"va\",\"val\":\"permata\",\"label\":\"Permata Bank\"},{\"type\":\"va\",\"val\":\"danamon\",\"label\":\"Bank Danamon\"},{\"type\":\"va\",\"val\":\"cimb_niaga\",\"label\":\"Bank CIMB Niaga\"},{\"type\":\"transfer\",\"val\":\"bsi\",\"label\":\"Bank Syariah Indonesia\"}],\"djavv1ijeiq\":[{\"type\":\"instant\",\"val\":\"qris\",\"label\":\"QRIS\"},{\"type\":\"va\",\"val\":\"ovo\",\"label\":\"OVO\"},{\"type\":\"instant\",\"val\":\"shopeepay\",\"label\":\"ShopeePay\"},{\"type\":\"va\",\"val\":\"mandiri\",\"label\":\"Bank Mandiri\"},{\"type\":\"va\",\"val\":\"bri\",\"label\":\"Bank BRI\"},{\"type\":\"va\",\"val\":\"bni\",\"label\":\"Bank BNI\"},{\"type\":\"va\",\"val\":\"permata\",\"label\":\"Permata Bank\"},{\"type\":\"va\",\"val\":\"danamon\",\"label\":\"Bank Danamon\"},{\"type\":\"va\",\"val\":\"cimb_niaga\",\"label\":\"Bank CIMB Niaga\"},{\"type\":\"transfer\",\"val\":\"bsi\",\"label\":\"Bank Syariah Indonesia\"}]};\n        const beqiAjaxUrl = \"https:\\\/\\\/beqicharity.com\\\/wp-admin\\\/admin-ajax.php\";\n        const beqiEnableAutoInvoice = true;\n        document.addEventListener('DOMContentLoaded',function(){\n            const wrapper=document.getElementById('beqiProgramsWrapper'); let programIndex=1;\n            function showErr(msg){const box=document.getElementById('beqiMainError');box.textContent=msg;box.style.display='block';box.scrollIntoView({behavior:'smooth',block:'center'});} function hideErr(){document.getElementById('beqiMainError').style.display='none';}\n            function resetMode(container){container.querySelectorAll('.beqi-mode-btn').forEach(b=>b.classList.remove('active')); let mi=container.querySelector('.beqi-recurring-mode-input'); if(mi)mi.value=''; let aft=container.querySelector('.beqi-after-mode-fields'); if(aft)aft.style.display='none'; let au=container.querySelector('.beqi-auto-invoice-fields'); if(au)au.style.display='none'; let pi=container.querySelector('.beqi-payment-input'); if(pi)pi.value=''; container.querySelectorAll('.beqi-pay-btn').forEach(b=>b.classList.remove('active'));}\n            function applyMode(container,mode){let mi=container.querySelector('.beqi-recurring-mode-input');let aft=container.querySelector('.beqi-after-mode-fields');let au=container.querySelector('.beqi-auto-invoice-fields'); if(mi)mi.value=mode;if(aft)aft.style.display='block'; if(mode==='auto_invoice'&&beqiEnableAutoInvoice){if(au)au.style.display='block';}else{if(au)au.style.display='none';let pi=container.querySelector('.beqi-payment-input');if(pi)pi.value='';}}\n            function updateHeaders(){let all=wrapper.querySelectorAll('.beqi-program-container');all.forEach((c,i)=>{c.querySelector('.beqi-program-header span:first-child').innerText='Program '+(i+1);c.querySelector('.beqi-remove-program').style.display=all.length>1?'block':'none';});document.getElementById('btnAddProgram').style.display=all.length>=3?'none':'block';}\n            function beqiToggleVAPayment(container) {\n                let nominal = parseInt(container.querySelector('.beqi-nominal-input').value) || 0;\n                let payBtns = container.querySelectorAll('.beqi-pay-btn');\n                payBtns.forEach(btn => {\n                    let val = btn.dataset.val || '';\n                    \/\/ Menyembunyikan VA dan Transfer jika nominal di bawah 10.000\n                    if (nominal > 0 && nominal < 10000 && (val.startsWith('va|') || val.startsWith('transfer|'))) {\n                        btn.style.display = 'none';\n                        \/\/ Reset pilihan jika sebelumnya user terlanjur klik VA\n                        if (btn.classList.contains('active')) {\n                            btn.classList.remove('active');\n                            container.querySelector('.beqi-payment-input').value = '';\n                        }\n                    } else {\n                        \/\/ Tampilkan kembali\n                        btn.style.display = ''; \n                    }\n                });\n            }\n            document.addEventListener('click',function(e){\n                if(e.target.classList.contains('beqi-sapaan-item')){document.querySelectorAll('#beqiSapaanGrid .beqi-sapaan-item').forEach(b=>b.classList.remove('active'));e.target.classList.add('active');document.getElementById('beqiSapaanInput').value=e.target.dataset.val;}\n                let modeBtn=e.target.closest('.beqi-mode-btn'); if(modeBtn){let c=modeBtn.closest('.beqi-program-container');let mode=modeBtn.dataset.val;if(mode==='auto_invoice'&&!beqiEnableAutoInvoice){showErr('Mode Auto Invoice sedang dinonaktifkan dari Settings.');return;}c.querySelectorAll('.beqi-mode-btn').forEach(b=>b.classList.remove('active'));modeBtn.classList.add('active');applyMode(c,mode);}\n                let day=e.target.closest('.beqi-day-checkbox-box'); if(day){e.preventDefault();let cb=day.querySelector('input');cb.checked=!cb.checked;day.classList.toggle('active',cb.checked);}\n                let nom=e.target.closest('.beqi-nom-btn'); if(nom){let c=nom.closest('.beqi-program-container');c.querySelectorAll('.beqi-nom-btn').forEach(b=>b.classList.remove('active'));nom.classList.add('active');let ni=c.querySelector('.beqi-nominal-input'); if(nom.classList.contains('beqi-nom-lain')){ni.style.display='block';ni.value='';ni.focus();}else{ni.style.display='none';}ni.value=nom.dataset.val; beqiToggleVAPayment(c); }\n                let pay=e.target.closest('.beqi-pay-btn'); if(pay){let c=pay.closest('.beqi-program-container');c.querySelectorAll('.beqi-pay-btn').forEach(b=>b.classList.remove('active'));pay.classList.add('active');c.querySelector('.beqi-payment-input').value=pay.dataset.val;}\n                if(e.target.classList.contains('beqi-remove-program')){e.target.closest('.beqi-program-container').remove();updateHeaders();}\n                let dateT=e.target.closest('.beqi-toggle-date-range'); if(dateT){let c=dateT.closest('.beqi-program-container');let box=c.querySelector('.beqi-date-range-box');let sp=dateT.querySelector('span');if(!box.style.display||box.style.display==='none'){box.style.display='block';sp.innerText='Batal mengatur masa berlaku (Kosongkan)';dateT.style.color='#ef4444';dateT.classList.add('open');}else{box.style.display='none';sp.innerText='Atur Masa Berlaku (Opsional)';dateT.style.color='#0ea5e9';dateT.classList.remove('open');c.querySelector('.beqi-start-date').value='';c.querySelector('.beqi-end-date').value='';}}\n                if(e.target.classList.contains('beqi-cancel-btn')){e.preventDefault(); if(!confirm('Apakah Anda yakin ingin membatalkan jadwal donasi rutin ini?'))return;let fd=new FormData();fd.append('action','rdm_cancel_schedule');fd.append('schedule_id',e.target.dataset.id);fetch(beqiAjaxUrl,{method:'POST',body:fd}).then(r=>r.json()).then(d=>{if(d.success){alert('Jadwal berhasil dihentikan.');document.getElementById('beqiWaInput').dispatchEvent(new Event('input',{bubbles:true}));}});}\n            });\n            document.addEventListener('change',function(e){\n               if(e.target.classList.contains('beqi-campaign-select')){let c=e.target.closest('.beqi-program-container');c.querySelector('.beqi-settings-box').style.display='block';resetMode(c);let grid=c.querySelector('.beqi-payment-grid');let pi=c.querySelector('.beqi-payment-input');grid.innerHTML='';pi.value='';let m=beqiCampaignBanks[e.target.value]||[];if(m.length){m.forEach((method,i)=>{let b=document.createElement('div');b.className='beqi-pay-btn';if(m.length%2!==0&&i===m.length-1)b.classList.add('beqi-payment-full');b.dataset.val=method.type+'|'+method.val;b.innerHTML=method.label;grid.appendChild(b);});}else grid.innerHTML='<div class=\"beqi-payment-empty\">Metode tidak tersedia<\/div>'; beqiToggleVAPayment(c); }\n                if(e.target.classList.contains('beqi-frekuensi-select')){let c=e.target.closest('.beqi-program-container');c.querySelector('.beqi-hari-pilihan').style.display=e.target.value==='weekly'?'block':'none';c.querySelector('.beqi-tanggal-pilihan').style.display=e.target.value==='monthly'?'block':'none';}\n            });\n            document.addEventListener('input', function(e) {\n    if (e.target.classList.contains('beqi-nominal-input')) {\n        let c = e.target.closest('.beqi-program-container');\n        if (c) beqiToggleVAPayment(c);\n    }\n});\n            let waTimer;document.getElementById('beqiWaInput').addEventListener('input',function(){clearTimeout(waTimer);let wa=this.value;let box=document.getElementById('beqiWaCheckResult');let re=\/^(\\+62|62|0)8[1-9][0-9]{6,11}$\/;if(!re.test(wa)){box.style.display='none';return;}waTimer=setTimeout(()=>{let fd=new FormData();fd.append('action','rdm_check_wa');fd.append('wa',wa);box.innerHTML='<span style=\"font-size:12px;color:#94a3b8;display:block;margin-top:8px;\">Memeriksa status nomor... \u23f3<\/span>';box.style.display='block';fetch(beqiAjaxUrl,{method:'POST',body:fd}).then(r=>r.json()).then(d=>{if(d.success&&d.data.html)box.innerHTML=d.data.html;else box.style.display='none';}).catch(()=>box.style.display='none');},800);});\n            document.getElementById('btnAddProgram').addEventListener('click',function(){let all=wrapper.querySelectorAll('.beqi-program-container');if(all.length>=3){alert('Maksimal 3 program.');return;}programIndex++;let clone=all[0].cloneNode(true);clone.dataset.index=programIndex;clone.querySelectorAll('[name]').forEach(el=>{el.name=el.name.replace(\/programs\\[\\d+\\]\/,'programs['+programIndex+']');});clone.querySelector('.beqi-campaign-select').value='';clone.querySelector('.beqi-settings-box').style.display='none';clone.querySelector('.beqi-after-mode-fields').style.display='none';clone.querySelector('.beqi-auto-invoice-fields').style.display='none';clone.querySelector('.beqi-recurring-mode-input').value='';clone.querySelector('.beqi-frekuensi-select').value='daily';clone.querySelector('.beqi-hari-pilihan').style.display='none';clone.querySelector('.beqi-tanggal-pilihan').style.display='none';clone.querySelector('.beqi-payment-grid').innerHTML='<div class=\"beqi-payment-empty\">Pilih program di atas dulu<\/div>';clone.querySelector('.beqi-payment-input').value='';clone.querySelectorAll('.active').forEach(a=>{if(!a.classList.contains('beqi-nom-btn'))a.classList.remove('active');});clone.querySelectorAll('input[type=checkbox]').forEach(cb=>{cb.checked=false;});clone.querySelector('.beqi-nominal-input').value='25000';clone.querySelector('.beqi-nominal-input').style.display='none';clone.querySelector('input[type=time]').value='04:00';wrapper.appendChild(clone);updateHeaders();});\n            document.getElementById('formBeqiDonasiRutin').addEventListener('submit',function(e){e.preventDefault();hideErr();let nama=document.getElementById('beqiNamaInput'),wa=document.getElementById('beqiWaInput'),re=\/^(\\+62|62|0)8[1-9][0-9]{6,11}$\/;document.getElementById('beqiNamaError').style.display='none';document.getElementById('beqiWaError').style.display='none';let has=false;if(!nama.value.trim()){document.getElementById('beqiNamaError').style.display='block';has=true;}if(!re.test(wa.value.trim())){document.getElementById('beqiWaError').style.display='block';has=true;}wrapper.querySelectorAll('.beqi-program-container').forEach((c,i)=>{if(!c.querySelector('.beqi-campaign-select').value){showErr('Program #'+(i+1)+' belum dipilih.');has=true;}if(!c.querySelector('.beqi-recurring-mode-input').value){showErr('Jenis donasi rutin pada Program #'+(i+1)+' belum dipilih.');has=true;}let f=c.querySelector('.beqi-frekuensi-select').value;if(f==='weekly'&&!c.querySelector('.beqi-hari-pilihan input:checked')){showErr('Pilih minimal satu hari untuk Program #'+(i+1)+'.');has=true;}if(f==='monthly'&&!c.querySelector('.beqi-tanggal-select').value){showErr('Pilih tanggal bulanan untuk Program #'+(i+1)+'.');has=true;}});if(has)return;let btn=this.querySelector('.beqi-btn-submit'),old=btn.innerText;btn.innerText='Menyimpan Jadwal...';btn.disabled=true;let fd=new FormData(this);fetch(beqiAjaxUrl,{method:'POST',body:fd}).then(r=>r.json()).then(d=>{if(d.success){document.getElementById('beqiModalMsg').innerText=d.data.message;document.getElementById('beqiSuccessModal').style.display='flex';document.getElementById('beqiModalBtn').onclick=function(){window.location.reload();};}else{showErr(d.data&&d.data.message?d.data.message:'Terjadi kesalahan sistem.');btn.disabled=false;btn.innerText=old;}}).catch(()=>{showErr('Terjadi kesalahan jaringan.');btn.disabled=false;btn.innerText=old;});});\n        });\n        <\/script>\n        \n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\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":{"_templately_pack_id":"","_templately_imported_at":"","_templately_source":"","_templately_import_session_id":"","footnotes":""},"class_list":["post-9272","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/beqicharity.com\/en\/wp-json\/wp\/v2\/pages\/9272","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beqicharity.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/beqicharity.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/beqicharity.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/beqicharity.com\/en\/wp-json\/wp\/v2\/comments?post=9272"}],"version-history":[{"count":0,"href":"https:\/\/beqicharity.com\/en\/wp-json\/wp\/v2\/pages\/9272\/revisions"}],"wp:attachment":[{"href":"https:\/\/beqicharity.com\/en\/wp-json\/wp\/v2\/media?parent=9272"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}