{"id":47695,"date":"2025-07-30T08:26:24","date_gmt":"2025-07-30T08:26:24","guid":{"rendered":"https:\/\/demo.mfwa.org\/?page_id=47695"},"modified":"2025-07-30T08:27:53","modified_gmt":"2025-07-30T08:27:53","slug":"donate","status":"publish","type":"page","link":"https:\/\/mfwa.org\/fr\/donate\/","title":{"rendered":"Donate"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"47695\" class=\"elementor elementor-47695\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9b17101 elementor-section-full_width elementor-section-stretched elementor-reverse-mobile elementor-section-height-default elementor-section-height-default sc_fly_static\" data-id=\"9b17101\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-cf5c3b3 sc_content_align_inherit sc_layouts_column_icons_position_left sc_fly_static\" data-id=\"cf5c3b3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7202ff0 sc_fly_static elementor-widget elementor-widget-image\" data-id=\"7202ff0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/mfwa.org\/wp-content\/uploads\/2025\/07\/donation-glass-jar.jpg\" class=\"attachment-large size-large wp-image-46332\" alt=\"\" srcset=\"https:\/\/mfwa.org\/wp-content\/uploads\/2025\/07\/donation-glass-jar.jpg 900w, https:\/\/mfwa.org\/wp-content\/uploads\/2025\/07\/donation-glass-jar-600x400.jpg 600w, https:\/\/mfwa.org\/wp-content\/uploads\/2025\/07\/donation-glass-jar-768x512.jpg 768w, https:\/\/mfwa.org\/wp-content\/uploads\/2025\/07\/donation-glass-jar-370x247.jpg 370w, https:\/\/mfwa.org\/wp-content\/uploads\/2025\/07\/donation-glass-jar-840x560.jpg 840w, https:\/\/mfwa.org\/wp-content\/uploads\/2025\/07\/donation-glass-jar-410x273.jpg 410w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-17b29e7 sc_content_align_inherit sc_layouts_column_icons_position_left sc_fly_static\" data-id=\"17b29e7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ad56cb7 sc_fly_static elementor-widget elementor-widget-trx_sc_title\" data-id=\"ad56cb7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"trx_sc_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div\t\tclass=\"sc_title sc_title_default\" ><h2 class=\"sc_item_title sc_title_title sc_item_title_style_default\"\n\t\t\t><span class=\"sc_item_title_text\">Soutenez Notre Cause\n<\/span><\/h2><div class=\"sc_item_descr sc_title_descr\"><p>Tous les dons ont un impact direct sur notre organisation et nous aident \u00e0 poursuivre notre mission.<\/p>\n<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c0888c7 sc_fly_static elementor-widget elementor-widget-html\" data-id=\"c0888c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n    .mfwa-form-wrapper {\n        max-width: 600px;\n        margin: auto;\n        font-family: 'Segoe UI', sans-serif;\n        border: 1px solid #ccc;\n        border-radius: 12px;\n        padding: 20px;\n        background: #fff;\n    }\n    .mfwa-input-box {\n        display: flex;\n        align-items: center;\n        border: 2px solid #ccc;\n        border-radius: 8px;\n        padding: 12px;\n        margin-bottom: 20px;\n        font-size: 18px;\n    }\n    .mfwa-input-box span {\n        margin-right: 8px;\n        color: #28a745;\n        font-weight: bold;\n    }\n    .mfwa-input-box input {\n        border: none;\n        outline: none;\n        font-size: 18px;\n        width: 100%;\n    }\n    .mfwa-form-row {\n        display: flex;\n        gap: 20px;\n        flex-wrap: wrap;\n    }\n    @media (max-width: 600px) {\n        .mfwa-form-row {\n            flex-direction: column;\n        }\n    }\n    .mfwa-form-row .mfwa-form-group {\n        flex: 1;\n        min-width: 250px;\n        margin-bottom: 20px;\n    }\n    #donation-form button {\n        width: 100%;\n        padding: 14px;\n        background: #d32f2f;\n        color: #fff;\n        border: none;\n        border-radius: 8px;\n        font-size: 16px;\n        cursor: pointer;\n        font-weight: bold;\n    }\n<\/style>\n\n<div class=\"mfwa-form-wrapper\">\n    <form id=\"donation-form\" novalidate>\n        \n        <div class=\"mfwa-form-row\">\n            <div class=\"mfwa-form-group\">\n                <input type=\"text\" id=\"donor_name\" required placeholder=\"Name\">\n            <\/div>\n            <div class=\"mfwa-form-group\">\n                <input type=\"email\" id=\"donor_email\" required placeholder=\"Email\">\n            <\/div>\n        <\/div>\n\n        <div class=\"mfwa-input-box\">\n            <span>\u20b5<\/span>\n            <input type=\"number\" id=\"custom_amount\" placeholder=\"Enter Donation Amount\" min=\"1\">\n        <\/div>\n\n        <input type=\"hidden\" id=\"selected_amount\">\n        <button type=\"submit\">Donate and Support<\/button>\n        <div id=\"donation-message\"><\/div>\n    <\/form>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n    const form = document.getElementById('donation-form');\n    const customAmount = document.getElementById('custom_amount');\n    const selectedAmountInput = document.getElementById('selected_amount');\n    const messageDiv = document.getElementById('donation-message');\n\n    customAmount.addEventListener('input', () => {\n        const amt = parseInt(customAmount.value);\n        selectedAmountInput.value = isNaN(amt) ? '' : amt;\n    });\n\n    form.addEventListener('submit', function (e) {\n        e.preventDefault();\n        const name = document.getElementById('donor_name').value.trim();\n        const email = document.getElementById('donor_email').value.trim();\n        const amount = parseInt(selectedAmountInput.value);\n        const key = mfwa_vars.key;\n\n        if (!name || !email || isNaN(amount) || amount < 1) {\n            alert(\"Please fill out all fields and enter a valid amount.\");\n            return;\n        }\n\n        const handler = PaystackPop.setup({\n            key: key,\n            email: email,\n            amount: amount * 100,\n            currency: \"GHS\",\n            metadata: {\n                custom_fields: [\n                    { display_name: \"Donor Name\", variable_name: \"donor_name\", value: name },\n                    { display_name: \"Donation Type\", variable_name: \"donation_type\", value: \"One-Time\" }\n                ]\n            },\n            callback: function (response) {\n                fetch(mfwa_vars.ajax_url, {\n                    method: 'POST',\n                    headers: { 'Content-Type': 'application\/x-www-form-urlencoded' },\n                    body: new URLSearchParams({\n                        action: 'mfwa_log_donation',\n                        name: name,\n                        email: email,\n                        amount: amount,\n                        type: 'One-Time',\n                        ref: response.reference\n                    })\n                });\n                messageDiv.innerHTML = `<p style=\"color:green;\">Thank you, ${name}!<br>Ref: ${response.reference}<\/p>`;\n                form.reset();\n            },\n            onClose: function () {\n                messageDiv.innerHTML = `<p style=\"color:orange;\">Donation cancelled.<\/p>`;\n            }\n        });\n        handler.openIframe();\n    });\n});\n<\/script>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Soutenez Notre Cause Tous les dons ont un impact direct sur notre organisation et nous aident \u00e0 poursuivre<\/p>\n","protected":false},"author":65,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"staff-position":[],"class_list":["post-47695","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mfwa.org\/fr\/wp-json\/wp\/v2\/pages\/47695","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mfwa.org\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mfwa.org\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mfwa.org\/fr\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/mfwa.org\/fr\/wp-json\/wp\/v2\/comments?post=47695"}],"version-history":[{"count":4,"href":"https:\/\/mfwa.org\/fr\/wp-json\/wp\/v2\/pages\/47695\/revisions"}],"predecessor-version":[{"id":47699,"href":"https:\/\/mfwa.org\/fr\/wp-json\/wp\/v2\/pages\/47695\/revisions\/47699"}],"wp:attachment":[{"href":"https:\/\/mfwa.org\/fr\/wp-json\/wp\/v2\/media?parent=47695"}],"wp:term":[{"taxonomy":"staff-position","embeddable":true,"href":"https:\/\/mfwa.org\/fr\/wp-json\/wp\/v2\/staff-position?post=47695"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}