{"id":2315,"date":"2025-08-29T17:57:39","date_gmt":"2025-08-29T17:57:39","guid":{"rendered":"https:\/\/btflife.org\/suicide-prevent\/?page_id=2315"},"modified":"2025-08-31T15:18:06","modified_gmt":"2025-08-31T15:18:06","slug":"donation","status":"publish","type":"page","link":"https:\/\/btflife.org\/suicide-prevent\/donation\/","title":{"rendered":"donate"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n Donate Now - BRIGHTER TOMORROW FOUNDATION<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n background: linear-gradient(135deg, #f5f7fa 0%, #e4efe9 100%);\r\n color: #333;\r\n line-height: 1.6;\r\n padding: 0;\r\n min-height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .container {\r\n width: 100%;\r\n background: white;\r\n border-radius: 15px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n padding: 30px;\r\n margin: 40px 0;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n header {\r\n text-align: center;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .logo {\r\n width: 120px;\r\n height: 120px;\r\n border-radius: 50%;\r\n margin: 0 auto 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n font-size: 20px;\r\n font-weight: bold;\r\n box-shadow: 0 5px 15px rgba(76, 175, 80, 0.3);\r\n }\r\n\r\n h1 {\r\n color: #2c3e50;\r\n margin-bottom: 10px;\r\n font-size: 28px;\r\n }\r\n\r\n .tagline {\r\n color: #7f8c8d;\r\n font-size: 18px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .donation-options {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 15px;\r\n margin-bottom: 25px;\r\n }\r\n\r\n .amount-option {\r\n flex: 1;\r\n min-width: 120px;\r\n }\r\n\r\n .amount-option input {\r\n display: none;\r\n }\r\n\r\n .amount-option label {\r\n display: block;\r\n padding: 18px 15px;\r\n border: 2px solid #e0e0e0;\r\n border-radius: 10px;\r\n text-align: center;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n font-weight: 600;\r\n background: #f9f9f9;\r\n color: #555;\r\n }\r\n\r\n .amount-option input:checked+label {\r\n background-color: #4caf50;\r\n color: #fff;\r\n border-color: #4caf50;\r\n transform: translateY(-5px);\r\n box-shadow: 0 5px 15px rgba(76, 175, 80, 0.3);\r\n }\r\n\r\n .amount-option label:hover {\r\n border-color: #4caf50;\r\n }\r\n\r\n .custom-amount-container {\r\n margin: 25px 0;\r\n text-align: center;\r\n }\r\n\r\n .custom-amount-label {\r\n display: block;\r\n margin-bottom: 10px;\r\n font-weight: 600;\r\n color: #2c3e50;\r\n }\r\n\r\n #custom-amount {\r\n padding: 25px;\r\n width: 350px;\r\n border: 2px solid #e0e0e0;\r\n border-radius: 10px;\r\n font-size: 1rem;\r\n text-align: center;\r\n transition: border-color 0.3s;\r\n }\r\n\r\n #custom-amount:focus {\r\n border-color: #4caf50;\r\n outline: none;\r\n box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.2);\r\n }\r\n\r\n .donate-btn-container {\r\n text-align: center;\r\n margin-top: 30px;\r\n }\r\n\r\n #donate-btn {\r\n padding: 16px 22px;\r\n font-size: 1rem;\r\n background: #4caf50;\r\n color: #fff;\r\n border: none;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n font-weight: bold;\r\n box-shadow: 0 5px 15px rgba(76, 175, 80, 0.3);\r\n }\r\n\r\n #donate-btn:hover {\r\n background: #43a047;\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 20px rgba(76, 175, 80, 0.4);\r\n }\r\n\r\n #donate-btn:active {\r\n transform: translateY(0);\r\n }\r\n\r\n .security-note {\r\n text-align: center;\r\n margin-top: 30px;\r\n font-size: 14px;\r\n color: #7f8c8d;\r\n }\r\n\r\n .ssl-badge {\r\n width: 100px;\r\n margin-top: 15px;\r\n }\r\n\r\n footer {\r\n text-align: center;\r\n margin-top: 40px;\r\n color: #7f8c8d;\r\n font-size: 14px;\r\n }\r\n\r\n .loading-overlay {\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(255, 255, 255, 0.9);\r\n z-index: 1000;\r\n justify-content: center;\r\n align-items: center;\r\n flex-direction: column;\r\n }\r\n\r\n .spinner {\r\n width: 70px;\r\n height: 70px;\r\n border: 5px solid #f3f3f3;\r\n border-top: 5px solid #4caf50;\r\n border-radius: 50%;\r\n animation: spin 1s linear infinite;\r\n margin-bottom: 20px;\r\n }\r\n\r\n @keyframes spin {\r\n 0% {\r\n transform: rotate(0deg);\r\n }\r\n\r\n 100% {\r\n transform: rotate(360deg);\r\n }\r\n }\r\n\r\n .loading-text {\r\n font-size: 1.2rem;\r\n color: #2c3e50;\r\n font-weight: 600;\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .donation-options {\r\n flex-direction: column;\r\n }\r\n\r\n .amount-option {\r\n width: 100%;\r\n }\r\n\r\n #custom-amount {\r\n width: 100%;\r\n }\r\n\r\n .container {\r\n padding: 20px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <div class=\"container\">\r\n <header>\r\n <div class=\"logo\">\r\n <img decoding=\"async\" src=\"https:\/\/btflife.org\/wp-content\/uploads\/2021\/08\/BTF-Logo_Final.png.webp\" alt=\"Brighter Tomorrow Foundation Logo\" style=\"height: 60px;\" title=\"donate\">\r\n <\/div>\r\n <h3>BRIGHTER TOMORROW FOUNDATION<\/h3>\r\n <p class=\"tagline\">Your donation helps us continue our work<\/p>\r\n <\/header>\r\n\r\n <form id=\"donation-form\">\r\n <div class=\"donation-options\">\r\n <div class=\"amount-option\">\r\n <input type=\"radio\" id=\"amount-100\" name=\"donation_amount\" value=\"100\">\r\n <label for=\"amount-100\">100 BDT<\/label>\r\n <\/div>\r\n <div class=\"amount-option\">\r\n <input type=\"radio\" id=\"amount-500\" name=\"donation_amount\" value=\"500\">\r\n <label for=\"amount-500\">500 BDT<\/label>\r\n <\/div>\r\n <div class=\"amount-option\">\r\n <input type=\"radio\" id=\"amount-1000\" name=\"donation_amount\" value=\"1000\">\r\n <label for=\"amount-1000\">1000 BDT<\/label>\r\n <\/div>\r\n <div class=\"amount-option\">\r\n <input type=\"radio\" id=\"amount-2000\" name=\"donation_amount\" value=\"2000\">\r\n <label for=\"amount-2000\">2000 BDT<\/label>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"custom-amount-container\">\r\n <span class=\"custom-amount-label\">Amount:<\/span>\r\n <input type=\"number\" id=\"custom-amount\" name=\"custom_amount\"\r\n placeholder=\"Enter custom donation amount (BDT)\" min=\"10\">\r\n <\/div>\r\n\r\n <div class=\"donate-btn-container\">\r\n <button type=\"submit\" id=\"donate-btn\">Donate<\/button>\r\n <\/div>\r\n <\/form>\r\n\r\n <div class=\"security-note\">\r\n <p>Your transaction is secured by SSLCommerz<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"loading-overlay\" id=\"loadingOverlay\">\r\n <div class=\"spinner\"><\/div>\r\n <p class=\"loading-text\">Redirecting to payment gateway...<\/p>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function () {\r\n const donationForm = document.getElementById('donation-form');\r\n const customAmountInput = document.getElementById('custom-amount');\r\n const radioButtons = document.querySelectorAll('input[name=\"donation_amount\"]');\r\n const loadingOverlay = document.getElementById('loadingOverlay');\r\n\r\n customAmountInput.addEventListener('input', function () {\r\n radioButtons.forEach(radio => radio.checked = false);\r\n });\r\n\r\n radioButtons.forEach(radio => {\r\n radio.addEventListener('change', function () {\r\n if (this.checked) customAmountInput.value = '';\r\n });\r\n });\r\n\r\n donationForm.addEventListener('submit', async function (e) {\r\n e.preventDefault();\r\n\r\n let amount = 0;\r\n radioButtons.forEach(radio => {\r\n if (radio.checked) amount = radio.value;\r\n });\r\n const customAmount = customAmountInput.value;\r\n if (customAmount) amount = customAmount;\r\n\r\n if (amount <= 0 || isNaN(amount)) {\r\n alert('Please select a valid amount.');\r\n return;\r\n }\r\n if (amount < 10) {\r\n alert('Minimum donation amount is 10 BDT.');\r\n return;\r\n }\r\n\r\n loadingOverlay.style.display = 'flex';\r\n\r\n try {\r\n \/\/ Generate a unique transaction ID\r\n const tran_id = 'TXN_' + Date.now() + Math.floor(Math.random() * 1000);\r\n\r\n \/\/ Create form data to send to your server\r\n const formData = new FormData();\r\n formData.append('amount', amount);\r\n formData.append('tran_id', tran_id);\r\n\r\n \/\/ Send request to your server to initiate payment\r\n const response = await fetch('https:\/\/btflife.org\/suicide-prevent\/ssl-payment.php', {\r\n method: 'POST',\r\n body: formData\r\n });\r\n\r\n const result = await response.json();\r\n\r\n if (result.status === 'SUCCESS' && result.GatewayPageURL) {\r\n \/\/ Redirect to SSLCommerz payment page\r\n window.location.href = result.GatewayPageURL;\r\n } else {\r\n throw new Error(result.failedreason || 'Payment initiation failed');\r\n }\r\n } catch (error) {\r\n console.error('Error:', error);\r\n alert('There was a problem starting the payment: ' + error.message);\r\n loadingOverlay.style.display = 'none';\r\n }\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n\r\n<\/html>\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Donate Now – BRIGHTER TOMORROW FOUNDATION BRIGHTER TOMORROW FOUNDATION Your donation helps us continue our work 100 BDT 500 BDT […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2315","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/btflife.org\/suicide-prevent\/wp-json\/wp\/v2\/pages\/2315","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/btflife.org\/suicide-prevent\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/btflife.org\/suicide-prevent\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/btflife.org\/suicide-prevent\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/btflife.org\/suicide-prevent\/wp-json\/wp\/v2\/comments?post=2315"}],"version-history":[{"count":51,"href":"https:\/\/btflife.org\/suicide-prevent\/wp-json\/wp\/v2\/pages\/2315\/revisions"}],"predecessor-version":[{"id":2388,"href":"https:\/\/btflife.org\/suicide-prevent\/wp-json\/wp\/v2\/pages\/2315\/revisions\/2388"}],"wp:attachment":[{"href":"https:\/\/btflife.org\/suicide-prevent\/wp-json\/wp\/v2\/media?parent=2315"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}