{"id":4670,"date":"2025-08-16T18:04:08","date_gmt":"2025-08-16T18:04:08","guid":{"rendered":"https:\/\/donasi.syifaulqulub.web.id\/?page_id=4670"},"modified":"2025-09-02T16:58:17","modified_gmt":"2025-09-02T16:58:17","slug":"galang-dana","status":"publish","type":"page","link":"https:\/\/donasi.syifaulqulub.web.id\/index.php\/galang-dana\/","title":{"rendered":"Galang dana"},"content":{"rendered":"\r\n<div class=\"wp-block-columns\" style=\"padding-top: 0; padding-bottom: 0;\">\u00a0<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n    <div class=\"donasi-container\" style=\"max-width:800px;margin:auto;\">\r\n\r\n<!-- Campaign Image (if available) -->\r\n<div style=\"margin-bottom:30px;text-align:center;border-radius:16px;overflow:hidden;box-shadow:0 15px 35px rgba(0,0,0,0.1);\">\r\n    <img decoding=\"async\" src=\"https:\/\/donasi.syifaulqulub.web.id\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-08-14-at-21.41.22.jpeg\" style=\"max-width:100%;height:auto;display:block;border-radius:16px;\">\r\n<\/div>\r\n\r\n<!-- Progress Bar and Donation Info -->\r\n<div class=\"donasi-progress\" style=\"margin:30px 0;background:white;padding:30px;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,0.08);\">\r\n    <h3 style=\"margin-top:0;color:#2D3748;text-align:center;font-size:22px;margin-bottom:25px;\">Progress Donasi<\/h3>\r\n    \r\n    <!-- Modern Progress Indicator -->\r\n    <div style=\"position:relative;margin-bottom:25px;\">\r\n        <div class=\"progress-container\" style=\"background:#EDF2F7;width:100%;height:28px;border-radius:14px;overflow:hidden;box-shadow:inset 0 2px 5px rgba(0,0,0,0.1);position:relative;\">\r\n            <div class=\"progress-bar-animated\" style=\"background:linear-gradient(90deg, #4FD1C5 0%, #319795 100%);width:17.941176470588%;height:28px;border-radius:14px;position:relative;box-shadow:0 4px 10px rgba(79, 209, 197, 0.4);transition:width 1s ease-in-out;\">\r\n                <div style=\"position:absolute;right:15px;top:50%;transform:translateY(-50%);color:white;font-weight:bold;font-size:14px;text-shadow:0 2px 4px rgba(0,0,0,0.3);\">17.941176470588%<\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Progress milestones -->\r\n        <div style=\"display:flex;justify-content:space-between;position:relative;margin-top:10px;\">\r\n            <div style=\"position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg, #4FD1C5 0%, #319795 100%);opacity:0.2;border-radius:3px;\"><\/div>\r\n            <div style=\"width:6px;height:6px;background:#4FD1C5;border-radius:50%;\"><\/div>\r\n            <div style=\"width:6px;height:6px;background:#4FD1C5;border-radius:50%;\"><\/div>\r\n            <div style=\"width:6px;height:6px;background:#4FD1C5;border-radius:50%;\"><\/div>\r\n            <div style=\"width:6px;height:6px;background:#4FD1C5;border-radius:50%;\"><\/div>\r\n            <div style=\"width:6px;height:6px;background:#4FD1C5;border-radius:50%;\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <div style=\"display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;background:linear-gradient(135deg, #F7FAFC 0%, #EDF2F7 100%);padding:20px;border-radius:16px;\">\r\n        <div style=\"flex:1;min-width:200px;text-align:center;padding:15px;\">\r\n            <p style=\"margin:5px 0;font-size:16px;color:#718096;font-weight:500;\">Terkumpul<\/p>\r\n            <p style=\"margin:0;font-weight:bold;font-size:24px;color:#2D3748;background:white;padding:12px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.05);\">Rp3.050.000<\/p>\r\n        <\/div>\r\n        <div style=\"flex:1;min-width:200px;text-align:center;padding:15px;\">\r\n            <p style=\"margin:5px 0;font-size:16px;color:#718096;font-weight:500;\">Target<\/p>\r\n            <p style=\"margin:0;font-weight:bold;font-size:24px;color:#2D3748;background:white;padding:12px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.05);\">Rp17.000.000<\/p>\r\n        <\/div>\r\n    <\/div>\r\n            <p style=\"text-align:center;margin:20px 0 0;color:#718096;font-style:italic;font-size:16px;padding:12px;background:#F7FAFC;border-radius:12px;\">Campaign: <strong style=\"color:#4A5568;\">Galang Dana<\/strong><\/p>\r\n    <\/div>\r\n\r\n<!-- Tab Navigation -->\r\n<div class=\"donasi-tabs\" style=\"margin-bottom:30px;border-bottom:2px solid #E2E8F0;display:flex;background:white;border-radius:16px 16px 0 0;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.05);\">\r\n    <button class=\"tab-button active\" onclick=\"openTab(event, 'deskripsi')\" style=\"flex:1;padding:20px;background:linear-gradient(135deg, #4FD1C5 0%, #319795 100%);border:none;color:white;font-weight:bold;font-size:16px;cursor:pointer;transition:all 0.3s ease;\">Deskripsi<\/button>\r\n    <button class=\"tab-button\" onclick=\"openTab(event, 'donatur')\" style=\"flex:1;padding:20px;background:#F7FAFC;border:none;color:#4A5568;font-weight:bold;font-size:16px;cursor:pointer;transition:all 0.3s ease;\">Donatur<\/button>\r\n    <button class=\"tab-button\" onclick=\"openTab(event, 'kabar')\" style=\"flex:1;padding:20px;background:#F7FAFC;border:none;color:#4A5568;font-weight:bold;font-size:16px;cursor:pointer;transition:all 0.3s ease;\">Kabar Terbaru<\/button>\r\n<\/div>\r\n\r\n<!-- Tab Content -->\r\n<div id=\"deskripsi\" class=\"tab-content\" style=\"display:block;background:white;padding:35px;border-radius:0 0 16px 16px;box-shadow:0 10px 30px rgba(0,0,0,0.08);margin-bottom:30px;\">\r\n            <h2 style=\"text-align:center;color:#2D3748;margin-top:0;padding-bottom:20px;border-bottom:2px solid #E2E8F0;font-size:28px;\">Galang Dana<\/h2>\r\n        <div style=\"line-height:1.8;color:#4A5568;font-size:17px;\">\r\n            <p>Madrasah Kami Sudah Berdiri, Tapi Masih Kosong\u2026<br \/>\nYang Sangat Dibutuhkan Saat Ini \ud83d\udccb<br \/>\n\u2705 Kursi & meja belajar untuk para santri<br \/>\n\u2705 Meja guru di setiap kelas<br \/>\n\u2705 Lemari penyimpanan buku & perlengkapan sekolah<br \/>\n\u2705 Peralatan kantor madrasah<br \/>\n\u2705 Pembangunan Dan Perlengkapan musholla untuk ibadah para santri<\/p>\n        <\/div>\r\n        \r\n    <div class=\"donasi-nominal\" style=\"text-align:center;margin:40px 0 25px;padding:35px;background:linear-gradient(135deg, #F7FAFC 0%, #EDF2F7 100%);border-radius:20px;\">\r\n        <h3 style=\"margin-top:0;color:#2D3748;font-size:24px;margin-bottom:25px;\">Pilih Nominal Donasi<\/h3>\r\n        <div style=\"display:grid;grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));gap:15px;margin-bottom:30px;\">\r\n            <button onclick=\"pilihNominal(10000)\" style=\"padding:16px;background:white;border:2px solid #E2E8F0;border-radius:12px;cursor:pointer;font-weight:bold;font-size:16px;transition:all 0.3s;box-shadow:0 4px 10px rgba(0,0,0,0.05);color:#2D3748;\" onmouseover=\"this.style.borderColor='#4FD1C5'; this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 15px rgba(0,0,0,0.1)'\" onmouseout=\"this.style.borderColor='#E2E8F0'; this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 10px rgba(0,0,0,0.05)'\">Rp10.000<\/button>\r\n            <button onclick=\"pilihNominal(50000)\" style=\"padding:16px;background:white;border:2px solid #E2E8F0;border-radius:12px;cursor:pointer;font-weight:bold;font-size:16px;transition:all 0.3s;box-shadow:0 4px 10px rgba(0,0,0,0.05);color:#2D3748;\" onmouseover=\"this.style.borderColor='#4FD1C5'; this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 15px rgba(0,0,0,0.1)'\" onmouseout=\"this.style.borderColor='#E2E8F0'; this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 10px rgba(0,0,0,0.05)'\">Rp50.000<\/button>\r\n            <button onclick=\"pilihNominal(100000)\" style=\"padding:16px;background:white;border:2px solid #E2E8F0;border-radius:12px;cursor:pointer;font-weight:bold;font-size:16px;transition:all 0.3s;box-shadow:0 4px 10px rgba(0,0,0,0.05);color:#2D3748;\" onmouseover=\"this.style.borderColor='#4FD1C5'; this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 15px rgba(0,0,0,0.1)'\" onmouseout=\"this.style.borderColor='#E2E8F0'; this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 10px rgba(0,0,0,0.05)'\">Rp100.000<\/button>\r\n            <button onclick=\"pilihNominal(200000)\" style=\"padding:16px;background:white;border:2px solid #E2E8F0;border-radius:12px;cursor:pointer;font-weight:bold;font-size:16px;transition:all 0.3s;box-shadow:0 4px 10px rgba(0,0,0,0.05);color:#2D3748;\" onmouseover=\"this.style.borderColor='#4FD1C5'; this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 15px rgba(0,0,0,0.1)'\" onmouseout=\"this.style.borderColor='#E2E8F0'; this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 10px rgba(0,0,0,0.05)'\">Rp200.000<\/button>\r\n        <\/div>\r\n        <div style=\"margin:25px 0;\">\r\n            <p style=\"margin-bottom:15px;font-weight:bold;color:#2D3748;font-size:18px;\">Atau masukkan nominal lainnya<\/p>\r\n            <input type=\"number\" id=\"manualNominal\" placeholder=\"Masukkan nominal donasi\" style=\"padding:16px;width:100%;max-width:350px;border:2px solid #E2E8F0;border-radius:12px;font-size:16px;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,0.05);transition:all 0.3s;color:#2D3748;\" onfocus=\"this.style.borderColor='#4FD1C5'; this.style.boxShadow='0 6px 12px rgba(79, 209, 197, 0.2)'\" onblur=\"this.style.borderColor='#E2E8F0'; this.style.boxShadow='0 4px 10px rgba(0,0,0,0.05)'\">\r\n        <\/div>\r\n        <button onclick=\"tampilkanFormDonasi()\" style=\"padding:18px 40px;background:linear-gradient(135deg, #4FD1C5 0%, #319795 100%);color:white;border:none;border-radius:12px;cursor:pointer;font-size:18px;font-weight:bold;box-shadow:0 8px 15px rgba(79, 209, 197, 0.4);transition:all 0.3s;margin-top:15px;\" onmouseover=\"this.style.transform='translateY(-3px)';this.style.boxShadow='0 12px 20px rgba(79, 209, 197, 0.5)'\" onmouseout=\"this.style.transform='translateY(0)';this.style.boxShadow='0 8px 15px rgba(79, 209, 197, 0.4)'\">Donasi Sekarang<\/button>\r\n    <\/div>\r\n<\/div>\r\n\r\n<div id=\"donatur\" class=\"tab-content\" style=\"display:none;background:white;padding:35px;border-radius:0 0 16px 16px;box-shadow:0 10px 30px rgba(0,0,0,0.08);margin-bottom:30px;\">\r\n    <h3 style=\"margin-top:0;color:#2D3748;padding-bottom:20px;border-bottom:2px solid #E2E8F0;font-size:24px;display:flex;align-items:center;\">\r\n        <svg style=\"width:28px;height:28px;margin-right:12px;color:#4FD1C5;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\"><\/path>\r\n        <\/svg>\r\n        Daftar Donatur\r\n    <\/h3>\r\n    <div style=\"overflow-x:auto;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.05);\">\r\n        <table style=\"width:100%;border-collapse:separate;border-spacing:0;margin-top:20px;\">\r\n            <thead>\r\n                <tr>\r\n                    <th style=\"padding:16px 20px;text-align:left;border-bottom:2px solid #E2E8F0;background:linear-gradient(135deg, #F7FAFC 0%, #EDF2F7 100%);color:#2D3748;font-weight:bold;font-size:16px;\">Donatur<\/th>\r\n                    <th style=\"padding:16px 20px;text-align:right;border-bottom:2px solid #E2E8F0;background:linear-gradient(135deg, #F7FAFC 0%, #EDF2F7 100%);color:#2D3748;font-weight:bold;font-size:16px;\">Nominal<\/th>\r\n                    <th style=\"padding:16px 20px;text-align:center;border-bottom:2px solid #E2E8F0;background:linear-gradient(135deg, #F7FAFC 0%, #EDF2F7 100%);color:#2D3748;font-weight:bold;font-size:16px;\">Tanggal<\/th>\r\n                <\/tr>\r\n            <\/thead>\r\n            <tbody>\r\n                                                        <tr style=\"transition:background 0.3s;\" onmouseover=\"this.style.background='#F7FAFC'\" onmouseout=\"this.style.background='white'\">\r\n                        <td style=\"padding:16px 20px;border-bottom:1px solid #E2E8F0;\">\r\n                            <div style=\"display:flex;align-items:center;\">\r\n                                <div style=\"width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg, #4FD1C5 0%, #319795 100%);display:flex;align-items:center;justify-content:center;margin-right:15px;color:white;font-weight:bold;font-size:18px;\">\r\n                                    H                                <\/div>\r\n                                <div>\r\n                                    <div style=\"color:#2D3748;font-weight:500;font-size:16px;\">Hamba Allah<\/div>\r\n                                    <div style=\"color:#718096;font-size:14px;margin-top:4px;\">Donatur Umum<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/td>\r\n                        <td style=\"padding:16px 20px;text-align:right;border-bottom:1px solid #E2E8F0;\">\r\n                            <span style=\"color:#319795;font-weight:bold;font-size:16px;background:#F0FFF4;padding:8px 16px;border-radius:20px;display:inline-block;\">\r\n                                Rp300.000                            <\/span>\r\n                        <\/td>\r\n                        <td style=\"padding:16px 20px;text-align:center;border-bottom:1px solid #E2E8F0;color:#718096;\">\r\n                            02 Sep 2025                        <\/td>\r\n                    <\/tr>\r\n                                        <tr style=\"transition:background 0.3s;\" onmouseover=\"this.style.background='#F7FAFC'\" onmouseout=\"this.style.background='white'\">\r\n                        <td style=\"padding:16px 20px;border-bottom:1px solid #E2E8F0;\">\r\n                            <div style=\"display:flex;align-items:center;\">\r\n                                <div style=\"width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg, #4FD1C5 0%, #319795 100%);display:flex;align-items:center;justify-content:center;margin-right:15px;color:white;font-weight:bold;font-size:18px;\">\r\n                                    T                                <\/div>\r\n                                <div>\r\n                                    <div style=\"color:#2D3748;font-weight:500;font-size:16px;\">Teguh<\/div>\r\n                                    <div style=\"color:#718096;font-size:14px;margin-top:4px;\">Donatur Umum<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/td>\r\n                        <td style=\"padding:16px 20px;text-align:right;border-bottom:1px solid #E2E8F0;\">\r\n                            <span style=\"color:#319795;font-weight:bold;font-size:16px;background:#F0FFF4;padding:8px 16px;border-radius:20px;display:inline-block;\">\r\n                                Rp100.000                            <\/span>\r\n                        <\/td>\r\n                        <td style=\"padding:16px 20px;text-align:center;border-bottom:1px solid #E2E8F0;color:#718096;\">\r\n                            02 Sep 2025                        <\/td>\r\n                    <\/tr>\r\n                                        <tr style=\"transition:background 0.3s;\" onmouseover=\"this.style.background='#F7FAFC'\" onmouseout=\"this.style.background='white'\">\r\n                        <td style=\"padding:16px 20px;border-bottom:1px solid #E2E8F0;\">\r\n                            <div style=\"display:flex;align-items:center;\">\r\n                                <div style=\"width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg, #4FD1C5 0%, #319795 100%);display:flex;align-items:center;justify-content:center;margin-right:15px;color:white;font-weight:bold;font-size:18px;\">\r\n                                    H                                <\/div>\r\n                                <div>\r\n                                    <div style=\"color:#2D3748;font-weight:500;font-size:16px;\">Herlina<\/div>\r\n                                    <div style=\"color:#718096;font-size:14px;margin-top:4px;\">Donatur Umum<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/td>\r\n                        <td style=\"padding:16px 20px;text-align:right;border-bottom:1px solid #E2E8F0;\">\r\n                            <span style=\"color:#319795;font-weight:bold;font-size:16px;background:#F0FFF4;padding:8px 16px;border-radius:20px;display:inline-block;\">\r\n                                Rp1.000.000                            <\/span>\r\n                        <\/td>\r\n                        <td style=\"padding:16px 20px;text-align:center;border-bottom:1px solid #E2E8F0;color:#718096;\">\r\n                            02 Sep 2025                        <\/td>\r\n                    <\/tr>\r\n                                        <tr style=\"transition:background 0.3s;\" onmouseover=\"this.style.background='#F7FAFC'\" onmouseout=\"this.style.background='white'\">\r\n                        <td style=\"padding:16px 20px;border-bottom:1px solid #E2E8F0;\">\r\n                            <div style=\"display:flex;align-items:center;\">\r\n                                <div style=\"width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg, #4FD1C5 0%, #319795 100%);display:flex;align-items:center;justify-content:center;margin-right:15px;color:white;font-weight:bold;font-size:18px;\">\r\n                                    L                                <\/div>\r\n                                <div>\r\n                                    <div style=\"color:#2D3748;font-weight:500;font-size:16px;\">Lailita Nailat<\/div>\r\n                                    <div style=\"color:#718096;font-size:14px;margin-top:4px;\">Donatur Umum<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/td>\r\n                        <td style=\"padding:16px 20px;text-align:right;border-bottom:1px solid #E2E8F0;\">\r\n                            <span style=\"color:#319795;font-weight:bold;font-size:16px;background:#F0FFF4;padding:8px 16px;border-radius:20px;display:inline-block;\">\r\n                                Rp200.000                            <\/span>\r\n                        <\/td>\r\n                        <td style=\"padding:16px 20px;text-align:center;border-bottom:1px solid #E2E8F0;color:#718096;\">\r\n                            02 Sep 2025                        <\/td>\r\n                    <\/tr>\r\n                                        <tr style=\"transition:background 0.3s;\" onmouseover=\"this.style.background='#F7FAFC'\" onmouseout=\"this.style.background='white'\">\r\n                        <td style=\"padding:16px 20px;border-bottom:1px solid #E2E8F0;\">\r\n                            <div style=\"display:flex;align-items:center;\">\r\n                                <div style=\"width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg, #4FD1C5 0%, #319795 100%);display:flex;align-items:center;justify-content:center;margin-right:15px;color:white;font-weight:bold;font-size:18px;\">\r\n                                    K                                <\/div>\r\n                                <div>\r\n                                    <div style=\"color:#2D3748;font-weight:500;font-size:16px;\">Kang NASIB<\/div>\r\n                                    <div style=\"color:#718096;font-size:14px;margin-top:4px;\">Donatur Umum<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/td>\r\n                        <td style=\"padding:16px 20px;text-align:right;border-bottom:1px solid #E2E8F0;\">\r\n                            <span style=\"color:#319795;font-weight:bold;font-size:16px;background:#F0FFF4;padding:8px 16px;border-radius:20px;display:inline-block;\">\r\n                                Rp50.000                            <\/span>\r\n                        <\/td>\r\n                        <td style=\"padding:16px 20px;text-align:center;border-bottom:1px solid #E2E8F0;color:#718096;\">\r\n                            02 Sep 2025                        <\/td>\r\n                    <\/tr>\r\n                                        <tr style=\"transition:background 0.3s;\" onmouseover=\"this.style.background='#F7FAFC'\" onmouseout=\"this.style.background='white'\">\r\n                        <td style=\"padding:16px 20px;border-bottom:1px solid #E2E8F0;\">\r\n                            <div style=\"display:flex;align-items:center;\">\r\n                                <div style=\"width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg, #4FD1C5 0%, #319795 100%);display:flex;align-items:center;justify-content:center;margin-right:15px;color:white;font-weight:bold;font-size:18px;\">\r\n                                    T                                <\/div>\r\n                                <div>\r\n                                    <div style=\"color:#2D3748;font-weight:500;font-size:16px;\">TJ TEKNIK<\/div>\r\n                                    <div style=\"color:#718096;font-size:14px;margin-top:4px;\">Donatur Umum<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/td>\r\n                        <td style=\"padding:16px 20px;text-align:right;border-bottom:1px solid #E2E8F0;\">\r\n                            <span style=\"color:#319795;font-weight:bold;font-size:16px;background:#F0FFF4;padding:8px 16px;border-radius:20px;display:inline-block;\">\r\n                                Rp200.000                            <\/span>\r\n                        <\/td>\r\n                        <td style=\"padding:16px 20px;text-align:center;border-bottom:1px solid #E2E8F0;color:#718096;\">\r\n                            02 Sep 2025                        <\/td>\r\n                    <\/tr>\r\n                                        <tr style=\"transition:background 0.3s;\" onmouseover=\"this.style.background='#F7FAFC'\" onmouseout=\"this.style.background='white'\">\r\n                        <td style=\"padding:16px 20px;border-bottom:1px solid #E2E8F0;\">\r\n                            <div style=\"display:flex;align-items:center;\">\r\n                                <div style=\"width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg, #4FD1C5 0%, #319795 100%);display:flex;align-items:center;justify-content:center;margin-right:15px;color:white;font-weight:bold;font-size:18px;\">\r\n                                    H                                <\/div>\r\n                                <div>\r\n                                    <div style=\"color:#2D3748;font-weight:500;font-size:16px;\">Hamba Allah<\/div>\r\n                                    <div style=\"color:#718096;font-size:14px;margin-top:4px;\">Donatur Umum<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/td>\r\n                        <td style=\"padding:16px 20px;text-align:right;border-bottom:1px solid #E2E8F0;\">\r\n                            <span style=\"color:#319795;font-weight:bold;font-size:16px;background:#F0FFF4;padding:8px 16px;border-radius:20px;display:inline-block;\">\r\n                                Rp200.000                            <\/span>\r\n                        <\/td>\r\n                        <td style=\"padding:16px 20px;text-align:center;border-bottom:1px solid #E2E8F0;color:#718096;\">\r\n                            02 Sep 2025                        <\/td>\r\n                    <\/tr>\r\n                                        <tr style=\"transition:background 0.3s;\" onmouseover=\"this.style.background='#F7FAFC'\" onmouseout=\"this.style.background='white'\">\r\n                        <td style=\"padding:16px 20px;border-bottom:1px solid #E2E8F0;\">\r\n                            <div style=\"display:flex;align-items:center;\">\r\n                                <div style=\"width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg, #4FD1C5 0%, #319795 100%);display:flex;align-items:center;justify-content:center;margin-right:15px;color:white;font-weight:bold;font-size:18px;\">\r\n                                    N                                <\/div>\r\n                                <div>\r\n                                    <div style=\"color:#2D3748;font-weight:500;font-size:16px;\">Nusani<\/div>\r\n                                    <div style=\"color:#718096;font-size:14px;margin-top:4px;\">Donatur Umum<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/td>\r\n                        <td style=\"padding:16px 20px;text-align:right;border-bottom:1px solid #E2E8F0;\">\r\n                            <span style=\"color:#319795;font-weight:bold;font-size:16px;background:#F0FFF4;padding:8px 16px;border-radius:20px;display:inline-block;\">\r\n                                Rp500.000                            <\/span>\r\n                        <\/td>\r\n                        <td style=\"padding:16px 20px;text-align:center;border-bottom:1px solid #E2E8F0;color:#718096;\">\r\n                            02 Sep 2025                        <\/td>\r\n                    <\/tr>\r\n                                        <tr style=\"transition:background 0.3s;\" onmouseover=\"this.style.background='#F7FAFC'\" onmouseout=\"this.style.background='white'\">\r\n                        <td style=\"padding:16px 20px;border-bottom:1px solid #E2E8F0;\">\r\n                            <div style=\"display:flex;align-items:center;\">\r\n                                <div style=\"width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg, #4FD1C5 0%, #319795 100%);display:flex;align-items:center;justify-content:center;margin-right:15px;color:white;font-weight:bold;font-size:18px;\">\r\n                                    S                                <\/div>\r\n                                <div>\r\n                                    <div style=\"color:#2D3748;font-weight:500;font-size:16px;\">Suwarno<\/div>\r\n                                    <div style=\"color:#718096;font-size:14px;margin-top:4px;\">Donatur Umum<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/td>\r\n                        <td style=\"padding:16px 20px;text-align:right;border-bottom:1px solid #E2E8F0;\">\r\n                            <span style=\"color:#319795;font-weight:bold;font-size:16px;background:#F0FFF4;padding:8px 16px;border-radius:20px;display:inline-block;\">\r\n                                Rp500.000                            <\/span>\r\n                        <\/td>\r\n                        <td style=\"padding:16px 20px;text-align:center;border-bottom:1px solid #E2E8F0;color:#718096;\">\r\n                            02 Sep 2025                        <\/td>\r\n                    <\/tr>\r\n                                                <\/tbody>\r\n        <\/table>\r\n    <\/div>\r\n<\/div>\r\n\r\n<div id=\"kabar\" class=\"tab-content\" style=\"display:none;background:white;padding:35px;border-radius:0 0 16px 16px;box-shadow:0 10px 30px rgba(0,0,0,0.08);margin-bottom:30px;\">\r\n    <h3 style=\"margin-top:0;color:#2D3748;padding-bottom:20px;border-bottom:2px solid #E2E8F0;font-size:24px;display:flex;align-items:center;\">\r\n        <svg style=\"width:28px;height:28px;margin-right:12px;color:#4FD1C5;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 20H5a2 2 0 01-2-2V6a2 2 0 012-2h10a2 2 0 012 2v1m2 13a2 2 0 01-2-2V7m2 13a2 2 0 002-2V9a2 2 0 00-2-2h-2m-4-3H9M7 16h6M7 8h6v4H7V8z\"><\/path>\r\n        <\/svg>\r\n        Kabar Terbaru\r\n    <\/h3>\r\n            <div style=\"text-align:center;padding:40px;color:#718096;font-style:italic;background:#F7FAFC;border-radius:16px;\">\r\n            <svg style=\"width:60px;height:60px;margin-bottom:20px;color:#CBD5E0;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\r\n            <\/svg>\r\n            <p style=\"margin:0;font-size:18px;\">Belum ada kabar terbaru. Silakan kunjungi kembali nanti.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\n\/\/ Fungsi untuk tab\r\nfunction openTab(evt, tabName) {\r\n    var i, tabcontent, tabbuttons;\r\n    tabcontent = document.getElementsByClassName(\"tab-content\");\r\n    for (i = 0; i < tabcontent.length; i++) {\r\n        tabcontent[i].style.display = \"none\";\r\n    }\r\n    tabbuttons = document.getElementsByClassName(\"tab-button\");\r\n    for (i = 0; i < tabbuttons.length; i++) {\r\n        tabbuttons[i].style.background = \"#F7FAFC\";\r\n        tabbuttons[i].style.color = \"#4A5568\";\r\n    }\r\n    document.getElementById(tabName).style.display = \"block\";\r\n    evt.currentTarget.style.background = \"linear-gradient(135deg, #4FD1C5 0%, #319795 100%)\";\r\n    evt.currentTarget.style.color = \"white\";\r\n}\r\n\r\n\/\/ Fungsi untuk tombol Baca Selengkapnya\r\ndocument.addEventListener('click', function(e) {\r\n    if (e.target && e.target.classList.contains('baca-selengkapnya')) {\r\n        var teksLengkap = e.target.nextElementSibling;\r\n        var preview = e.target.previousElementSibling;\r\n        var button = e.target;\r\n        \r\n        if (teksLengkap.style.display === 'none') {\r\n            teksLengkap.style.display = 'block';\r\n            preview.style.display = 'none';\r\n            button.textContent = 'Tutup';\r\n        } else {\r\n            teksLengkap.style.display = 'none';\r\n            preview.style.display = 'block';\r\n            button.textContent = 'Baca Selengkapnya';\r\n        }\r\n    }\r\n});\r\n\r\n<\/script>\r\n\r\n<!-- Form Donasi (hidden by default) -->\r\n<div id=\"formDonasi\" style=\"display:none;margin-top:40px;padding:40px;background:white;border-radius:20px;box-shadow:0 15px 35px rgba(0,0,0,0.1);\">\r\n    <h3 style=\"margin-top:0;color:#2D3748;padding-bottom:20px;border-bottom:2px solid #E2E8F0;display:flex;align-items:center;font-size:24px;\">\r\n        <svg style=\"width:30px;height:30px;margin-right:12px;color:#4FD1C5;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z\"><\/path>\r\n        <\/svg>\r\n        Formulir Donasi\r\n    <\/h3>\r\n    <form id=\"donasiForm\" method=\"post\">\r\n        <input type=\"hidden\" name=\"donasi_nonce\" value=\"d01c8ecd0d\">\r\n        <input type=\"hidden\" id=\"campaign_id\" name=\"campaign_id\" value=\"2\">\r\n        \r\n        <div style=\"display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:25px;margin-bottom:25px;\">\r\n            <div>\r\n                <label style=\"display:block;margin-bottom:12px;font-weight:bold;color:#2D3748;font-size:16px;\">Nama Lengkap *<\/label>\r\n                <input type=\"text\" name=\"nama_donatur\" required style=\"width:100%;padding:16px;border:2px solid #E2E8F0;border-radius:12px;box-sizing:border-box;transition:all 0.3s;font-size:16px;color:#2D3748;\" onfocus=\"this.style.borderColor='#4FD1C5'; this.style.boxShadow='0 0 0 3px rgba(79, 209, 197, 0.2)'\" onblur=\"this.style.borderColor='#E2E8F0'; this.style.boxShadow='none'\">\r\n            <\/div>\r\n            <div>\r\n                <label style=\"display:block;margin-bottom:12px;font-weight:bold;color:#2D3748;font-size:16px;\">Email (Opsional)<\/label>\r\n                <input type=\"email\" name=\"email_donatur\" style=\"width:100%;padding:16px;border:2px solid #E2E8F0;border-radius:12px;box-sizing:border-box;transition:all 0.3s;font-size:16px;color:#2D3748;\" onfocus=\"this.style.borderColor='#4FD1C5'; this.style.boxShadow='0 0 0 3px rgba(79, 209, 197, 0.2)'\" onblur=\"this.style.borderColor='#E2E8F0'; this.style.boxShadow='none'\">\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div style=\"display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:25px;margin-bottom:25px;\">\r\n            <div>\r\n                <label style=\"display:block;margin-bottom:12px;font-weight:bold;color:#2D3748;font-size:16px;\">Nomor WhatsApp *<\/label>\r\n                <input type=\"text\" name=\"whatsapp_donatur\" placeholder=\"6281234567890\" required style=\"width:100%;padding:16px;border:2px solid #E2E8F0;border-radius:12px;box-sizing:border-box;transition:all 0.3s;font-size:16px;color:#2D3748;\" onfocus=\"this.style.borderColor='#4FD1C5'; this.style.boxShadow='0 0 0 3px rgba(79, 209, 197, 0.2)'\" onblur=\"this.style.borderColor='#E2E8F0'; this.style.boxShadow='none'\">\r\n            <\/div>\r\n            <div>\r\n                <label style=\"display:block;margin-bottom:12px;font-weight:bold;color:#2D3748;font-size:16px;\">Nominal Donasi (Rp) *<\/label>\r\n                <input type=\"number\" name=\"nominal_donatur\" id=\"formNominal\" min=\"10000\" required style=\"width:100%;padding:16px;border:2px solid #E2E8F0;border-radius:12px;box-sizing:border-box;transition:all 0.3s;font-size:16px;color:#2D3748;\" onfocus=\"this.style.borderColor='#4FD1C5'; this.style.boxShadow='0 0 0 3px rgba(79, 209, 197, 0.2)'\" onblur=\"this.style.borderColor='#E2E8F0'; this.style.boxShadow='none'\">\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div style=\"margin-bottom:25px;\">\r\n            <label style=\"display:block;margin-bottom:12px;font-weight:bold;color:#2D3748;font-size:16px;\">Metode Pembayaran *<\/label>\r\n            <select name=\"metode_donatur\" id=\"metodePembayaran\" style=\"width:100%;padding:16px;border:2px solid #E2E8F0;border-radius:12px;box-sizing:border-box;background:white;transition:all 0.3s;font-size:16px;color:#2D3748;appearance:none;background-image:url('data:image\/svg+xml;utf8,<svg fill=\\\"%234A5568\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" width=\\\"24\\\" xmlns=\\\"http:\/\/www.w3.org\/2000\/svg\\\"><path d=\\\"M7 10l5 5 5-5z\\\"\/><\/svg>');background-repeat:no-repeat;background-position:right 16px center;background-size:20px;\" onchange=\"toggleBankSelection()\" required onfocus=\"this.style.borderColor='#4FD1C5'; this.style.boxShadow='0 0 0 3px rgba(79, 209, 197, 0.2)'\" onblur=\"this.style.borderColor='#E2E8F0'; this.style.boxShadow='none'\">\r\n                <option value=\"\">Pilih Metode<\/option>\r\n                <option value=\"Bank Transfer\">Bank Transfer<\/option>\r\n                <option value=\"DANA\">DANA<\/option>\r\n                <option value=\"ShopeePay\">ShopeePay<\/option>\r\n                            <\/select>\r\n        <\/div>\r\n        \r\n        <div id=\"bankSelection\" style=\"margin-bottom:25px;display:none;\">\r\n            <label style=\"display:block;margin-bottom:12px;font-weight:bold;color:#2D3748;font-size:16px;\">Pilih Bank Tujuan<\/label>\r\n            <select name=\"bank_donatur\" style=\"width:100%;padding:16px;border:2px solid #E2E8F0;border-radius:12px;box-sizing:border-box;background:white;transition:all 0.3s;font-size:16px;color:#2D3748;appearance:none;background-image:url('data:image\/svg+xml;utf8,<svg fill=\\\"%234A5568\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" width=\\\"24\\\" xmlns=\\\"http:\/\/www.w3.org\/2000\/svg\\\"><path d=\\\"M7 10l5 5 5-5z\\\"\/><\/svg>');background-repeat:no-repeat;background-position:right 16px center;background-size:20px;\" onfocus=\"this.style.borderColor='#4FD1C5'; this.style.boxShadow='0 0 0 3px rgba(79, 209, 197, 0.2)'\" onblur=\"this.style.borderColor='#E2E8F0'; this.style.boxShadow='none'\">\r\n                                                        <option value=\"2\">DANA - 62811529568 (Mnur Kholis)<\/option>\r\n                                                <\/select>\r\n        <\/div>\r\n        \r\n        <div style=\"margin-bottom:30px;\">\r\n            <label style=\"display:block;margin-bottom:12px;font-weight:bold;color:#2D3748;font-size:16px;\">Catatan (Opsional)<\/label>\r\n            <textarea name=\"catatan_donatur\" style=\"width:100%;padding:16px;border:2px solid #E2E8F0;border-radius:12px;box-sizing:border-box;height:120px;transition:all 0.3s;resize:vertical;font-size:16px;color:#2D3748;\" onfocus=\"this.style.borderColor='#4FD1C5'; this.style.boxShadow='0 0 0 3px rgba(79, 209, 197, 0.2)'\" onblur=\"this.style.borderColor='#E2E8F0'; this.style.boxShadow='none'\"><\/textarea>\r\n        <\/div>\r\n        \r\n        <button type=\"button\" onclick=\"prosesDonasi()\" style=\"padding:18px 40px;background:linear-gradient(135deg, #4FD1C5 0%, #319795 100%);color:white;border:none;border-radius:12px;cursor:pointer;font-size:18px;font-weight:bold;box-shadow:0 8px 15px rgba(79, 209, 197, 0.4);transition:all 0.3s;width:100%;\" onmouseover=\"this.style.transform='translateY(-3px)';this.style.boxShadow='0 12px 20px rgba(79, 209, 197, 0.5)'\" onmouseout=\"this.style.transform='translateY(0)';this.style.boxShadow='0 8px 15px rgba(79, 209, 197, 0.4)'\">Lanjutkan Pembayaran<\/button>\r\n    <\/form>\r\n<\/div>\r\n\r\n<!-- Rekening (hidden by default) -->\r\n<div id=\"rekening\" style=\"margin-top:40px;display:none;padding:40px;background:linear-gradient(135deg, #F7FAFC 0%, #EDF2F7 100%);border-radius:20px;box-shadow:0 15px 35px rgba(0,0,0,0.1);\">\r\n    <h3 style=\"margin-top:0;color:#2D3748;padding-bottom:20px;border-bottom:2px solid rgba(79, 209, 197, 0.3);display:flex;align-items:center;font-size:24px;\">\r\n        <svg style=\"width:30px;height:30px;margin-right:12px;color:#4FD1C5;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z\"><\/path>\r\n        <\/svg>\r\n        Nomor Rekening Donasi\r\n    <\/h3>\r\n\r\n            <div style=\"display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:25px;margin:25px 0;\">\r\n                        <div style=\"background:white;padding:25px;border-radius:16px;box-shadow:0 5px 15px rgba(0,0,0,0.05);border-left:4px solid #4FD1C5;\">\r\n                <h4 style=\"margin:0 0 20px;color:#2D3748;font-size:18px;display:flex;align-items:center;\">\r\n                    <svg style=\"width:22px;height:22px;margin-right:12px;color:#4FD1C5;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\"><\/path>\r\n                    <\/svg>\r\n                    DANA                <\/h4>\r\n                <div style=\"background:#F0FFF4;padding:20px;border-radius:12px;margin-bottom:15px;border:1px solid #C6F6D5;\">\r\n                    <p style=\"margin:0;font-size:20px;font-weight:bold;color:#319795;letter-spacing:1px;text-align:center;\">\r\n                        62811529568                    <\/p>\r\n                <\/div>\r\n                <p style=\"margin:0;color:#718096;font-size:16px;text-align:center;\">a.n Mnur Kholis<\/p>\r\n            <\/div>\r\n                    <\/div>\r\n        \r\n            <p style=\"color:#4A5568;text-align:center;margin:30px 0 25px;font-size:18px;font-weight:500;\">\r\n            Silahkan lakukan pembayaran dan konfirmasi melalui WhatsApp admin kami.\r\n        <\/p>\r\n        \r\n        <!-- Container untuk tombol-tombol yang dipusatkan -->\r\n        <div style=\"display:flex;flex-direction:column;align-items:center;gap:15px;max-width:400px;margin:0 auto;\">\r\n            <button type=\"button\" onclick=\"prosesInvoice()\" \r\n                style=\"padding:18px 40px;background:linear-gradient(135deg,#805AD5 0%,#6B46C1 100%);color:white;border:none;border-radius:12px;cursor:pointer;font-size:18px;font-weight:bold;box-shadow:0 8px 15px rgba(128,90,213,0.4);transition:all 0.3s;width:100%;position:relative;\"\r\n                onmouseover=\"this.style.transform='translateY(-3px)';this.style.boxShadow='0 12px 20px rgba(128,90,213,0.5)'\" \r\n                onmouseout=\"this.style.transform='translateY(0)';this.style.boxShadow='0 8px 15px rgba(128,90,213,0.4)'\"\r\n                id=\"btnProsesInvoice\">\r\n                <span id=\"btnProsesInvoiceText\">Proses Pembayaran<\/span>\r\n                <div id=\"btnProsesInvoiceLoading\" style=\"display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);\">\r\n                    <div style=\"width:24px;height:24px;border:2px solid rgba(255,255,255,0.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite;\"><\/div>\r\n                <\/div>\r\n            <\/button>\r\n            \r\n            <a href=\"https:\/\/wa.me\/62811529568?text=Halo,%20saya%20telah%20melakukan%20donasi%20dan%20ingin%20konfirmasi\" \r\n               target=\"_blank\" \r\n               style=\"display:inline-flex;align-items:center;justify-content:center;padding:18px 35px;background:linear-gradient(135deg, #25D366 0%, #128C7E 100%);color:white;text-decoration:none;border-radius:12px;font-weight:bold;font-size:18px;box-shadow:0 8px 15px rgba(37, 211, 102, 0.4);transition:all 0.3s;width:100%;text-align:center;\" \r\n               onmouseover=\"this.style.transform='translateY(-3px)';this.style.boxShadow='0 12px 20px rgba(37, 211, 102, 0.5)'\" \r\n               onmouseout=\"this.style.transform='translateY(0)';this.style.boxShadow='0 8px 15px rgba(37, 211, 102, 0.4)'\">\r\n                <svg style=\"width:28px;height:28px;margin-right:12px;\" fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                    <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893A11.821 11.821 0 0020.864 3.488\"\/>\r\n                <\/svg>\r\n                Konfirmasi via WhatsApp\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n\r\n<!-- Payment Gateway (hidden by default) -->\r\n<div id=\"paymentGateway\" style=\"margin-top:40px;display:none;padding:40px;background:linear-gradient(135deg, #F7FAFC 0%, #EDF2F7 100%);border-radius:20px;box-shadow:0 15px 35px rgba(0,0,0,0.1);\">\r\n    <h3 style=\"margin-top:0;color:#2D3748;padding-bottom:20px;border-bottom:2px solid rgba(79, 209, 197, 0.3);display:flex;align-items:center;font-size:24px;\">\r\n        <svg style=\"width:30px;height:30px;margin-right:12px;color:#4FD1C5;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z\"><\/path>\r\n        <\/svg>\r\n        Pembayaran Online\r\n    <\/h3>\r\n    <p style=\"color:#4A5568;text-align:center;margin-bottom:30px;font-size:18px;padding:20px;background:white;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.05);\">Anda akan diarahkan ke halaman pembayaran setelah mengisi formulir.<\/p>\r\n    \r\n    <div id=\"paymentLoading\" style=\"display:none;text-align:center;padding:40px;\">\r\n        <div style=\"display:inline-block;width:60px;height:60px;border:4px solid #E2E8F0;border-top:4px solid #4FD1C5;border-radius:50%;animation:spin 1s linear infinite;\"><\/div>\r\n        <p style=\"margin-top:20px;color:#718096;font-size:18px;\">Mempersiapkan pembayaran...<\/p>\r\n    <\/div>\r\n    \r\n    <div id=\"paymentButtons\" style=\"display:flex;justify-content:center;gap:20px;\">\r\n        <button onclick=\"submitPayment()\" style=\"padding:18px 35px;background:linear-gradient(135deg, #4FD1C5 0%, #319795 100%);color:white;border:none;border-radius:12px;cursor:pointer;font-weight:bold;font-size:18px;box-shadow:0 8px 15px rgba(79, 209, 197, 0.4);transition:all 0.3s;\" onmouseover=\"this.style.transform='translateY(-3px)';this.style.boxShadow='0 12px 20px rgba(79, 209, 197, 0.5)'\" onmouseout=\"this.style.transform='translateY(0)';this.style.boxShadow='0 8px 15px rgba(79, 209, 197, 0.4)'\">Proses Pembayaran<\/button>\r\n        <button onclick=\"cancelPayment()\" style=\"padding:18px 35px;background:#F7FAFC;color:#718096;border:2px solid #E2E8F0;border-radius:12px;cursor:pointer;font-weight:bold;font-size:18px;transition:all 0.3s;\" onmouseover=\"this.style.background='#EDF2F7'; this.style.transform='translateY(-3px)'\" onmouseout=\"this.style.background='#F7FAFC'; this.style.transform='translateY(0)'\">Batal<\/button>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- Payment Success Modal -->\r\n<div id=\"paymentSuccess\" style=\"display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:9999;backdrop-filter:blur(8px);\">\r\n    <div style=\"position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:white;padding:50px;border-radius:20px;text-align:center;max-width:500px;width:90%;box-shadow:0 20px 40px rgba(0,0,0,0.2);\">\r\n        <div style=\"width:100px;height:100px;background:#E6FFFA;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;\">\r\n            <svg style=\"width:50px;height:50px;color:#319795;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path>\r\n            <\/svg>\r\n        <\/div>\r\n        <h3 style=\"margin-bottom:20px;color:#2D3748;font-size:28px;\">Pembayaran Berhasil!<\/h3>\r\n        <p style=\"color:#718096;line-height:1.6;margin-bottom:30px;font-size:18px;\">Terima kasih telah berdonasi. Donasi Anda sedang diproses.<\/p>\r\n        <button onclick=\"closeSuccessModal()\" style=\"padding:16px 35px;background:linear-gradient(135deg, #4FD1C5 0%, #319795 100%);color:white;border:none;border-radius:12px;cursor:pointer;font-weight:bold;font-size:18px;box-shadow:0 8px 15px rgba(79, 209, 197, 0.4);transition:all 0.3s;\" onmouseover=\"this.style.transform='translateY(-3px)';this.style.boxShadow='0 12px 20px rgba(79, 209, 197, 0.5)'\" onmouseout=\"this.style.transform='translateY(0)';this.style.boxShadow='0 8px 15px rgba(79, 209, 197, 0.4)'\">Tutup<\/button>\r\n    <\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ JavaScript functions\r\nfunction changeCampaign(campaignId) {\r\n    window.location.href = window.location.pathname + '?campaign=' + campaignId;\r\n}\r\n\r\nfunction openTab(evt, tabName) {\r\n    var i, tabcontent, tabbuttons;\r\n    \r\n    tabcontent = document.getElementsByClassName(\"tab-content\");\r\n    for (i = 0; i < tabcontent.length; i++) {\r\n        tabcontent[i].style.display = \"none\";\r\n    }\r\n    \r\n    tabbuttons = document.getElementsByClassName(\"tab-button\");\r\n    for (i = 0; i < tabbuttons.length; i++) {\r\n        tabbuttons[i].className = tabbuttons[i].className.replace(\" active\", \"\");\r\n        tabbuttons[i].style.background = \"#F7FAFC\";\r\n        tabbuttons[i].style.color = \"#4A5568\";\r\n    }\r\n    \r\n    document.getElementById(tabName).style.display = \"block\";\r\n    evt.currentTarget.className += \" active\";\r\n    evt.currentTarget.style.background = \"linear-gradient(135deg, #4FD1C5 0%, #319795 100%)\";\r\n    evt.currentTarget.style.color = \"white\";\r\n}\r\n\r\nfunction pilihNominal(nominal){\r\n    document.getElementById('manualNominal').value = nominal;\r\n    document.getElementById('formNominal').value = nominal;\r\n}\r\n\r\nfunction tampilkanFormDonasi() {\r\n    var nominal = document.getElementById('manualNominal').value;\r\n    if (!nominal || nominal < 10000) {\r\n        alert('Masukkan nominal minimal Rp10.000');\r\n        return;\r\n    }\r\n    document.getElementById('formNominal').value = nominal;\r\n    document.getElementById('formDonasi').style.display = 'block';\r\n    window.scrollTo({\r\n        top: document.getElementById('formDonasi').offsetTop - 50,\r\n        behavior: 'smooth'\r\n    });\r\n}\r\n\r\nfunction toggleBankSelection() {\r\n    var metode = document.getElementById('metodePembayaran').value;\r\n    var bankSelection = document.getElementById('bankSelection');\r\n    \r\n    if (metode === 'Bank Transfer') {\r\n        bankSelection.style.display = 'block';\r\n    } else {\r\n        bankSelection.style.display = 'none';\r\n    }\r\n}\r\n\r\nfunction prosesDonasi() {\r\n    var form = document.getElementById('donasiForm');\r\n    var isValid = true;\r\n    \r\n    for (var i = 0; i < form.elements.length; i++) {\r\n        if (form.elements[i].hasAttribute('required') && !form.elements[i].value) {\r\n            isValid = false;\r\n            form.elements[i].style.borderColor = 'red';\r\n        } else {\r\n            form.elements[i].style.borderColor = '';\r\n        }\r\n    }\r\n    \r\n    if (isValid) {\r\n        var metode = document.getElementById('metodePembayaran').value;\r\n        \r\n        if (metode === 'Bank Transfer' || metode === 'DANA' || metode === 'ShopeePay') {\r\n            document.getElementById('rekening').style.display = 'block';\r\n            document.getElementById('paymentGateway').style.display = 'none';\r\n        } else if (metode === 'Payment Gateway') {\r\n            document.getElementById('paymentGateway').style.display = 'block';\r\n            document.getElementById('rekening').style.display = 'none';\r\n        }\r\n        \r\n        window.scrollTo({\r\n            top: document.getElementById('rekening').offsetTop - 50,\r\n            behavior: 'smooth'\r\n        });\r\n    } else {\r\n        alert('Silahkan lengkapi semua field yang wajib diisi!');\r\n    }\r\n}\r\n\r\nfunction submitPayment() {\r\n    document.getElementById('paymentLoading').style.display = 'block';\r\n    document.getElementById('paymentButtons').style.display = 'none';\r\n    \r\n    var formData = new FormData(document.getElementById('donasiForm'));\r\n    \r\n    fetch('https:\/\/donasi.syifaulqulub.web.id\/wp-admin\/admin-ajax.php', {\r\n        method: 'POST',\r\n        body: formData\r\n    })\r\n    .then(response => response.json())\r\n    .then(data => {\r\n        if (data.success) {\r\n            if (data.redirect_url) {\r\n                window.location.href = data.redirect_url;\r\n            } else {\r\n                document.getElementById('paymentSuccess').style.display = 'block';\r\n                document.getElementById('paymentGateway').style.display = 'none';\r\n                document.getElementById('formDonasi').style.display = 'none';\r\n            }\r\n        } else {\r\n            alert('Error: ' + data.message);\r\n            document.getElementById('paymentLoading').style.display = 'none';\r\n            document.getElementById('paymentButtons').style.display = 'block';\r\n        }\r\n    })\r\n    .catch(error => {\r\n        alert('Terjadi kesalahan: ' + error);\r\n        document.getElementById('paymentLoading').style.display = 'none';\r\n        document.getElementById('paymentButtons').style.display = 'block';\r\n    });\r\n}\r\n\r\nfunction cancelPayment() {\r\n    document.getElementById('paymentGateway').style.display = 'none';\r\n}\r\n\r\nfunction closeSuccessModal() {\r\n    document.getElementById('paymentSuccess').style.display = 'none';\r\n}\r\n\r\n\/\/ Animate progress bar on page load\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const progressBar = document.querySelector('.progress-bar-animated');\r\n    if (progressBar) {\r\n        \/\/ Reset width to 0 for animation\r\n        const targetWidth = progressBar.style.width;\r\n        progressBar.style.width = '0%';\r\n        \r\n        \/\/ Animate to target width\r\n        setTimeout(() => {\r\n            progressBar.style.width = targetWidth;\r\n        }, 300);\r\n    }\r\n});\r\n\r\nfunction prosesInvoice() {\r\n    var formData = new FormData(document.getElementById('donasiForm'));\r\n\r\n    fetch('https:\/\/donasi.syifaulqulub.web.id\/wp-admin\/admin-ajax.php?action=wp_donasi_proses', {\r\n        method: 'POST',\r\n        body: formData\r\n    })\r\n    .then(res => res.json())\r\n    .then(data => {\r\n        if (data.success) {\r\n            window.location.href = data.data.redirect_url;\r\n        } else {\r\n            alert('Error: ' + data.data.message);\r\n        }\r\n    })\r\n    .catch(err => {\r\n        alert('Terjadi kesalahan: ' + err);\r\n    });\r\n}\r\n\r\n\/\/ Fungsi untuk menampilkan loading pada tombol Proses Invoice\r\nfunction showLoading(buttonId) {\r\n    const btn = document.getElementById(buttonId);\r\n    if (btn) {\r\n        const textSpan = btn.querySelector('span');\r\n        const loadingDiv = btn.querySelector('div');\r\n        if (textSpan) textSpan.style.visibility = 'hidden';\r\n        if (loadingDiv) loadingDiv.style.display = 'block';\r\n        btn.disabled = true;\r\n        btn.style.opacity = '0.8';\r\n        btn.style.cursor = 'not-allowed';\r\n    }\r\n}\r\n\r\n\/\/ Fungsi untuk menyembunyikan loading\r\nfunction hideLoading(buttonId) {\r\n    const btn = document.getElementById(buttonId);\r\n    if (btn) {\r\n        const textSpan = btn.querySelector('span');\r\n        const loadingDiv = btn.querySelector('div');\r\n        if (textSpan) textSpan.style.visibility = 'visible';\r\n        if (loadingDiv) loadingDiv.style.display = 'none';\r\n        btn.disabled = false;\r\n        btn.style.opacity = '1';\r\n        btn.style.cursor = 'pointer';\r\n    }\r\n}\r\n\r\n\/\/ Fungsi untuk menampilkan loading global\r\nfunction showGlobalLoading() {\r\n    const globalLoading = document.getElementById('globalLoading');\r\n    if (globalLoading) {\r\n        globalLoading.style.display = 'block';\r\n        document.body.style.overflow = 'hidden';\r\n    }\r\n}\r\n\r\n\/\/ Fungsi untuk menyembunyikan loading global\r\nfunction hideGlobalLoading() {\r\n    const globalLoading = document.getElementById('globalLoading');\r\n    if (globalLoading) {\r\n        globalLoading.style.display = 'none';\r\n        document.body.style.overflow = 'auto';\r\n    }\r\n}\r\n\r\n\/\/ Fungsi prosesInvoice dengan loading\r\nfunction prosesInvoice() {\r\n    \/\/ Tampilkan loading di tombol\r\n    showLoading('btnProsesInvoice');\r\n    \/\/ Tampilkan loading global\r\n    showGlobalLoading();\r\n    \r\n    var formData = new FormData(document.getElementById('donasiForm'));\r\n\r\n    \/\/ Tambahkan timeout untuk request\r\n    const controller = new AbortController();\r\n    const timeoutId = setTimeout(() => controller.abort(), 30000); \/\/ Timeout 30 detik\r\n\r\n    fetch('https:\/\/donasi.syifaulqulub.web.id\/wp-admin\/admin-ajax.php?action=wp_donasi_proses', {\r\n        method: 'POST',\r\n        body: formData,\r\n        signal: controller.signal\r\n    })\r\n    .then(response => {\r\n        if (!response.ok) {\r\n            throw new Error('Network response was not ok');\r\n        }\r\n        return response.json();\r\n    })\r\n    .then(data => {\r\n        clearTimeout(timeoutId);\r\n        \r\n        if (data.success) {\r\n            window.location.href = data.data.redirect_url;\r\n        } else {\r\n            alert('Error: ' + data.data.message);\r\n        }\r\n    })\r\n    .catch(err => {\r\n        clearTimeout(timeoutId);\r\n        \r\n        if (err.name === 'AbortError') {\r\n            alert('Permintaan timeout. Silakan coba lagi.');\r\n        } else {\r\n            alert('Terjadi kesalahan: ' + err.message);\r\n        }\r\n    })\r\n    .finally(() => {\r\n        hideLoading('btnProsesInvoice');\r\n        hideGlobalLoading();\r\n    });\r\n}\r\n\r\n\/\/ Pastikan style untuk animasi loading ada\r\ndocument.head.innerHTML += '<style>@keyframes spin {0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}<\/style>';\r\n<\/script>\r\n\r\n<style>\r\n.tab-button {\r\n    background-color: inherit;\r\n    border: none;\r\n    outline: none;\r\n    cursor: pointer;\r\n    padding: 20px;\r\n    transition: all 0.3s ease;\r\n    font-size: 16px;\r\n}\r\n\r\n.tab-button:hover {\r\n    background-color: #E6FFFA !important;\r\n    color: #319795 !important;\r\n}\r\n\r\n.tab-button.active {\r\n    background: linear-gradient(135deg, #4FD1C5 0%, #319795 100%) !important;\r\n    color: white !important;\r\n}\r\n\r\n\/* Modern Progress Bar Styles *\/\r\n.progress-container {\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.progress-bar-animated {\r\n    transition: width 1.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n    position: relative;\r\n}\r\n\r\n.progress-bar-animated::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    bottom: 0;\r\n    right: 0;\r\n    background-image: linear-gradient(\r\n        -45deg,\r\n        rgba(255, 255, 255, 0.2) 25%,\r\n        transparent 25%,\r\n        transparent 50%,\r\n        rgba(255, 255, 255, 0.2) 50%,\r\n        rgba(255, 255, 255, 0.2) 75%,\r\n        transparent 75%,\r\n        transparent\r\n    );\r\n    z-index: 1;\r\n    background-size: 20px 20px;\r\n    animation: move 2s linear infinite;\r\n    border-radius: 14px;\r\n}\r\n\r\n@keyframes move {\r\n    0% {\r\n        background-position: 0 0;\r\n    }\r\n    100% {\r\n        background-position: 20px 20px;\r\n    }\r\n}\r\n\r\n\/* Responsive adjustments *\/\r\n@media (max-width: 768px) {\r\n    .donasi-tabs {\r\n        flex-direction: column;\r\n    }\r\n    \r\n    .tab-button {\r\n        width: 100%;\r\n        text-align: center;\r\n    }\r\n    \r\n    #paymentButtons {\r\n        flex-direction: column;\r\n    }\r\n}\r\n<\/style>\r\n\n\r\n\r\n\r\n<p><\/p>\r\n<p>Ayo Bantu Wujudkan Madrasah Impian Para Santri!<\/p>\r\n<p>\r\n\r\n<\/p>\r\n<p><strong>Bismillahirrahmanirrahim<\/strong><\/p>\r\n<p>\r\n\r\n<\/p>\r\n<p><strong>Assalamu\u2019alaikum Warahmatullahi Wabarakatuh<\/strong> \ud83c\udf38<\/p>\r\n<p>\r\n\r\n<\/p>\r\n<p>Halo <em>#OrangBaik<\/em> \ud83e\udd32<br \/>Semoga kita semua senantiasa berada dalam lindungan Allah SWT, diberi kesehatan, keberkahan rezeki, dan kemudahan dalam setiap urusan dunia serta akhirat. <em>Aamiin ya Rabbal \u2018alamin.<\/em><\/p>\r\n<p><\/p>\r\n<p><strong>Madrasah Kami Sudah Berdiri, Tapi Masih Kosong\u2026<\/strong><\/p>\r\n<p><\/p>\r\n<p>Pondok Pesantren <strong>PP SYIFA&#8217;UL QULUB<\/strong> yang berlokasi di <strong>DSN Krajan RT 05 RW 02, Margorejo, Parengan, Tuban, Jawa Timur<\/strong>, tengah mempersiapkan <em>Madrasah<\/em> sebagai pusat belajar para santri.<\/p>\r\n<p>\r\n\r\n<\/p>\r\n<p>Alhamdulillah, dindingnya sudah tegak, atapnya sudah melindungi, dan ruangan-ruangan sudah terbentuk. Namun\u2026 ada satu hal yang membuat hati ini terenyuh \u2014 <strong>madrasah ini masih kosong tanpa perlengkapan belajar<\/strong>.<\/p>\r\n<p>\r\n\r\n<\/p>\r\n<p>Bayangkan, ruang-ruang kelas yang semestinya riuh oleh suara para santri membaca Al-Qur\u2019an dan berdiskusi ilmu agama, kini masih hening menunggu kursi, meja, dan peralatan lainnya.<\/p>\r\n<p><\/p>\r\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"size-medium wp-image-4686 aligncenter\" src=\"https:\/\/donasi.syifaulqulub.web.id\/wp-content\/uploads\/2025\/09\/20250814_231742-300x185.jpg\" alt=\"\" width=\"300\" height=\"185\" srcset=\"https:\/\/donasi.syifaulqulub.web.id\/wp-content\/uploads\/2025\/09\/20250814_231742-300x185.jpg 300w, https:\/\/donasi.syifaulqulub.web.id\/wp-content\/uploads\/2025\/09\/20250814_231742.jpg 680w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\r\n<p><strong>Yang Sangat Dibutuhkan Saat Ini<\/strong> \ud83d\udccb<\/p>\r\n<p>\u2705 Kursi &amp; meja belajar untuk para santri<br \/>\u2705 Meja guru di setiap kelas<br \/>\u2705 Lemari penyimpanan buku &amp; perlengkapan sekolah<br \/>\u2705 Peralatan kantor madrasah<br \/>\u2705 Pembangunan Dan Perlengkapan musholla untuk ibadah para santri<\/p>\r\n<p><strong>Mengapa Bantuan Anda Begitu Berarti?<\/strong><\/p>\r\n<p><\/p>\r\n<p>Setiap kursi yang Anda donasikan akan menjadi <strong>tempat duduk generasi Qur\u2019ani<\/strong>.<br \/>Setiap meja yang Anda bantu sediakan akan menjadi <strong>tempat lahirnya ide-ide mulia<\/strong>.<br \/>Dan setiap lemari yang Anda belikan akan menyimpan <strong>ilmu yang kelak mengalirkan pahala tanpa henti<\/strong>.<\/p>\r\n<p>\r\n\r\n<\/p>\r\n<p><em>&#8220;Barangsiapa menempuh jalan untuk mencari ilmu, Allah akan mudahkan baginya jalan menuju surga.&#8221;<\/em><br \/><em>(HR. Muslim)<\/em><\/p>\r\n<p><img decoding=\"async\" class=\"size-medium wp-image-4691 aligncenter\" src=\"https:\/\/donasi.syifaulqulub.web.id\/wp-content\/uploads\/2025\/09\/20250814_232121-300x185.jpg\" alt=\"\" width=\"300\" height=\"185\" srcset=\"https:\/\/donasi.syifaulqulub.web.id\/wp-content\/uploads\/2025\/09\/20250814_232121-300x185.jpg 300w, https:\/\/donasi.syifaulqulub.web.id\/wp-content\/uploads\/2025\/09\/20250814_232121.jpg 680w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\r\n<p><\/p>\r\n<p>\ud83d\udc8c <strong>Mari, isi ruang kosong ini dengan keberkahan.<\/strong><br \/>Bersama, kita wujudkan madrasah yang nyaman dan penuh manfaat untuk mencetak generasi penerus umat yang berilmu dan berakhlak mulia.<\/p>\r\n<p>\r\n\r\n<\/p>\r\n<p><strong>Jazakumullahu Khairan Katsiran<\/strong> atas setiap doa, bantuan, dan dukungan yang Anda berikan.<br \/>Semoga Allah membalasnya dengan pahala yang tak terputus hingga hari akhir.<\/p>\r\n<p>\r\n\r\n<\/p>\r\n<p><strong>Wassalamu\u2019alaikum Warahmatullahi Wabarakatuh<\/strong> \ud83c\udf3f<\/p>\r\n<p><\/p>\r\n<p>&nbsp;<\/p>\r\n","protected":false},"excerpt":{"rendered":"<p>\u00a0 Ayo Bantu Wujudkan Madrasah Impian Para Santri! Bismillahirrahmanirrahim Assalamu\u2019alaikum Warahmatullahi Wabarakatuh \ud83c\udf38 Halo #OrangBaik \ud83e\udd32Semoga kita semua senantiasa berada dalam lindungan Allah SWT, diberi kesehatan, keberkahan rezeki, dan kemudahan dalam setiap urusan dunia serta akhirat. Aamiin ya Rabbal \u2018alamin. Madrasah Kami Sudah Berdiri, Tapi Masih Kosong\u2026 Pondok Pesantren PP SYIFA&#8217;UL QULUB yang berlokasi di&#8230;<\/p>\n","protected":false},"author":1,"featured_media":4668,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"give_campaign_id":2,"footnotes":""},"class_list":["post-4670","page","type-page","status-publish","has-post-thumbnail","hentry","page--item"],"campaignId":"2","_links":{"self":[{"href":"https:\/\/donasi.syifaulqulub.web.id\/index.php\/wp-json\/wp\/v2\/pages\/4670","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/donasi.syifaulqulub.web.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/donasi.syifaulqulub.web.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/donasi.syifaulqulub.web.id\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/donasi.syifaulqulub.web.id\/index.php\/wp-json\/wp\/v2\/comments?post=4670"}],"version-history":[{"count":7,"href":"https:\/\/donasi.syifaulqulub.web.id\/index.php\/wp-json\/wp\/v2\/pages\/4670\/revisions"}],"predecessor-version":[{"id":4728,"href":"https:\/\/donasi.syifaulqulub.web.id\/index.php\/wp-json\/wp\/v2\/pages\/4670\/revisions\/4728"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/donasi.syifaulqulub.web.id\/index.php\/wp-json\/wp\/v2\/media\/4668"}],"wp:attachment":[{"href":"https:\/\/donasi.syifaulqulub.web.id\/index.php\/wp-json\/wp\/v2\/media?parent=4670"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}