{"id":3158,"date":"2024-11-09T19:48:18","date_gmt":"2024-11-09T19:48:18","guid":{"rendered":"https:\/\/islamawareness.org.bh\/?page_id=3158"},"modified":"2026-03-23T11:10:51","modified_gmt":"2026-03-23T11:10:51","slug":"donation-form","status":"publish","type":"page","link":"https:\/\/islamawareness.org.bh\/ar\/donation-form\/","title":{"rendered":"\u0633\u0627\u0647\u0645 \u0627\u0644\u0622\u0646"},"content":{"rendered":"<p class=\"wp-block-paragraph\"><style>\n.donate-button {\n    cursor: pointer;\n   \n}\n\n.donate-button.active {\n    background-color: #027C68;\n    color: #fff;\n    border-color: #027C68;\n}<\/style>\n    <div class=\"contribute-form\">\n        <h4>\u0633\u0627\u0647\u0645 \u0627\u0644\u0622\u0646<\/h4>\n        <div class=\"button-group\">\n            <div class=\"donate-button\" onclick=\"setAmount(5)\">5 \u062f.\u0628<\/div>\n            <div class=\"donate-button\" onclick=\"setAmount(10)\">10 \u062f.\u0628<\/div>\n            <div class=\"donate-button\" onclick=\"setAmount(20)\">20 \u062f.\u0628<\/div>\n            <div class=\"donate-button\" onclick=\"setAmount(50)\">50 \u062f \u0628<\/div>\n        <\/div>\n        <form action=\"https:\/\/islamawareness.org.bh\/wp-admin\/admin-post.php\" method=\"post\">\n            <div class=\"form-group\">\n                <input type=\"text\" class=\"form-control\" name=\"name\" placeholder=\"\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644\" required>\n            <\/div>\n            <div class=\"form-group\">\n                <input type=\"text\" class=\"form-control\" name=\"phone\" placeholder=\"\u0631\u0642\u0645 \u0627\u0644\u062a\u0644\u064a\u0641\u0648\u0646\" required>\n            <\/div>\n            <div class=\"form-group\">\n                <input type=\"email\" class=\"form-control\" name=\"email\" placeholder=\"\u0628\u0631\u064a\u062f \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\" required>\n            <\/div>\n            <div class=\"form-group\">\n                <input type=\"number\" class=\"form-control\" name=\"custom_amount\" placeholder=\"\u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0645\u062e\u0635\u0635\" id=\"customAmount\">\n            <\/div>\n            <div class=\"input-group col-md-12 col-sm-12\">\n                <div class=\"input-group-prepend\">\n                    <label class=\"input-group-text\" for=\"projectSelect\">\u062e\u064a\u0627\u0631\u0627\u062a<\/label>\n                <\/div>\n                <select class=\"custom-select\" name=\"project_id\" id=\"projectSelect\" required>\n                    <option value=\"\">\u064a\u062e\u062a\u0627\u0631...<\/option>\n                    <option value='267' >\u0639\u0645\u0631\u0629 \u0644\u0644\u0645\u0633\u0644\u0645\u064a\u0646 \u0627\u0644\u062c\u062f\u062f<\/option><option value='258' >\u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0645\u0627\u0644\u064a \u0644\u0644\u0645\u0633\u0644\u0645\u064a\u0646 \u0627\u0644\u062c\u062f\u062f<\/option><option value='256' >\u0639\u0644\u0645\u0646\u064a \u0627\u0644\u0625\u0633\u0644\u0627\u0645<\/option><option value='254' >\u0637\u0627\u0648\u0644\u0629 \u0627\u0644\u062f\u0639\u0648\u0629<\/option>                <\/select>\n            <\/div>\n            <input type=\"hidden\" name=\"action\" value=\"process_donation\">\n            <button class=\"btn btn-primary donate-now-button\" type=\"submit\">\u062a\u0628\u0631\u0639 \u0627\u0644\u0622\u0646<\/button>\n        <\/form>\n    <\/div>\n\n    <script>\n \n    function setAmount(amount) {\n        document.getElementById('customAmount').value = amount;\n\n        \/\/ Remove \"active\" class from all donate buttons\n        const buttons = document.querySelectorAll('.donate-button');\n        buttons.forEach(button => button.classList.remove('active'));\n\n        \/\/ Add \"active\" class to the clicked button\n        event.target.classList.add('active');\n    }\n<\/script>\n \n    <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-3158","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/islamawareness.org.bh\/ar\/wp-json\/wp\/v2\/pages\/3158","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/islamawareness.org.bh\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/islamawareness.org.bh\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/islamawareness.org.bh\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/islamawareness.org.bh\/ar\/wp-json\/wp\/v2\/comments?post=3158"}],"version-history":[{"count":0,"href":"https:\/\/islamawareness.org.bh\/ar\/wp-json\/wp\/v2\/pages\/3158\/revisions"}],"wp:attachment":[{"href":"https:\/\/islamawareness.org.bh\/ar\/wp-json\/wp\/v2\/media?parent=3158"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}