Vision Builders<\/title>\n\n<script src=\"https:\/\/js.stripe.com\/v3\/\"><\/script>\n\n<style>\n body {\n font-family: Arial, Helvetica, sans-serif;\n background: #f4f4f4;\n padding: 20px;\n }\n\n .container {\n max-width: 540px;\n margin: auto;\n background: #fff;\n padding: 20px;\n border-radius: 6px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n }\n\n h2 {\n text-align: center;\n margin-bottom: 10px;\n }\n\n h3 {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: 25px;\n cursor: pointer;\n border-bottom: 1px solid #ddd;\n padding-bottom: 6px;\n font-size: 16px;\n }\n\n .toggle {\n font-size: 12px;\n color: #0073e6;\n }\n\n label {\n font-size: 13px;\n font-weight: bold;\n display: block;\n margin-top: 12px;\n\t\twidth:200px\n }\n\n input {\n width: 96%;\n padding: 9px;\n margin-top: 5px;\n font-size: 14px;\n border-radius: 4px;\n border: 1px solid #ccc;\n }\n\n\tinput:focus {\n\t\toutline: none;\n\t\tbox-shadow: inset 0 0 0 2px #1a73e8;\n\t}\n\n .row {\n display: flex;\n gap: 10px;\n }\n\n .col {\n flex: 1;\n }\n\n .amount-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 12px 0;\n }\n\n .amount-row input {\n width: 110px;\n text-align: right;\n }\n\n .total-heading {\n font-size: 18px;\n text-align: left;\n margin-top: 40px;\n\t\tmargin-bottom: 10px;\n }\n\t\n\t.total-give {\n\t\tfont-size: 30px;\n\t\ttext-align: left;\n\t\tmargin-bottom: 15px;\n\t}\n\t\n .total {\n font-size: 20px;\n text-align: right;\n margin-top: 40px;\n }\n\t\n\t.offering-total {\n\t font-size: 20px;\n\t\tfont-weight: bold;\n text-align: right;\n\t}\n\n .section {\n overflow: hidden;\n max-height: 0;\n transition: max-height 0.4s ease;\n }\n\n .section.open {\n max-height: 500px;\n }\n\t.notes {\n\t\tfont-size: 12px;\n\t\tcolor: Grey;\n\t\tmargin-bottom: 20px;\n\t}\n\t.notes-space {\n\t\tmargin-top: 10px;\n\t}\n\n .pledge-only {\n margin: 15px;\n\t\twidth:20px;\n font-size: 14px;\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t\twidth: auto \n }\n\n\t.give-only {\n margin: 15px;\n\t\twidth:20px;\n font-size: 14px;\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t\twidth: auto \n }\n\n button.submit {\n width: 100%;\n background: #5aa0f2;\n color: white;\n border: none;\n padding: 14px;\n font-size: 16px;\n border-radius: 4px;\n margin-top: 20px;\n cursor: pointer;\n\t\tletter-spacing: 1.5px;\n }\n\n button.submit:disabled {\n background: #ccc;\n cursor: not-allowed;\n }\n\t\n\t.button-image {\n\t\tdisplay: inline-block;\n\t\twidth: 150px;\n\t\theight: 200px;\n\t\tcursor: pointer;\n\t\tbackground-size: cover;\n\t\tborder: 2px solid #ccc;\n\t\tborder-radius: 8px;\n\t\ttransition: background-image 0.3s ease;\n\t\tmargin: 5px;\n\t}\n \n\t.image-pledge {\n\t\tbackground-image: url('https:\/\/c3minno.com\/wp-content\/uploads\/2026\/01\/pledge.png');\n\t}\n\n\t.image-give {\n\t\tbackground-image: url('https:\/\/c3minno.com\/wp-content\/uploads\/2026\/01\/give-now.png');\n\t}\n \n\t#pledge-button {\n\t\tdisplay: none;\n\t}\n \n\t#pledge-button:checked + .image-pledge {\n\t\tborder-color: #0099ff;\n\t}\n \n\t#give-button {\n\t\tdisplay: none;\n\t}\n\n\t#give-button:checked + .image-give {\n\t\tborder-color: #0099ff;\n\t}\t\n\t\n #card-element {\n padding: 10px;\n border: 1px solid #ccc;\n border-radius: 4px;\n margin-top: 10px;\n }\n<\/style>\n<\/head>\n\n<body>\n<div class=\"container\">\n<form id=\"donation-form\">\n\n\n<input type=\"checkbox\" id=\"pledge-button\" data-toggle=\"pledge\">\n<label for=\"pledge-button\" class=\"image-pledge button-image\"><\/label>\n\n\n<input type=\"checkbox\" id=\"give-button\" data-toggle=\"offering\">\n<label for=\"give-button\" class=\"image-give button-image\"><\/label>\n\n\n<div id=\"contact\" class=\"section\" data-toggle=\"contact\">\n\t<h3>CONTACT DETAILS<\/h3>\n\t\n\t<label>First Name *<\/label>\n\t<input type=\"text\" required>\n\t<label>Last Name *<\/label>\n\t<input type=\"text\" required>\n\t<label>Email *<\/label>\n\t<input type=\"email\" required>\n<\/div>\n\n<div id=\"pledge\" class=\"section\">\n\t<h3>MAKE A PLEDGE<\/h3>\n <div class=\"amount-row\">\n <span>Ministry Projects & Property<\/span>\n <input type=\"number\" class=\"pledge\" id=\"pledge_ministry\" name=\"pledge_ministry\" value=\"0\" min=\"0\">\n <\/div>\n\t<div class=\"notes\">NON-TAX DEDUCTIBLE \u2013 Outreach & Evangelism, Church Planting, Internship, Global Engagement, Property<\/div>\n <div class=\"amount-row\">\n <span>Community & School Ministries<\/span>\n <input type=\"number\" class=\"pledge\" id=\"pledge_community\" name=\"pledge_community\" value=\"0\" min=\"0\">\n <\/div>\n\t<div class=\"notes\">TAX DEDUCTIBLE \u2013 Community pastoring, CAP Money, Mainly Music, SRE, Community projects<\/div>\n\t<div class=\"total\">Total Pledge: $<span id=\"pledge-total\">0.00<\/span><\/div>\n\t<div class=\"notes\" style=\"margin-top:25px; \">PLEASE NOTE \u2013 Pledge amounts will not be charged to your credit card. This part of the form is just for you to communicate your intent<\/div>\n<\/div>\n\n\n<div id=\"offering\" class=\"section\">\n\t<h3>GIVE TODAY<\/h3>\n\t<div class=\"notes\" style=\"margin-top:20px; margin-bottom:20px;\">The Vision Builders Offering has two components<\/div>\n <div class=\"amount-row\">\n <span>Ministry Projects & Property<\/span>\n <input type=\"number\" class=\"offering\" id=\"offering_ministry\" name=\"offering_ministry\" value=\"0\" min=\"0\">\n <\/div>\n\t<div class=\"notes\">NON-TAX DEDUCTIBLE \u2013 Outreach & Evangelism, Church Planting, Internship, Global Engagement, Property<\/div>\n <div class=\"amount-row\">\n <span>Community & School Ministries<\/span>\n <input type=\"number\" class=\"offering\" id=\"offering_community\" name=\"offering_community\" value=\"0\" min=\"0\">\n <\/div>\n\t<div class=\"notes\">TAX DEDUCTIBLE \u2013 Community pastoring, CAP Money, Mainly Music, SRE, Community projects<\/div>\n <div class=\"total\">Total Giving: $<span id=\"offering-total\">0.00<\/span><\/div>\n<\/div>\n\n\n<div id=\"payment-section\" class=\"section\">\n <h3>CREDIT CARD DETAILS<\/h3>\n\t<div class=\"notes\">Credit card information is NOT stored on this website<\/div>\n <label>Cardholder Name: *<\/label>\n\t<input type=\"text\" required>\n\t<label>Card Details: *<\/label>\n\t<div id=\"card-element\"><\/div>\n\t<div class=\"notes notes-space\">Credit Card Number \/ Expiry Date (mm\/yy) \/ CVC Number<\/div>\n <div class=\"total-heading\" >TOTAL GIVING TODAY<\/div>\n\t<div class=total-give>$<span id=\"charge-total\">0.00<\/span><\/div>\n\t<div class=\"notes\">This is the amount that will be debited from your card<\/div>\n<\/div>\n\n\n<div class=\"pledge-only\">\n \t<input type=\"hidden\" id=\"pledgeOnly\">\n<\/div>\n\n<button class=\"submit\" id=\"submitBtn\" disabled>Give\/Pledge Now<\/button>\n\n<\/form>\n<\/div>\n\n<script>\n\/* =====================\n TOGGLE SECTIONS\n===================== *\/\n\ndocument.querySelectorAll(\"input[data-toggle]\").forEach(header => {\n header.addEventListener(\"click\", () => {\n\t\t\n\t\tconst contactSection = document.getElementById(\"contact\");\n \t\tcontactSection.classList.add(\"open\")\n\t\n\t\tconst id = header.dataset.toggle;\n const section = document.getElementById(id);\n const label = header.querySelector(\".toggle\");\n\n section.classList.toggle(\"open\");\n label.textContent = section.classList.contains(\"open\") ? \"Hide\" : \"Show\";\n });\n});\n\n\/* =====================\n TOTAL CALCULATIONS\n===================== *\/\nconst pledgeInputs = document.querySelectorAll(\".pledge\");\nconst offeringInputs = document.querySelectorAll(\".offering\");\n\nfunction calcTotals() {\n let pledge = 0, offering = 0;\n\n pledgeInputs.forEach(i => pledge += Number(i.value || 0));\n offeringInputs.forEach(i => offering += Number(i.value || 0));\n\n document.getElementById(\"pledge-total\").textContent = pledge.toFixed(2);\n document.getElementById(\"offering-total\").textContent = offering.toFixed(2);\n document.getElementById(\"charge-total\").textContent = offering.toFixed(2);\n\n document.getElementById(\"submitBtn\").disabled =\n offering === 0 && pledge === 0;\n}\n\ndocument.querySelectorAll(\"input[type='number']\").forEach(i =>\n i.addEventListener(\"input\", calcTotals)\n);\n\n\/* =====================\n PLEDGE ONLY MODE\n===================== *\/\nconst pledgeOnly = document.getElementById(\"pledgeOnly\");\nconst offeringSection = document.getElementById(\"offering\");\nconst paymentSection = document.getElementById(\"payment-section\");\n\npledgeOnly.addEventListener(\"change\", () => {\n if (pledgeOnly.checked) {\n offeringSection.classList.remove(\"open\");\n paymentSection.classList.remove(\"open\");\n offeringInputs.forEach(i => i.value = 0);\n document.getElementById(\"charge-total\").textContent = \"0.00\";\n }\n});\n\n\/* =====================\n STRIPE SETUP\n===================== *\/\n\/* \nconst stripe = Stripe(\"pk_test_YOUR_PUBLIC_KEY\");\nconst elements = stripe.elements();\nconst card = elements.create(\"card\");\ncard.mount(\"#card-element\");\n*\/\n\n\/* Show payment only if offering > 0 *\/\nfunction togglePayment() {\n const offering = Number(document.getElementById(\"offering-total\").textContent);\n paymentSection.classList.toggle(\"open\", offering > 0);\n}\ndocument.querySelectorAll(\".offering\").forEach(i =>\n i.addEventListener(\"input\", togglePayment)\n);\n\n\/* =====================\n SUBMIT\n===================== *\/\n\ndocument.getElementById(\"donation-form\").addEventListener(\"submit\", async e => {\n e.preventDefault();\n\n const data = {\n pledge_ministry: Number(document.getElementById(\"pledge_ministry\").value || 0),\n pledge_community: Number(document.getElementById(\"pledge_community\").value || 0),\n offering_ministry: Number(document.getElementById(\"offering_ministry\").value || 0),\n offering_community: Number(document.getElementById(\"offering_community\").value || 0),\n offering_total: Number(document.getElementById(\"offering-total\").textContent),\n pledge_total: Number(document.getElementById(\"pledge-total\").textContent)\n };\n\n console.log(\"Submission data:\", data);\n\n const amount = data.offering_total * 100;\n\n if (amount === 0) {\n alert(\"Pledge saved. No payment processed.\");\n return;\n }\n\n \/\/ Send `data` to backend \/ Stripe metadata\n\n\t\/*\n const amount = Number(document.getElementById(\"charge-total\").textContent) * 100;\n if (amount === 0) {\n alert(\"Pledge saved. No payment processed.\");\n return;\n }\n\t\n\n const res = await fetch(\"\/create-payment-intent\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application\/json\" },\n body: JSON.stringify({ amount })\n });\n\n const { clientSecret } = await res.json();\n\n const result = await stripe.confirmCardPayment(clientSecret, {\n payment_method: { card }\n });\n\n if (result.error) {\n alert(result.error.message);\n } else {\n alert(\"Thank you! Your gift was successful.\");\n }\n*\/\t\n\t\n});\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vision Builders CONTACT DETAILS First Name * Last Name * Email * MAKE A PLEDGE Ministry Projects & Property NON-TAX DEDUCTIBLE \u2013 Outreach & Evangelism, Church Planting, Internship, Global Engagement, Property Community & School Ministries TAX DEDUCTIBLE \u2013 Community pastoring, CAP Money, Mainly Music, SRE, Community projects Total Pledge: $0.00 PLEASE NOTE \u2013 Pledge amounts…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/c3minno.com\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/c3minno.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/c3minno.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/c3minno.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/c3minno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":5,"href":"https:\/\/c3minno.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":370,"href":"https:\/\/c3minno.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/370"}],"wp:attachment":[{"href":"https:\/\/c3minno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":9,"date":"2026-01-26T18:11:58","date_gmt":"2026-01-26T07:11:58","guid":{"rendered":"https:\/\/c3minno.com\/?page_id=9"},"modified":"2026-02-23T13:06:52","modified_gmt":"2026-02-23T02:06:52","slug":"vision-builders-v-1","status":"publish","type":"page","link":"https:\/\/c3minno.com\/?page_id=9","title":{"rendered":"Vision Builders v.1"},"content":{"rendered":"\n\n\n\n\nVision Builders<\/title>\n\n<script src=\"https:\/\/js.stripe.com\/v3\/\"><\/script>\n\n<style>\n body {\n font-family: Arial, Helvetica, sans-serif;\n background: #f4f4f4;\n padding: 20px;\n }\n\n .container {\n max-width: 540px;\n margin: auto;\n background: #fff;\n padding: 20px;\n border-radius: 6px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n }\n\n h2 {\n text-align: center;\n margin-bottom: 10px;\n }\n\n h3 {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: 25px;\n cursor: pointer;\n border-bottom: 1px solid #ddd;\n padding-bottom: 6px;\n font-size: 16px;\n }\n\n .toggle {\n font-size: 12px;\n color: #0073e6;\n }\n\n label {\n font-size: 13px;\n font-weight: bold;\n display: block;\n margin-top: 12px;\n\t\twidth:200px\n }\n\n input {\n width: 96%;\n padding: 9px;\n margin-top: 5px;\n font-size: 14px;\n border-radius: 4px;\n border: 1px solid #ccc;\n }\n\n\tinput:focus {\n\t\toutline: none;\n\t\tbox-shadow: inset 0 0 0 2px #1a73e8;\n\t}\n\n .row {\n display: flex;\n gap: 10px;\n }\n\n .col {\n flex: 1;\n }\n\n .amount-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 12px 0;\n }\n\n .amount-row input {\n width: 110px;\n text-align: right;\n }\n\n .total-heading {\n font-size: 18px;\n text-align: left;\n margin-top: 40px;\n\t\tmargin-bottom: 10px;\n }\n\t\n\t.total-give {\n\t\tfont-size: 30px;\n\t\ttext-align: left;\n\t\tmargin-bottom: 15px;\n\t}\n\t\n .total {\n font-size: 20px;\n text-align: right;\n margin-top: 40px;\n }\n\t\n\t.offering-total {\n\t font-size: 20px;\n\t\tfont-weight: bold;\n text-align: right;\n\t}\n\n .section {\n overflow: hidden;\n max-height: 0;\n transition: max-height 0.4s ease;\n }\n\n .section.open {\n max-height: 500px;\n }\n\t.notes {\n\t\tfont-size: 12px;\n\t\tcolor: Grey;\n\t\tmargin-bottom: 20px;\n\t}\n\t.notes-space {\n\t\tmargin-top: 10px;\n\t}\n\n .pledge-only {\n margin: 15px;\n\t\twidth:20px;\n font-size: 14px;\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t\twidth: auto \n }\n\n\t.give-only {\n margin: 15px;\n\t\twidth:20px;\n font-size: 14px;\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t\twidth: auto \n }\n\n button.submit {\n width: 100%;\n background: #5aa0f2;\n color: white;\n border: none;\n padding: 14px;\n font-size: 16px;\n border-radius: 4px;\n margin-top: 20px;\n cursor: pointer;\n\t\tletter-spacing: 1.5px;\n }\n\n button.submit:disabled {\n background: #ccc;\n cursor: not-allowed;\n }\n\t\n\t.button-image {\n\t\tdisplay: inline-block;\n\t\twidth: 150px;\n\t\theight: 200px;\n\t\tcursor: pointer;\n\t\tbackground-size: cover;\n\t\tborder: 2px solid #ccc;\n\t\tborder-radius: 8px;\n\t\ttransition: background-image 0.3s ease;\n\t\tmargin: 5px;\n\t}\n \n\t.image-pledge {\n\t\tbackground-image: url('https:\/\/c3minno.com\/wp-content\/uploads\/2026\/01\/pledge.png');\n\t}\n\n\t.image-give {\n\t\tbackground-image: url('https:\/\/c3minno.com\/wp-content\/uploads\/2026\/01\/give-now.png');\n\t}\n \n\t#pledge-button {\n\t\tdisplay: none;\n\t}\n \n\t#pledge-button:checked + .image-pledge {\n\t\tborder-color: #0099ff;\n\t}\n \n\t#give-button {\n\t\tdisplay: none;\n\t}\n\n\t#give-button:checked + .image-give {\n\t\tborder-color: #0099ff;\n\t}\t\n\t\n #card-element {\n padding: 10px;\n border: 1px solid #ccc;\n border-radius: 4px;\n margin-top: 10px;\n }\n<\/style>\n<\/head>\n\n<body>\n<div class=\"container\">\n<form id=\"donation-form\">\n\n\n<input type=\"checkbox\" id=\"pledge-button\" data-toggle=\"pledge\">\n<label for=\"pledge-button\" class=\"image-pledge button-image\"><\/label>\n\n\n<input type=\"checkbox\" id=\"give-button\" data-toggle=\"offering\">\n<label for=\"give-button\" class=\"image-give button-image\"><\/label>\n\n\n<div id=\"contact\" class=\"section\" data-toggle=\"contact\">\n\t<h3>CONTACT DETAILS<\/h3>\n\t\n\t<label>First Name *<\/label>\n\t<input type=\"text\" required>\n\t<label>Last Name *<\/label>\n\t<input type=\"text\" required>\n\t<label>Email *<\/label>\n\t<input type=\"email\" required>\n<\/div>\n\n<div id=\"pledge\" class=\"section\">\n\t<h3>MAKE A PLEDGE<\/h3>\n <div class=\"amount-row\">\n <span>Ministry Projects & Property<\/span>\n <input type=\"number\" class=\"pledge\" id=\"pledge_ministry\" name=\"pledge_ministry\" value=\"0\" min=\"0\">\n <\/div>\n\t<div class=\"notes\">NON-TAX DEDUCTIBLE \u2013 Outreach & Evangelism, Church Planting, Internship, Global Engagement, Property<\/div>\n <div class=\"amount-row\">\n <span>Community & School Ministries<\/span>\n <input type=\"number\" class=\"pledge\" id=\"pledge_community\" name=\"pledge_community\" value=\"0\" min=\"0\">\n <\/div>\n\t<div class=\"notes\">TAX DEDUCTIBLE \u2013 Community pastoring, CAP Money, Mainly Music, SRE, Community projects<\/div>\n\t<div class=\"total\">Total Pledge: $<span id=\"pledge-total\">0.00<\/span><\/div>\n\t<div class=\"notes\" style=\"margin-top:25px; \">PLEASE NOTE \u2013 Pledge amounts will not be charged to your credit card. This part of the form is just for you to communicate your intent<\/div>\n<\/div>\n\n\n<div id=\"offering\" class=\"section\">\n\t<h3>GIVE TODAY<\/h3>\n\t<div class=\"notes\" style=\"margin-top:20px; margin-bottom:20px;\">The Vision Builders Offering has two components<\/div>\n <div class=\"amount-row\">\n <span>Ministry Projects & Property<\/span>\n <input type=\"number\" class=\"offering\" id=\"offering_ministry\" name=\"offering_ministry\" value=\"0\" min=\"0\">\n <\/div>\n\t<div class=\"notes\">NON-TAX DEDUCTIBLE \u2013 Outreach & Evangelism, Church Planting, Internship, Global Engagement, Property<\/div>\n <div class=\"amount-row\">\n <span>Community & School Ministries<\/span>\n <input type=\"number\" class=\"offering\" id=\"offering_community\" name=\"offering_community\" value=\"0\" min=\"0\">\n <\/div>\n\t<div class=\"notes\">TAX DEDUCTIBLE \u2013 Community pastoring, CAP Money, Mainly Music, SRE, Community projects<\/div>\n <div class=\"total\">Total Giving: $<span id=\"offering-total\">0.00<\/span><\/div>\n<\/div>\n\n\n<div id=\"payment-section\" class=\"section\">\n <h3>CREDIT CARD DETAILS<\/h3>\n\t<div class=\"notes\">Credit card information is NOT stored on this website<\/div>\n <label>Cardholder Name: *<\/label>\n\t<input type=\"text\" required>\n\t<label>Card Details: *<\/label>\n\t<div id=\"card-element\"><\/div>\n\t<div class=\"notes notes-space\">Credit Card Number \/ Expiry Date (mm\/yy) \/ CVC Number<\/div>\n <div class=\"total-heading\" >TOTAL GIVING TODAY<\/div>\n\t<div class=total-give>$<span id=\"charge-total\">0.00<\/span><\/div>\n\t<div class=\"notes\">This is the amount that will be debited from your card<\/div>\n<\/div>\n\n\n<div class=\"pledge-only\">\n \t<input type=\"hidden\" id=\"pledgeOnly\">\n<\/div>\n\n<button class=\"submit\" id=\"submitBtn\" disabled>Give\/Pledge Now<\/button>\n\n<\/form>\n<\/div>\n\n<script>\n\/* =====================\n TOGGLE SECTIONS\n===================== *\/\n\ndocument.querySelectorAll(\"input[data-toggle]\").forEach(header => {\n header.addEventListener(\"click\", () => {\n\t\t\n\t\tconst contactSection = document.getElementById(\"contact\");\n \t\tcontactSection.classList.add(\"open\")\n\t\n\t\tconst id = header.dataset.toggle;\n const section = document.getElementById(id);\n const label = header.querySelector(\".toggle\");\n\n section.classList.toggle(\"open\");\n label.textContent = section.classList.contains(\"open\") ? \"Hide\" : \"Show\";\n });\n});\n\n\/* =====================\n TOTAL CALCULATIONS\n===================== *\/\nconst pledgeInputs = document.querySelectorAll(\".pledge\");\nconst offeringInputs = document.querySelectorAll(\".offering\");\n\nfunction calcTotals() {\n let pledge = 0, offering = 0;\n\n pledgeInputs.forEach(i => pledge += Number(i.value || 0));\n offeringInputs.forEach(i => offering += Number(i.value || 0));\n\n document.getElementById(\"pledge-total\").textContent = pledge.toFixed(2);\n document.getElementById(\"offering-total\").textContent = offering.toFixed(2);\n document.getElementById(\"charge-total\").textContent = offering.toFixed(2);\n\n document.getElementById(\"submitBtn\").disabled =\n offering === 0 && pledge === 0;\n}\n\ndocument.querySelectorAll(\"input[type='number']\").forEach(i =>\n i.addEventListener(\"input\", calcTotals)\n);\n\n\/* =====================\n PLEDGE ONLY MODE\n===================== *\/\nconst pledgeOnly = document.getElementById(\"pledgeOnly\");\nconst offeringSection = document.getElementById(\"offering\");\nconst paymentSection = document.getElementById(\"payment-section\");\n\npledgeOnly.addEventListener(\"change\", () => {\n if (pledgeOnly.checked) {\n offeringSection.classList.remove(\"open\");\n paymentSection.classList.remove(\"open\");\n offeringInputs.forEach(i => i.value = 0);\n document.getElementById(\"charge-total\").textContent = \"0.00\";\n }\n});\n\n\/* =====================\n STRIPE SETUP\n===================== *\/\n\/* \nconst stripe = Stripe(\"pk_test_YOUR_PUBLIC_KEY\");\nconst elements = stripe.elements();\nconst card = elements.create(\"card\");\ncard.mount(\"#card-element\");\n*\/\n\n\/* Show payment only if offering > 0 *\/\nfunction togglePayment() {\n const offering = Number(document.getElementById(\"offering-total\").textContent);\n paymentSection.classList.toggle(\"open\", offering > 0);\n}\ndocument.querySelectorAll(\".offering\").forEach(i =>\n i.addEventListener(\"input\", togglePayment)\n);\n\n\/* =====================\n SUBMIT\n===================== *\/\n\ndocument.getElementById(\"donation-form\").addEventListener(\"submit\", async e => {\n e.preventDefault();\n\n const data = {\n pledge_ministry: Number(document.getElementById(\"pledge_ministry\").value || 0),\n pledge_community: Number(document.getElementById(\"pledge_community\").value || 0),\n offering_ministry: Number(document.getElementById(\"offering_ministry\").value || 0),\n offering_community: Number(document.getElementById(\"offering_community\").value || 0),\n offering_total: Number(document.getElementById(\"offering-total\").textContent),\n pledge_total: Number(document.getElementById(\"pledge-total\").textContent)\n };\n\n console.log(\"Submission data:\", data);\n\n const amount = data.offering_total * 100;\n\n if (amount === 0) {\n alert(\"Pledge saved. No payment processed.\");\n return;\n }\n\n \/\/ Send `data` to backend \/ Stripe metadata\n\n\t\/*\n const amount = Number(document.getElementById(\"charge-total\").textContent) * 100;\n if (amount === 0) {\n alert(\"Pledge saved. No payment processed.\");\n return;\n }\n\t\n\n const res = await fetch(\"\/create-payment-intent\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application\/json\" },\n body: JSON.stringify({ amount })\n });\n\n const { clientSecret } = await res.json();\n\n const result = await stripe.confirmCardPayment(clientSecret, {\n payment_method: { card }\n });\n\n if (result.error) {\n alert(result.error.message);\n } else {\n alert(\"Thank you! Your gift was successful.\");\n }\n*\/\t\n\t\n});\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vision Builders CONTACT DETAILS First Name * Last Name * Email * MAKE A PLEDGE Ministry Projects & Property NON-TAX DEDUCTIBLE \u2013 Outreach & Evangelism, Church Planting, Internship, Global Engagement, Property Community & School Ministries TAX DEDUCTIBLE \u2013 Community pastoring, CAP Money, Mainly Music, SRE, Community projects Total Pledge: $0.00 PLEASE NOTE \u2013 Pledge amounts…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/c3minno.com\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/c3minno.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/c3minno.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/c3minno.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/c3minno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":5,"href":"https:\/\/c3minno.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":370,"href":"https:\/\/c3minno.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/370"}],"wp:attachment":[{"href":"https:\/\/c3minno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}