{"id":36,"date":"2025-03-27T23:01:40","date_gmt":"2025-03-27T23:01:40","guid":{"rendered":"https:\/\/londonayyappan.org\/new\/event\/"},"modified":"2025-12-03T14:43:06","modified_gmt":"2025-12-03T14:43:06","slug":"event","status":"publish","type":"page","link":"https:\/\/londonayyappan.org\/new\/event\/","title":{"rendered":"Events"},"content":{"rendered":"\n\n\n<h1>our Events<\/h1>\n\n<h6>Home \/ Events<\/h6>\n\n\n\n\n<h5>events<\/h5>\n<h3>Upcoming Events and Workshop<\/h3>\n\n\n\n\n<p>11 Apr 08:00 AM<\/p>\n\n\n<h4>Monthly Pooja<\/h4>\n<h6>Every month, as Sabarimala opens its sacred doors, we too offer special poojas. Devotees can witness Swami Ayyappa\u2019s divine procession around the temple on the powerful Tiger Vahanam\u2014a sight of grace and devotion.<\/h6>\n\n\n\n\n\n\n\n<p>11 Apr 08:00 AM<\/p>\n\n\n<h4>Annual Festival<\/h4>\n<h6>Every year, the temple hosts a 12-day annual festival, including Vettai, Saparam, and a grand procession of devotees with Lord Ayyappa on a horse vahanam outside the temple, accompanied by Meelam Natheswaram and other events. This usually falls from the end of July to mid-August.<\/h6>\n\n\n\n\n\n\n\n<p>11 Apr 08:00 AM<\/p>\n\n\n<h4>Mandela Thiruvizha<\/h4>\n<h6>During Karthigai Matham, countless devotees begin their sacred 41\/48-day vratham. While many journey to Sabarimala, those who remain here celebrate with deep devotion\u2014carrying Irumudi, joining the Ayyappa procession, climbing the symbolic 18 steps, and offering Ghee Abhishekam to conclude their fasting<\/h6>\n\n\n\n\n\n\n\n<p>11 Apr 08:00 AM<\/p>\n\n\n<h4>More<\/h4>\n<h6>More<\/h6>\n\n\n\n\n<p><\/p><p><strong style=\"font-size: x-large;\"><\/strong>\n<p><\/p>\n<p><\/p><\/p><p style=\"text-align: center;\"><em style=\"font-size: x-large;\">Please complete the form below to receive additional information regarding the event.<\/em><\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\nlatest news\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<p style=\"font-family: roboto; font-size:12px;font-weight:500;color:#000;line-height:2\">Turpis egastas macenas dolor sit amet, consectetur adipiscing elit. Proin diam justo, scelerisque non felis porta, placerat vestibulum nisi Vestibulum.<\/p>\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>PLEDGE\/DONATION REGISTER &#8211; London Ayyappan<\/title>\n    <style>\n        body {\n            font-family: Arial, sans-serif;\n            max-width: 800px;\n            margin: 0 auto;\n            padding: 20px;\n            background-color: #f4f4f4;\n        }\n        .container {\n            background-color: white;\n            padding: 30px;\n            border-radius: 8px;\n            box-shadow: 0 0 10px rgba(0,0,0,0.1);\n        }\n        h1 {\n            text-align: center;\n            color: #d32f2f;\n        }\n        form {\n            display: flex;\n            flex-direction: column;\n        }\n        label {\n            margin-top: 15px;\n            font-weight: bold;\n        }\n        input[type=\"text\"], input[type=\"email\"], textarea, select {\n            padding: 10px;\n            border: 1px solid #ccc;\n            border-radius: 4px;\n            margin-top: 5px;\n        }\n        textarea {\n            height: 100px;\n        }\n        .checkbox-group {\n            margin-top: 15px;\n        }\n        .checkbox-group input[type=\"checkbox\"] {\n            margin-right: 10px;\n        }\n        button {\n            margin-top: 20px;\n            padding: 12px;\n            background-color: #d32f2f;\n            color: white;\n            border: none;\n            border-radius: 4px;\n            cursor: pointer;\n            font-size: 16px;\n        }\n        button:hover {\n            background-color: #b71c1c;\n        }\n        .hidden {\n            display: none;\n        }\n        #consentText {\n            background-color: #e3f2fd;\n            padding: 10px;\n            border-left: 4px solid #2196f3;\n            margin-top: 5px;\n        }\n        #donationForm {\n            margin-top: 30px;\n            padding: 20px;\n            border: 1px solid #ddd;\n            border-radius: 4px;\n            background-color: #fafafa;\n        }\n        #donationForm input, #donationForm select {\n            width: 100%;\n            box-sizing: border-box;\n        }\n        #donationForm button {\n            width: 100%;\n            margin-top: 10px;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"container\">\n        <h1>PLEDGE\/DONATION REGISTER<\/h1>\n        <p style=\"text-align: center; font-style: italic;\">London Ayyappan Temple Project<\/p>\n        \n        <form id=\"pledgeForm\">\n            <label for=\"firstName\">First Name <span style=\"color: red;\">*<\/span><\/label>\n            <input type=\"text\" id=\"firstName\" name=\"firstName\" required>\n\n            <label for=\"surname\">Surname <span style=\"color: red;\">*<\/span><\/label>\n            <input type=\"text\" id=\"surname\" name=\"surname\" required>\n\n            <label for=\"telephone\">Telephone <span style=\"color: red;\">*<\/span><\/label>\n            <input type=\"text\" id=\"telephone\" name=\"telephone\" required>\n\n            <label for=\"email\">Email Address <span style=\"color: red;\">*<\/span><\/label>\n            <input type=\"email\" id=\"email\" name=\"email\" required>\n\n            <label for=\"homeAddress\">Home Address <span style=\"color: red;\">*<\/span><\/label>\n            <textarea id=\"homeAddress\" name=\"homeAddress\" required><\/textarea>\n\n            <label for=\"pledgeAmount\">Pledge Amount <span style=\"color: red;\">*<\/span><\/label>\n            <select id=\"pledgeAmount\" name=\"pledgeAmount\" required onchange=\"toggleOtherAmount()\">\n                <option value=\"\">Select an amount<\/option>\n                <option value=\"10000\">\u00a310,000<\/option>\n                <option value=\"7500\">\u00a37,500<\/option>\n                <option value=\"5000\">\u00a35,000<\/option>\n                <option value=\"2500\">\u00a32,500<\/option>\n                <option value=\"1000\">\u00a31,000<\/option>\n                <option value=\"other\">Other Amount \u00a3 (please fill below)<\/option>\n            <\/select>\n            <input type=\"text\" id=\"otherAmount\" name=\"otherAmount\" placeholder=\"Enter amount in \u00a3\" class=\"hidden\">\n\n            <label for=\"contributionMethod\">How will you be making the contribution <span style=\"color: red;\">*<\/span><\/label>\n            <select id=\"contributionMethod\" name=\"contributionMethod\" required>\n                <option value=\"\">Select method<\/option>\n                <option value=\"oneoff_bank\">One-Off Payment Bank Transfer<\/option>\n                <option value=\"oneoff_card\">One-Off Payment Card Payment<\/option>\n                <option value=\"direct_debit\">Direct Debit &#8211; Monthly (12 months installments)<\/option>\n            <\/select>\n\n            <label for=\"giftAid\">Please treat my donation as a Gift Aid donation. <span style=\"color: red;\">*<\/span><\/label>\n            <select id=\"giftAid\" name=\"giftAid\" required>\n                <option value=\"\">Select<\/option>\n                <option value=\"yes\">Yes<\/option>\n                <option value=\"no\">No<\/option>\n            <\/select>\n\n            <label>Consent Statement <span style=\"color: red;\">*<\/span><\/label>\n            <div id=\"consentText\">\n                I make this pledge with full consent and I commit to fulfilling the contribution I have promised. I understand that the temple may make financial commitments based on pledged but unpaid contributions and that failing to honour my pledge could have a detrimental impact on the project.\n            <\/div>\n            <div class=\"checkbox-group\">\n                <input type=\"checkbox\" id=\"consent\" name=\"consent\" required>\n                <label for=\"consent\" style=\"font-weight: normal;\">I agree to the above statement<\/label>\n            <\/div>\n\n            <button type=\"submit\">Submit Pledge and Proceed to Donation<\/button>\n        <\/form>\n\n        <div id=\"donationForm\" class=\"hidden\">\n            <h2>Complete Your Donation<\/h2>\n            <p>Based on your pledge of \u00a3<span id=\"pledgeDisplay\"><\/span>, please complete the payment below.<\/p>\n            \n            <!-- Embedded Give A Little Donation Form -->\n            <!-- Replace 'YOUR_CAMPAIGN_ID' with the actual campaign ID from your Give A Little dashboard -->\n            <!-- Get the embed code from https:\/\/givealittle.co\/ after creating\/logging into your account linked to londonayyappa@gmail.com -->\n            <iframe loading=\"lazy\" src=\"https:\/\/givealittle.co\/embed\/YOUR_CAMPAIGN_ID\" \n                    width=\"100%\" \n                    height=\"600\" \n                    frameborder=\"0\" \n                    style=\"border: none; overflow: hidden;\">\n            <\/iframe>\n            \n            <!-- Fallback: If embed not available, use a redirect button -->\n            <!-- <button onclick=\"window.location.href='https:\/\/givealittle.co\/YOUR_CAMPAIGN_SLUG?prefill_amount=YOUR_PLEDGE&name=FIRST_NAME&email=EMAIL';\">Donate Now via Give A Little<\/button> -->\n        <\/div>\n    <\/div>\n\n    <script>\n        function toggleOtherAmount() {\n            const select = document.getElementById('pledgeAmount');\n            const otherInput = document.getElementById('otherAmount');\n            if (select.value === 'other') {\n                otherInput.classList.remove('hidden');\n                otherInput.required = true;\n            } else {\n                otherInput.classList.add('hidden');\n                otherInput.required = false;\n                otherInput.value = '';\n            }\n        }\n\n        document.getElementById('pledgeForm').addEventListener('submit', async function(e) {\n            e.preventDefault();\n            \n            \/\/ Collect form data\n            const formData = new FormData(this);\n            const data = Object.fromEntries(formData);\n            \n            \/\/ Handle pledge amount\n            let pledgeAmount = data.pledgeAmount;\n            if (pledgeAmount === 'other') {\n                pledgeAmount = data.otherAmount;\n            }\n            \n            \/\/ Prepare email body\n            const subject = 'New Pledge\/Donation Registration - London Ayyappan';\n            const body = `\nDear London Ayyappan Team,\n\nA new pledge has been registered with the following details:\n\nFirst Name: ${data.firstName}\nSurname: ${data.surname}\nTelephone: ${data.telephone}\nEmail Address: ${data.email}\nHome Address: ${data.homeAddress}\nPledge Amount: \u00a3${pledgeAmount}\nContribution Method: ${data.contributionMethod.replace('_', ' ')}\nGift Aid: ${data.giftAid}\nConsent: Agreed\n\nPlease follow up with the pledger.\n\nBest regards,\nLondon Ayyappan Pledge System\n            `.trim();\n            \n            const mailtoUrl = `mailto:londonayyppan@gmail.com?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;\n\n            $to = ${data.email};\n\n\t\t\t$headers = 'From: kiriji@londonayyappan.org' . '\\r\\n' .\n   \t \t\t\t\t\t'Reply-To: kiriji@londonayyappan.org';\n\t\t\t$subj = ${encodeURIComponent(body)}\n\n\t\t\t\/\/mail ($to ,$subj , $message, $headers);\n\t\t\t\n\t\t\t\t$to = \"kirubahar@gmail.com\";\n\n\t\t\t\t$headers = 'From: admin@londonayyappan.org' . '\\r\\n' .\n\t\t\t\t\t\t\t'Cc: contact@sscreation.design' . '\\r\\n' .\n\t\t\t\t\t\t\t'Reply-To: admin@londonayyappan.org';\n\t\t\t\t$subject = 'New Payment Processed LONDON AYYAPPAN - '. $OrderID;\n\t\t\t\t$message = \"<h2><b> Order details as follows <\/b><\/h2>\" . \"\\n\" .\n\t\t\t\t\" TESTING email. \"\\n\";\n\t\t\t\t\n\t\t\t\tmail ($to ,$subject , $message, $headers);\n\t\t\t\n            \/\/ Open email client\n            \/\/window.open(mailtoUrl, '_blank');\n            \n            \/\/ Show donation form and prefill if possible\n            document.getElementById('pledgeDisplay').textContent = pledgeAmount;\n            document.getElementById('donationForm').classList.remove('hidden');\n            \n            \/\/ If using redirect fallback, construct URL with prefilled data (Give A Little supports basic prefill via query params like amount, name, email)\n            \/\/ Uncomment and adjust if embed not used:\n             const campaignSlug = '4XCFG9pNB4jfVHLyAT0iV3'; \/\/ e.g., 'london-ayyappan-temple'\n             const redirectUrl = `https:\/\/givealittle.co\/c\/${campaignSlug}?amount=10\"`;\n            \/\/ setTimeout(() => { window.location.href = redirectUrl; }, 2000);\n        });\n    <\/script>\n<\/body>\n<\/html>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"","footer-sml-layout":"","ast-disable-related-posts":"","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-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-36","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/londonayyappan.org\/new\/wp-json\/wp\/v2\/pages\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/londonayyappan.org\/new\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/londonayyappan.org\/new\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/londonayyappan.org\/new\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/londonayyappan.org\/new\/wp-json\/wp\/v2\/comments?post=36"}],"version-history":[{"count":7,"href":"https:\/\/londonayyappan.org\/new\/wp-json\/wp\/v2\/pages\/36\/revisions"}],"predecessor-version":[{"id":288,"href":"https:\/\/londonayyappan.org\/new\/wp-json\/wp\/v2\/pages\/36\/revisions\/288"}],"wp:attachment":[{"href":"https:\/\/londonayyappan.org\/new\/wp-json\/wp\/v2\/media?parent=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}