{"id":1270,"date":"2025-10-19T13:04:21","date_gmt":"2025-10-19T13:04:21","guid":{"rendered":"https:\/\/theexperiencelagos.com\/Lagos\/?page_id=1270"},"modified":"2025-10-23T20:00:10","modified_gmt":"2025-10-23T20:00:10","slug":"give","status":"publish","type":"page","link":"https:\/\/theexperiencelagos.com\/2025\/give\/","title":{"rendered":"Give"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1270\" class=\"elementor elementor-1270\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a00502e e-con-full e-flex e-con e-parent\" data-id=\"a00502e\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2be70090 e-flex e-con-boxed e-con e-child\" data-id=\"2be70090\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;shape_divider_bottom&quot;:&quot;opacity-fan&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 283.5 19.6\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.33\" d=\"M0 0L0 18.8 141.8 4.1 283.5 18.8 283.5 0z\"\/>\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.33\" d=\"M0 0L0 12.6 141.8 4 283.5 12.6 283.5 0z\"\/>\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.33\" d=\"M0 0L0 6.4 141.8 4 283.5 6.4 283.5 0z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M0 0L0 1.2 141.8 4 283.5 1.2 283.5 0z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4cc12d73 elementor-widget elementor-widget-heading\" data-id=\"4cc12d73\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Be a part of making it happen!<\/h1>\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<div class=\"elementor-element elementor-element-717a339 e-flex e-con-boxed e-con e-parent\" data-id=\"717a339\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-87a6cb3 e-con-full e-flex e-con e-child\" data-id=\"87a6cb3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-287ddf1 elementor-widget elementor-widget-spacer\" data-id=\"287ddf1\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-76c5dfb elementor-widget elementor-widget-heading\" data-id=\"76c5dfb\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">GIVE TO SUPPORT THE EVENT<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9a19745 elementor-widget elementor-widget-spacer\" data-id=\"9a19745\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c546404 elementor-widget elementor-widget-text-editor\" data-id=\"c546404\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u2018The Experience\u2019 is a free, all-night Gospel music concert featuring some of the most celebrated and exceptional psalmists from Nigeria and around the world. Through your prayers, and your support, this miracle happens every year. This year marks the 20th edition of The Experience and it promises to be a time of intentional praise to our God. Theme of this year&#8217;s event is &#8216;Jesus United.&#8217;<\/p><p>Join hands with us to make this event a reality. It&#8217;s our prayer, that God, Who gives seed to the sower, bread to the eater, multiplies the see we sow and increases the fruits of righteousness, increase you on every side, and bring you into a harvest of the promises He&#8217;s made to you.<\/p><p>Please use the form or details below to make your donation. Thank you for your generous gift.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2a9f968 elementor-widget elementor-widget-spacer\" data-id=\"2a9f968\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b7da5ae elementor-widget elementor-widget-text-editor\" data-id=\"b7da5ae\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong>Bank Name:<\/strong> GTBank \u00a0| \u00a0<strong>Account Name:<\/strong> The Experience \u00a0| \u00a0<strong>Account Number:<\/strong> 9007495601<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-18fc27b elementor-widget elementor-widget-spacer\" data-id=\"18fc27b\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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<div class=\"elementor-element elementor-element-06cc150 e-flex e-con-boxed e-con e-parent\" data-id=\"06cc150\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f2347cf e-flex e-con-boxed e-con e-child\" data-id=\"f2347cf\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ebae813 elementor-widget elementor-widget-html\" data-id=\"ebae813\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Isolated Payment Form Container -->\r\n<div class=\"payment-container-v2\">\r\n  \r\n  <!-- Tab Container -->\r\n  <div class=\"tab-container-v2\">\r\n    <div class=\"tab-wrapper-v2\"> \r\n      <span class=\"tab-button-v2 first-tab-v2 active-v2\" onclick=\"paymentFormV2.setActiveTab('Naira', this)\">\u20a6 Naira<\/span>\r\n      <span class=\"tab-button-v2 last-tab-v2\" onclick=\"paymentFormV2.setActiveTab('FX', this)\">Foreign Currency<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Payment Form -->\r\n  <div class=\"payment-form-v2\">\r\n    <div>\r\n      <input type=\"email\" id=\"email-address-v2\" required placeholder=\"Email Address*\" aria-label=\"Email Address\">\r\n      <small class=\"error-message-v2\" id=\"email-error-v2\"><\/small>\r\n    <\/div>\r\n    \r\n    <!-- Currency selector (only visible for FX tab) -->\r\n    <div id=\"currency-container-v2\" style=\"display: none;\">\r\n      <select id=\"currency-selector-v2\" aria-label=\"Currency\" onchange=\"paymentFormV2.updateCurrency()\">\r\n        <option value=\"USD\">USD ($)<\/option>\r\n        <option value=\"GBP\">GBP (\u00a3)<\/option>\r\n        <option value=\"EUR\">EUR (\u20ac)<\/option>\r\n      <\/select>\r\n      <small class=\"error-message-v2\" id=\"currency-error-v2\"><\/small>\r\n    <\/div>\r\n    \r\n    <div>\r\n      <input type=\"number\" id=\"amount-v2\" required min=\"100\" placeholder=\"Amount (\u20a6)*\" aria-label=\"Amount\">\r\n      <small class=\"error-message-v2\" id=\"amount-error-v2\"><\/small>\r\n    <\/div>\r\n    \r\n    <div>\r\n      <input type=\"text\" id=\"full-name-v2\" placeholder=\"Full Name\" aria-label=\"Full Name\">\r\n      <small class=\"error-message-v2\" id=\"name-error-v2\"><\/small>\r\n    <\/div>\r\n    \r\n    <div>\r\n      <button type=\"button\" id=\"payment-button-v2\">Make Payment<\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Include Squad Payment Script -->\r\n<script src=\"https:\/\/checkout.squadco.com\/widget\/squad.min.js\"><\/script>\r\n\r\n<!-- Isolated Payment Form JavaScript -->\r\n<script>\r\n\/\/ Create an isolated namespace for this form\r\nconst paymentFormV2 = (function() {\r\n  \/\/ Private variables\r\n  let selectedPaymentType = 'Naira';\r\n  let selectedCurrency = 'NGN';\r\n\r\n  \/\/ Squad keys configuration - include foreign currency key\r\n  const squadKeys = {\r\n    'Naira': 'pk_737a3f7f526b32f85c3f83567147db3511b1dcb4',\r\n    'FX': 'pk_40036dffbe8f66c07ce676bb17c62fee4072bd34'\r\n  };\r\n\r\n  \/\/ Currency symbols mapping\r\n  const currencySymbols = {\r\n    'USD': '$',\r\n    'GBP': '\u00a3',\r\n    'EUR': '\u20ac',\r\n    'NGN': '\u20a6'\r\n  };\r\n\r\n  \/\/ Function to generate a unique transaction reference\r\n  function generateTransactionRef() {\r\n    return 'tx-v2-' + Date.now() + '-' + Math.floor(Math.random() * 1000000);\r\n  }\r\n\r\n  \/\/ Function to handle tab selection\r\n  function setActiveTab(paymentType, clickedTab) {\r\n    \/\/ Update tab styling\r\n    document.querySelectorAll(\".tab-button-v2\").forEach(tab => tab.classList.remove(\"active-v2\"));\r\n    clickedTab.classList.add(\"active-v2\");\r\n    selectedPaymentType = paymentType;\r\n    \r\n    \/\/ Show\/hide currency selector for FX tab\r\n    const currencyContainer = document.getElementById('currency-container-v2');\r\n    const amountInput = document.getElementById('amount-v2');\r\n    \r\n    if (paymentType === 'FX') {\r\n      currencyContainer.style.display = 'block';\r\n      selectedCurrency = document.getElementById('currency-selector-v2').value;\r\n      const symbol = currencySymbols[selectedCurrency];\r\n      amountInput.placeholder = `Amount (${symbol})*`;\r\n      amountInput.min = 10; \/\/ Set minimum to 10 for FX\r\n    } else {\r\n      currencyContainer.style.display = 'none';\r\n      selectedCurrency = 'NGN';\r\n      amountInput.placeholder = 'Amount (\u20a6)*';\r\n      amountInput.min = 100; \/\/ Set minimum to 100 for Naira\r\n    }\r\n  }\r\n\r\n  \/\/ Function to update currency\r\n  function updateCurrency() {\r\n    if (selectedPaymentType === 'FX') {\r\n      selectedCurrency = document.getElementById('currency-selector-v2').value;\r\n      const symbol = currencySymbols[selectedCurrency];\r\n      document.getElementById('amount-v2').placeholder = `Amount (${symbol})*`;\r\n    }\r\n  }\r\n\r\n  \/\/ Function to validate form before payment\r\n  function validateForm() {\r\n    let valid = true;\r\n    \r\n    const email = document.getElementById('email-address-v2').value;\r\n    const amount = document.getElementById('amount-v2').value;\r\n    const minAmount = selectedPaymentType === 'FX' ? 10 : 100;\r\n\r\n    \/\/ Clear previous error messages\r\n    document.getElementById('email-error-v2').textContent = '';\r\n    document.getElementById('amount-error-v2').textContent = '';\r\n    \r\n    \/\/ Validate email\r\n    if (!email || !email.includes('@')) {\r\n      document.getElementById('email-error-v2').textContent = \"Invalid email format\";\r\n      valid = false;\r\n    }\r\n    \r\n    \/\/ Validate amount\r\n    if (!amount || amount < minAmount) {\r\n      document.getElementById('amount-error-v2').textContent = `Enter a valid amount (min ${minAmount})`;\r\n      valid = false;\r\n    }\r\n    \r\n    return valid;\r\n  }\r\n\r\n  \/\/ Function to process Squad payment (works for both Naira and FX)\r\n  function processPayment() {\r\n    const email = document.getElementById('email-address-v2').value;\r\n    const amount = document.getElementById('amount-v2').value;\r\n    const fullName = document.getElementById('full-name-v2').value || 'Anonymous';\r\n    \r\n    \/\/ Determine which key and currency to use based on payment type - FIXED: Always use USD for FX\r\n    const squadKey = squadKeys[selectedPaymentType];\r\n    const currency = selectedPaymentType === 'FX' ? 'USD' : 'NGN';\r\n    \r\n    const metadata = { \r\n      paymentType: selectedPaymentType, \r\n      fullName,\r\n      ...(selectedPaymentType === 'FX' && { currency: selectedCurrency })\r\n    };\r\n    \r\n    const squadInstance = new squad({\r\n      onClose: () => console.log(\"Widget closed\"),\r\n      onLoad: () => console.log(\"Widget loaded successfully\"),\r\n      onSuccess: () => alert(`Payment successful! Thank you for your ${selectedPaymentType} contribution.`),\r\n      key: squadKey,\r\n      email,\r\n      amount: amount * 100,\r\n      currency_code: currency,\r\n      metadata,\r\n      checkout_mode: \"new_tab\"\r\n    });\r\n    \r\n    squadInstance.setup();\r\n    squadInstance.open();\r\n  }\r\n\r\n  \/\/ Initialize the form\r\n  function init() {\r\n    \/\/ Add event listener for payment button\r\n    document.getElementById('payment-button-v2').addEventListener('click', function() {\r\n      if (!validateForm()) return;\r\n      processPayment();\r\n    });\r\n  }\r\n\r\n  \/\/ Public methods\r\n  return {\r\n    init: init,\r\n    setActiveTab: setActiveTab,\r\n    updateCurrency: updateCurrency\r\n  };\r\n})();\r\n\r\n\/\/ Initialize the form when DOM is loaded\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  paymentFormV2.init();\r\n});\r\n<\/script>\r\n\r\n<!-- CSS Styling (remains the same) -->\r\n<style>\r\n\/* Main container *\/\r\n.payment-container-v2 {\r\n  max-width: 1000px;\r\n  margin: 0 auto;\r\n  padding: 20px;\r\n  font-family: Arial, sans-serif;\r\n  border: 1px solid #ddd;\r\n  border-radius: 10px;\r\n  margin-top: 25px;\r\n  margin-bottom: 25px;\r\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1);\r\n}\r\n\r\n\/* Form input styling *\/\r\n.payment-form-v2 input, .payment-form-v2 select {\r\n  width: 100%;\r\n  padding: 12px;\r\n  border: 1px solid #ddd;\r\n  border-radius: 8px;\r\n  margin-bottom: 15px;\r\n  box-sizing: border-box;\r\n  font-size: 16px;\r\n}\r\n\r\n\/* Button styling *\/\r\n.payment-form-v2 button {\r\n  background-color: #E2242C;\r\n  color: white;\r\n  padding: 14px 25px;\r\n  border: none;\r\n  cursor: pointer;\r\n  font-size: 16px;\r\n  font-weight: bold;\r\n  border-radius: 8px;\r\n  transition: background 0.3s;\r\n  width: 100%;\r\n}\r\n\r\n.payment-form-v2 button:hover {\r\n  background-color: #574c4d;\r\n}\r\n\r\n\/* Error message styling *\/\r\n.error-message-v2 {\r\n  color: red;\r\n  font-size: 12px;\r\n  display: block;\r\n  margin-top: -10px;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n\/* Tab container styling *\/\r\n.tab-container-v2 {\r\n  display: flex;\r\n  justify-content: center;\r\n  margin-bottom: 25px;\r\n  background: #f9f9f9;\r\n  padding: 4px;\r\n  border-radius: 8px;\r\n}\r\n\r\n.tab-wrapper-v2 {\r\n  display: flex;\r\n  width: 100%;\r\n}\r\n\r\n\/* Tab button styling *\/\r\n.tab-button-v2 {\r\n  flex: 1;\r\n  cursor: pointer;\r\n  font-size: 16px;\r\n  font-weight: bold;\r\n  padding: 12px;\r\n  text-align: center;\r\n  transition: background 0.3s;\r\n}\r\n\r\n.tab-button-v2:hover {\r\n  background: #E1E1E1;\r\n}\r\n\r\n.tab-button-v2.active-v2 {\r\n  background: #E2242C;\r\n  color: white;\r\n}\r\n\r\n\/* First and last tab button border radius *\/\r\n.first-tab-v2 {\r\n  border-top-left-radius: 8px;\r\n  border-bottom-left-radius: 8px;\r\n}\r\n\r\n.last-tab-v2 {\r\n  border-top-right-radius: 8px;\r\n  border-bottom-right-radius: 8px;\r\n}\r\n\r\n\/* Currency selector styling *\/\r\n#currency-selector-v2 {\r\n  background-color: #ffffff;\r\n  border: 1px solid #ddd;\r\n  height: 45px;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\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<div class=\"elementor-element elementor-element-80f169f e-flex e-con-boxed e-con e-parent\" data-id=\"80f169f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a3d4bfa elementor-widget elementor-widget-spacer\" data-id=\"a3d4bfa\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b1a6030 elementor-widget elementor-widget-text-editor\" data-id=\"b1a6030\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Thank you for your support! Looking forward to seeing you at the venue.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fca908b elementor-widget elementor-widget-spacer\" data-id=\"fca908b\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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>Be a part of making it happen! GIVE TO SUPPORT THE EVENT \u2018The Experience\u2019 is a free, all-night Gospel music concert featuring some of the most celebrated and exceptional psalmists from Nigeria and around the world. Through your prayers, and your support, this miracle happens every year. This year marks the 20th edition of The [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1270","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/theexperiencelagos.com\/2025\/wp-json\/wp\/v2\/pages\/1270","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theexperiencelagos.com\/2025\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theexperiencelagos.com\/2025\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theexperiencelagos.com\/2025\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/theexperiencelagos.com\/2025\/wp-json\/wp\/v2\/comments?post=1270"}],"version-history":[{"count":73,"href":"https:\/\/theexperiencelagos.com\/2025\/wp-json\/wp\/v2\/pages\/1270\/revisions"}],"predecessor-version":[{"id":1789,"href":"https:\/\/theexperiencelagos.com\/2025\/wp-json\/wp\/v2\/pages\/1270\/revisions\/1789"}],"wp:attachment":[{"href":"https:\/\/theexperiencelagos.com\/2025\/wp-json\/wp\/v2\/media?parent=1270"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}