{"id":5753,"date":"2025-09-22T07:37:32","date_gmt":"2025-09-22T07:37:32","guid":{"rendered":"https:\/\/torajamelo.digitechvault.com\/?page_id=5753"},"modified":"2025-09-29T09:18:29","modified_gmt":"2025-09-29T09:18:29","slug":"donations","status":"publish","type":"page","link":"https:\/\/torajamelo.digitechvault.com\/id\/donations\/","title":{"rendered":"Donations"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"5753\" class=\"elementor elementor-5753\">\n\t\t\t\t<div class=\"aux-parallax-section elementor-element elementor-element-11f0a97 e-flex e-con-boxed e-con e-parent\" data-id=\"11f0a97\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3089918 e-con-full e-flex e-con e-child\" data-id=\"3089918\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-5e21ea4 e-con-full e-flex e-con e-child\" data-id=\"5e21ea4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b4a5119 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"b4a5119\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">TAKE ACTIONS WITH A PURPOSE<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-27d0b06 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"27d0b06\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"tm-donate-card\" role=\"group\" aria-label=\"Donation\">\r\n  <h3>Choose a donation plan<\/h3>\r\n\r\n  <div class=\"tm-amounts\" aria-label=\"Amounts\">\r\n    <label><input type=\"radio\" name=\"tm_amount\" value=\"50000\" checked><span>Rp50.000<\/span><\/label>\r\n    <label><input type=\"radio\" name=\"tm_amount\" value=\"100000\"><span>Rp100.000<\/span><\/label>\r\n    <label><input type=\"radio\" name=\"tm_amount\" value=\"250000\"><span>Rp250.000<\/span><\/label>\r\n    <label><input type=\"radio\" name=\"tm_amount\" value=\"500000\"><span>Rp500.000<\/span><\/label>\r\n    <br><br><br>\r\n  <\/div>\r\n\r\n  <h3>Choose a donation frequency<\/h3>\r\n  <div class=\"tm-freq\" aria-label=\"Frequency\">\r\n    <label><input type=\"radio\" name=\"tm_freq\" value=\"monthly\" checked><span>Monthly<\/span><\/label>\r\n    <label><input type=\"radio\" name=\"tm_freq\" value=\"once\"><span>One time<\/span><\/label>\r\n  <\/div>\r\n<br>\r\n  <a id=\"tmCheckout\" class=\"tm-btn\" href=\"#\" rel=\"noopener\" target=\"_blank\">Donate<\/a>\r\n\r\n  <p class=\"tm-note\">\r\n    Prefer bank transfer or QRIS? <a href=\"#qris\">See options<\/a>\r\n  <\/p>\r\n<\/div>\r\n\r\n<style>\r\n  .tm-donate-card{\r\n    max-width:700px; background:rgba(256,255,255,.92);\r\n    backdrop-filter:saturate(120%) blur(12px);\r\n    border-radius:16px;padding:24px;box-shadow:0 12px 30px rgba(0,0,0,.18); width: 100%; padding: 40px;\r\n  }\r\n  .tm-donate-card h3{margin:0 0 12px;font-size:20px}\r\n  .tm-donate-card h4{margin:16px 0 8px;font-size:16px;color:#333}\r\n  .tm-amounts label,.tm-freq label{\r\n    display:flex; margin-bottom: 40px; align-items:center;gap:20pxpx; margin:16px 0;padding:12px 14px;\r\n    border:1px solid #ddd;border-radius:12px;cursor:pointer;user-select:none\r\n  }\r\n  .tm-amounts label:hover,.tm-freq label:hover{border-color:#bbb; padding: 14px 18px; display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  margin-bottom: 12px;   \/* spacing between options *\/\r\n  padding: 14px 18px;\r\n  border: 1px solid #ddd;\r\n  border-radius: 12px;}\r\n  .tm-amounts input,.tm-freq input{width:18px;height:18px;accent-color:#111}\r\n  .tm-btn{\r\n    display:block;text-align:center;margin-top:14px;padding:14px 18px;\r\n    border-radius:999px;background:#111;color:#fff;text-decoration:none;font-weight:700\r\n  }\r\n  .tm-btn:hover{filter:brightness(1.05)}\r\n  .tm-note{font-size:18px;color:#555;margin-top:10px}\r\n  .tm-amounts label:last-child {\r\n  margin-bottom: 0; \/* avoid double spacing at the very bottom *\/\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  \/\/ 1) Paste your hosted checkout links here\r\n  const LINKS = {\r\n    monthly: {\r\n      \"50000\":  \"https:\/\/your-link\/monthly-50000\",\r\n      \"100000\": \"https:\/\/your-link\/monthly-100000\",\r\n      \"250000\": \"https:\/\/your-link\/monthly-250000\",\r\n      \"500000\": \"https:\/\/your-link\/monthly-500000\"\r\n    },\r\n    once: {\r\n      \"50000\":  \"https:\/\/your-link\/once-50000\",\r\n      \"100000\": \"https:\/\/your-link\/once-100000\",\r\n      \"250000\": \"https:\/\/your-link\/once-250000\",\r\n      \"500000\": \"https:\/\/your-link\/once-500000\"\r\n    }\r\n  };\r\n\r\n  \/\/ 2) Update the Checkout link based on choices\r\n  const btn = document.getElementById('tmCheckout');\r\n  function updateLink(){\r\n    const amount = document.querySelector('input[name=\"tm_amount\"]:checked').value;\r\n    const freq   = document.querySelector('input[name=\"tm_freq\"]:checked').value;\r\n    btn.href = (LINKS[freq] && LINKS[freq][amount]) ? LINKS[freq][amount] : '#';\r\n  }\r\n  document.querySelectorAll('input[name=\"tm_amount\"], input[name=\"tm_freq\"]')\r\n    .forEach(el => el.addEventListener('change', updateLink));\r\n  updateLink();\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>TAKE ACTIONS WITH A PURPOSE Choose a donation plan Rp50.000 Rp100.000 Rp250.000 Rp500.000 Choose a donation frequency Monthly One time Donate Prefer bank transfer or QRIS? See options<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-5753","page","type-page","status-publish","hentry"],"blog_post_layout_featured_media_urls":{"thumbnail":"","full":""},"categories_names":null,"comments_number":"0","_links":{"self":[{"href":"https:\/\/torajamelo.digitechvault.com\/id\/wp-json\/wp\/v2\/pages\/5753","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/torajamelo.digitechvault.com\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/torajamelo.digitechvault.com\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/torajamelo.digitechvault.com\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/torajamelo.digitechvault.com\/id\/wp-json\/wp\/v2\/comments?post=5753"}],"version-history":[{"count":7,"href":"https:\/\/torajamelo.digitechvault.com\/id\/wp-json\/wp\/v2\/pages\/5753\/revisions"}],"predecessor-version":[{"id":6125,"href":"https:\/\/torajamelo.digitechvault.com\/id\/wp-json\/wp\/v2\/pages\/5753\/revisions\/6125"}],"wp:attachment":[{"href":"https:\/\/torajamelo.digitechvault.com\/id\/wp-json\/wp\/v2\/media?parent=5753"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}