MEAN Payment Portal<\/title>\n \n <style>\n .container {\n border-radius: 20px;\n overflow: hidden;\n \n display: flex;\n flex-direction: column;\n }\n \n .header {\n background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);\n color: white;\n padding: 30px;\n text-align: center;\n }\n \n .header h1 {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 10px;\n }\n \n .header p {\n font-size: 1.1rem;\n opacity: 0.9;\n }\n \n .content {\n display: flex;\n flex-wrap: wrap;\n padding: 30px;\n gap: 30px;\n }\n \n .payment-info {\n flex: 1;\n min-width: 300px;\n }\n \n .almost-done-section {\n flex: 1;\n min-width: 300px;\n display: flex;\n flex-direction: column;\n gap: 25px;\n }\n \n .section {\n background: #f8f9fa;\n border-radius: 15px;\n padding: 25px;\n margin-bottom: 25px;\n border-left: 4px solid #ff6b6b;\n }\n \n .section h3 {\n color: #ff6b6b;\n margin-bottom: 15px;\n font-size: 1.3rem;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n \n .section p {\n line-height: 1.6;\n color: #333;\n }\n \n .qr-container {\n text-align: center;\n margin: 20px 0;\n }\n \n .qr-image {\n max-width: 250px;\n height: auto;\n border: 3px solid #ddd;\n border-radius: 12px;\n margin: 15px auto;\n display: block;\n transition: transform 0.3s ease;\n }\n \n .qr-image:hover {\n transform: scale(1.05);\n }\n \n .qr-placeholder {\n display: none;\n text-align: center;\n color: #666;\n font-style: italic;\n }\n \n .form-group {\n margin-bottom: 20px;\n }\n \n .form-group label {\n display: block;\n margin-bottom: 8px;\n font-weight: 500;\n color: #333;\n }\n \n .form-group input,\n .form-group select {\n width: 100%;\n padding: 12px 15px;\n border: 2px solid #e1e5e9;\n border-radius: 10px;\n font-size: 16px;\n transition: border-color 0.3s ease;\n }\n \n .form-group input:focus,\n .form-group select:focus {\n outline: none;\n border-color: #4facfe;\n box-shadow: 0 0 0 3px rgba(79, 172, 254, 0.1);\n }\n \n .form-group input.error {\n border-color: #ff6b6b;\n }\n \n .error-message {\n color: #ff6b6b;\n font-size: 14px;\n margin-top: 5px;\n display: none;\n }\n \n .submit-btn {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: white;\n padding: 15px 30px;\n border: none;\n border-radius: 10px;\n font-size: 18px;\n font-weight: 600;\n cursor: pointer;\n width: 100%;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n \n .submit-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 10px 20px rgba(102, 126, 234, 0.3);\n }\n \n .submit-btn:active {\n transform: translateY(0);\n }\n \n .footer {\n text-align: center;\n padding: 20px;\n background: #f8f9fa;\n color: #666;\n font-size: 14px;\n }\n \n @media (max-width: 768px) {\n .content {\n flex-direction: column;\n }\n \n .header h1 {\n font-size: 2rem;\n }\n }\n \n .success-message {\n background: #d4edda;\n color: #155724;\n padding: 15px;\n border-radius: 10px;\n margin-top: 20px;\n display: none;\n }\n \n .promo-banner {\n background: linear-gradient(135deg, #ff6b6b 0%, #ff8e53 100%);\n color: white;\n padding: 25px;\n text-align: center;\n border-radius: 15px;\n animation: pulse 2s infinite;\n }\n \n .promo-banner h2 {\n font-size: 1.5rem;\n margin-bottom: 10px;\n }\n \n .promo-banner p {\n font-size: 1.1rem;\n font-weight: 500;\n }\n \n @keyframes pulse {\n 0% { box-shadow: 0 0 0 0 rgba(255, 107, 107, 0.4); }\n 70% { box-shadow: 0 0 0 10px rgba(255, 107, 107, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(255, 107, 107, 0); }\n }\n \n .course-info {\n background: #e8f4fd;\n border-radius: 10px;\n padding: 15px;\n margin-top: 15px;\n display: none;\n }\n \n .course-info h4 {\n margin-top: 0;\n color: #2c3e50;\n }\n \n .course-info a {\n color: #3498db;\n text-decoration: none;\n }\n \n .course-info a:hover {\n text-decoration: underline;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"header\">\n <h1>MEAN Payment Portal<\/h1>\n <p>Mathematics Education Advocacy Nepal<\/p>\n <\/div>\n \n <div class=\"content\">\n <div class=\"payment-info\">\n <div class=\"section\">\n <div class=\"qr-container\">\n <img decoding=\"async\" \n src=\"https:\/\/mean.edu.np\/wp-content\/uploads\/2025\/01\/MEAN-QR-948x1024.jpg\" \n alt=\"Payment QR Code \u2013 Scan to Pay\" \n class=\"qr-image\"\n onerror=\"this.style.display='none'; document.querySelector('.qr-placeholder').style.display='block';\"\n >\n <div class=\"qr-placeholder\">QR Code not available<\/div>\n <\/div>\n <\/div>\n \n <div class=\"section\">\n <h3>\ud83c\udfe6 Bank Account Details<\/h3>\n <p><strong>Bank:<\/strong> Global IME Bank<br>\n <strong>Branch:<\/strong> Kirtipur Branch<br>\n <strong>Account Holder:<\/strong> MATHEMATICS EDUCATION ADVOCACY NEPAL PRIVATE LIMITED<br>\n <strong>Account No:<\/strong> 0501010000558<\/p>\n <\/div>\n \n <div class=\"section\">\n <h3>\ud83d\udcf1 E-Sewa Details<\/h3>\n <p><strong>E-Sewa ID:<\/strong> 9847360402<br>\n <strong>E-Sewa ID Name:<\/strong> MATHEMATICS EDUCATION ADVOCACY NEPAL<\/p>\n <\/div>\n <\/div>\n\n <div class=\"almost-done-section\">\n <div class=\"promo-banner\">\n <h2>\ud83c\udf89 You’re Almost Done! \ud83c\udf89<\/h2>\n <p>After payment, fill this form to unlock your online course access!<\/p>\n <p><strong>You’ll receive an email with detailed course information immediately after submission!<\/strong><\/p>\n <\/div>\n\n <form id=\"registrationForm\">\n <div class=\"form-group\">\n <label for=\"name\">Full Name *<\/label>\n <input type=\"text\" id=\"name\" name=\"name\" required>\n <div class=\"error-message\" id=\"nameError\">Please enter your full name<\/div>\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"email\">Email Address *<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" required>\n <div class=\"error-message\" id=\"emailError\">Please enter a valid email address<\/div>\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"confirmEmail\">Confirm Email Address *<\/label>\n <input type=\"email\" id=\"confirmEmail\" name=\"confirmEmail\" required>\n <div class=\"error-message\" id=\"confirmEmailError\">Email addresses must match<\/div>\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"paymentId\">Payment ID *<\/label>\n <input type=\"text\" id=\"paymentId\" name=\"paymentId\" required>\n <div class=\"error-message\" id=\"paymentIdError\">Please enter your Payment ID<\/div>\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"course\">Choose Your Course *<\/label>\n <select id=\"course\" name=\"course\" required>\n <option value=\"\">Select a course<\/option>\n <option value=\"MAVI\">MAVI<\/option>\n <option value=\"NIMAVI\">NIMAVI<\/option>\n <option value=\"G8\">Grade 8<\/option>\n <option value=\"G9\">Grade 9<\/option>\n <option value=\"G10\">Grade 10<\/option>\n <option value=\"G11\">Grade 11<\/option>\n <option value=\"G12\">Grade 12<\/option>\n <\/select>\n <div class=\"error-message\" id=\"courseError\">Please select a course<\/div>\n <\/div>\n \n <div class=\"course-info\" id=\"courseInfo\">\n <h4>Course Details:<\/h4>\n \n <p><strong>Start Date:<\/strong> <span id=\"startDate\"><\/span><\/p>\n <p><strong>Class Time:<\/strong> <span id=\"classTime\"><\/span><\/p>\n <\/div>\n \n <button type=\"submit\" class=\"submit-btn\" id=\"submitBtn\">Register Now<\/button>\n <\/form>\n \n <div class=\"success-message\" id=\"successMessage\">\n <h3>Registration Successful!<\/h3>\n <p>Thank you for registering. Your details have been submitted successfully.<\/p>\n <p>Please check your email for further instructions and course details.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Course configuration with details\n const courseDetails = {\n MAVI: {\n date: \"January 15, 2024\",\n time: \"10:00 AM - 12:00 PM\"\n },\n NIMAVI: {\n \n date: \"January 16, 2024\",\n time: \"2:00 PM - 4:00 PM\"\n },\n G8: {\n \n date: \"January 17, 2024\",\n time: \"9:00 AM - 11:00 AM\"\n },\n G9: {\n \n date: \"January 18, 2024\",\n time: \"1:00 PM - 3:00 PM\"\n },\n G10: {\n \n date: \"January 19, 2024\",\n time: \"11:00 AM - 1:00 PM\"\n },\n G11: {\n \n date: \"January 20, 2024\",\n time: \"3:00 PM - 5:00 PM\"\n },\n G12: {\n \n \n date: \"January 21, 2024\",\n time: \"4:00 PM - 6:00 PM\"\n }\n };\n\n \/\/ Google Apps Script Web App URL (replace with your actual deployed URL)\n const GOOGLE_SCRIPT_URL = \"https:\/\/script.google.com\/macros\/s\/AKfycbw8KXO_3q9ycbS_Q9wicisMD12Py4UajqZJzgVoz-uIImAlOnuxRs-gZHeMiTlMGyorJQ\/exec\";\n\n \/\/ DOM Elements\n const form = document.getElementById('registrationForm');\n const courseSelect = document.getElementById('course');\n const courseInfo = document.getElementById('courseInfo');\n const startDate = document.getElementById('startDate');\n const classTime = document.getElementById('classTime');\n const submitBtn = document.getElementById('submitBtn');\n const successMessage = document.getElementById('successMessage');\n\n \/\/ Show course details when course is selected\n courseSelect.addEventListener('change', function() {\n const selectedCourse = this.value;\n if (selectedCourse && courseDetails[selectedCourse]) {\n const details = courseDetails[selectedCourse];\n startDate.textContent = details.date;\n classTime.textContent = details.time;\n courseInfo.style.display = 'block';\n } else {\n courseInfo.style.display = 'none';\n }\n });\n\n \/\/ Form validation\n function validateForm() {\n let isValid = true;\n \n \/\/ Name validation\n const name = document.getElementById('name').value.trim();\n if (!name) {\n showError('nameError', true);\n isValid = false;\n } else {\n showError('nameError', false);\n }\n \n \/\/ Email validation\n const email = document.getElementById('email').value.trim();\n const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n if (!email || !emailRegex.test(email)) {\n showError('emailError', true);\n isValid = false;\n } else {\n showError('emailError', false);\n }\n \n \/\/ Confirm email validation\n const confirmEmail = document.getElementById('confirmEmail').value.trim();\n if (!confirmEmail || confirmEmail !== email) {\n showError('confirmEmailError', true);\n isValid = false;\n } else {\n showError('confirmEmailError', false);\n }\n \n \/\/ Payment ID validation\n const paymentId = document.getElementById('paymentId').value.trim();\n if (!paymentId) {\n showError('paymentIdError', true);\n isValid = false;\n } else {\n showError('paymentIdError', false);\n }\n \n \/\/ Course validation\n const course = courseSelect.value;\n if (!course) {\n showError('courseError', true);\n isValid = false;\n } else {\n showError('courseError', false);\n }\n \n return isValid;\n }\n\n function showError(elementId, show) {\n const element = document.getElementById(elementId);\n if (show) {\n element.style.display = 'block';\n element.previousElementSibling.classList.add('error');\n } else {\n element.style.display = 'none';\n element.previousElementSibling.classList.remove('error');\n }\n }\n\n \/\/ Handle form submission\n form.addEventListener('submit', async function(e) {\n e.preventDefault();\n \n if (!validateForm()) {\n return;\n }\n \n \/\/ Show loading state\n submitBtn.disabled = true;\n submitBtn.textContent = 'Submitting...';\n \n const formData = {\n name: document.getElementById('name').value.trim(),\n email: document.getElementById('email').value.trim(),\n paymentId: document.getElementById('paymentId').value.trim(),\n course: courseSelect.value,\n sheetId: \"1f4Hjiqs7N-vvKp_24DTrQiiBORtYK0D-gDjx2GbUqa8\"\n };\n \n try {\n const response = await fetch(GOOGLE_SCRIPT_URL, {\n method: 'POST',\n mode: 'no-cors', \/\/ Required for Google Apps Script\n headers: {\n 'Content-Type': 'text\/plain;charset=utf-8'\n },\n body: JSON.stringify(formData)\n });\n \n \/\/ Since we're using no-cors, we can't read the response, so we assume success\n \/\/ Show success message\n form.style.display = 'none';\n successMessage.style.display = 'block';\n \n } catch (error) {\n console.error('Submission error:', error);\n alert('An error occurred while submitting your registration. Please try again.');\n submitBtn.disabled = false;\n submitBtn.textContent = 'Register Now';\n }\n });\n\n \/\/ Initialize form\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Clear any existing data\n form.reset();\n courseInfo.style.display = 'none';\n });\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>MEAN Payment Portal MEAN Payment Portal Mathematics Education Advocacy Nepal QR Code not available \ud83c\udfe6 Bank Account Details Bank: Global IME Bank Branch: Kirtipur Branch Account Holder: MATHEMATICS EDUCATION ADVOCACY NEPAL PRIVATE LIMITED Account No: 0501010000558 \ud83d\udcf1 E-Sewa Details E-Sewa ID: 9847360402 E-Sewa ID Name: MATHEMATICS EDUCATION ADVOCACY NEPAL \ud83c\udf89 You’re Almost Done! \ud83c\udf89 After […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"_links":{"self":[{"href":"https:\/\/mean.edu.np\/index.php\/wp-json\/wp\/v2\/pages\/365"}],"collection":[{"href":"https:\/\/mean.edu.np\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mean.edu.np\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mean.edu.np\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mean.edu.np\/index.php\/wp-json\/wp\/v2\/comments?post=365"}],"version-history":[{"count":15,"href":"https:\/\/mean.edu.np\/index.php\/wp-json\/wp\/v2\/pages\/365\/revisions"}],"predecessor-version":[{"id":386,"href":"https:\/\/mean.edu.np\/index.php\/wp-json\/wp\/v2\/pages\/365\/revisions\/386"}],"wp:attachment":[{"href":"https:\/\/mean.edu.np\/index.php\/wp-json\/wp\/v2\/media?parent=365"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":365,"date":"2025-09-29T08:28:06","date_gmt":"2025-09-29T08:28:06","guid":{"rendered":"https:\/\/mean.edu.np\/?page_id=365"},"modified":"2025-09-29T11:50:19","modified_gmt":"2025-09-29T11:50:19","slug":"request-the-course-access","status":"publish","type":"page","link":"https:\/\/mean.edu.np\/index.php\/request-the-course-access\/","title":{"rendered":"Request the course Access"},"content":{"rendered":"\n\n\n\n\n \n \n MEAN Payment Portal<\/title>\n \n <style>\n .container {\n border-radius: 20px;\n overflow: hidden;\n \n display: flex;\n flex-direction: column;\n }\n \n .header {\n background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);\n color: white;\n padding: 30px;\n text-align: center;\n }\n \n .header h1 {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 10px;\n }\n \n .header p {\n font-size: 1.1rem;\n opacity: 0.9;\n }\n \n .content {\n display: flex;\n flex-wrap: wrap;\n padding: 30px;\n gap: 30px;\n }\n \n .payment-info {\n flex: 1;\n min-width: 300px;\n }\n \n .almost-done-section {\n flex: 1;\n min-width: 300px;\n display: flex;\n flex-direction: column;\n gap: 25px;\n }\n \n .section {\n background: #f8f9fa;\n border-radius: 15px;\n padding: 25px;\n margin-bottom: 25px;\n border-left: 4px solid #ff6b6b;\n }\n \n .section h3 {\n color: #ff6b6b;\n margin-bottom: 15px;\n font-size: 1.3rem;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n \n .section p {\n line-height: 1.6;\n color: #333;\n }\n \n .qr-container {\n text-align: center;\n margin: 20px 0;\n }\n \n .qr-image {\n max-width: 250px;\n height: auto;\n border: 3px solid #ddd;\n border-radius: 12px;\n margin: 15px auto;\n display: block;\n transition: transform 0.3s ease;\n }\n \n .qr-image:hover {\n transform: scale(1.05);\n }\n \n .qr-placeholder {\n display: none;\n text-align: center;\n color: #666;\n font-style: italic;\n }\n \n .form-group {\n margin-bottom: 20px;\n }\n \n .form-group label {\n display: block;\n margin-bottom: 8px;\n font-weight: 500;\n color: #333;\n }\n \n .form-group input,\n .form-group select {\n width: 100%;\n padding: 12px 15px;\n border: 2px solid #e1e5e9;\n border-radius: 10px;\n font-size: 16px;\n transition: border-color 0.3s ease;\n }\n \n .form-group input:focus,\n .form-group select:focus {\n outline: none;\n border-color: #4facfe;\n box-shadow: 0 0 0 3px rgba(79, 172, 254, 0.1);\n }\n \n .form-group input.error {\n border-color: #ff6b6b;\n }\n \n .error-message {\n color: #ff6b6b;\n font-size: 14px;\n margin-top: 5px;\n display: none;\n }\n \n .submit-btn {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: white;\n padding: 15px 30px;\n border: none;\n border-radius: 10px;\n font-size: 18px;\n font-weight: 600;\n cursor: pointer;\n width: 100%;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n \n .submit-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 10px 20px rgba(102, 126, 234, 0.3);\n }\n \n .submit-btn:active {\n transform: translateY(0);\n }\n \n .footer {\n text-align: center;\n padding: 20px;\n background: #f8f9fa;\n color: #666;\n font-size: 14px;\n }\n \n @media (max-width: 768px) {\n .content {\n flex-direction: column;\n }\n \n .header h1 {\n font-size: 2rem;\n }\n }\n \n .success-message {\n background: #d4edda;\n color: #155724;\n padding: 15px;\n border-radius: 10px;\n margin-top: 20px;\n display: none;\n }\n \n .promo-banner {\n background: linear-gradient(135deg, #ff6b6b 0%, #ff8e53 100%);\n color: white;\n padding: 25px;\n text-align: center;\n border-radius: 15px;\n animation: pulse 2s infinite;\n }\n \n .promo-banner h2 {\n font-size: 1.5rem;\n margin-bottom: 10px;\n }\n \n .promo-banner p {\n font-size: 1.1rem;\n font-weight: 500;\n }\n \n @keyframes pulse {\n 0% { box-shadow: 0 0 0 0 rgba(255, 107, 107, 0.4); }\n 70% { box-shadow: 0 0 0 10px rgba(255, 107, 107, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(255, 107, 107, 0); }\n }\n \n .course-info {\n background: #e8f4fd;\n border-radius: 10px;\n padding: 15px;\n margin-top: 15px;\n display: none;\n }\n \n .course-info h4 {\n margin-top: 0;\n color: #2c3e50;\n }\n \n .course-info a {\n color: #3498db;\n text-decoration: none;\n }\n \n .course-info a:hover {\n text-decoration: underline;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"header\">\n <h1>MEAN Payment Portal<\/h1>\n <p>Mathematics Education Advocacy Nepal<\/p>\n <\/div>\n \n <div class=\"content\">\n <div class=\"payment-info\">\n <div class=\"section\">\n <div class=\"qr-container\">\n <img decoding=\"async\" \n src=\"https:\/\/mean.edu.np\/wp-content\/uploads\/2025\/01\/MEAN-QR-948x1024.jpg\" \n alt=\"Payment QR Code \u2013 Scan to Pay\" \n class=\"qr-image\"\n onerror=\"this.style.display='none'; document.querySelector('.qr-placeholder').style.display='block';\"\n >\n <div class=\"qr-placeholder\">QR Code not available<\/div>\n <\/div>\n <\/div>\n \n <div class=\"section\">\n <h3>\ud83c\udfe6 Bank Account Details<\/h3>\n <p><strong>Bank:<\/strong> Global IME Bank<br>\n <strong>Branch:<\/strong> Kirtipur Branch<br>\n <strong>Account Holder:<\/strong> MATHEMATICS EDUCATION ADVOCACY NEPAL PRIVATE LIMITED<br>\n <strong>Account No:<\/strong> 0501010000558<\/p>\n <\/div>\n \n <div class=\"section\">\n <h3>\ud83d\udcf1 E-Sewa Details<\/h3>\n <p><strong>E-Sewa ID:<\/strong> 9847360402<br>\n <strong>E-Sewa ID Name:<\/strong> MATHEMATICS EDUCATION ADVOCACY NEPAL<\/p>\n <\/div>\n <\/div>\n\n <div class=\"almost-done-section\">\n <div class=\"promo-banner\">\n <h2>\ud83c\udf89 You’re Almost Done! \ud83c\udf89<\/h2>\n <p>After payment, fill this form to unlock your online course access!<\/p>\n <p><strong>You’ll receive an email with detailed course information immediately after submission!<\/strong><\/p>\n <\/div>\n\n <form id=\"registrationForm\">\n <div class=\"form-group\">\n <label for=\"name\">Full Name *<\/label>\n <input type=\"text\" id=\"name\" name=\"name\" required>\n <div class=\"error-message\" id=\"nameError\">Please enter your full name<\/div>\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"email\">Email Address *<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" required>\n <div class=\"error-message\" id=\"emailError\">Please enter a valid email address<\/div>\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"confirmEmail\">Confirm Email Address *<\/label>\n <input type=\"email\" id=\"confirmEmail\" name=\"confirmEmail\" required>\n <div class=\"error-message\" id=\"confirmEmailError\">Email addresses must match<\/div>\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"paymentId\">Payment ID *<\/label>\n <input type=\"text\" id=\"paymentId\" name=\"paymentId\" required>\n <div class=\"error-message\" id=\"paymentIdError\">Please enter your Payment ID<\/div>\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"course\">Choose Your Course *<\/label>\n <select id=\"course\" name=\"course\" required>\n <option value=\"\">Select a course<\/option>\n <option value=\"MAVI\">MAVI<\/option>\n <option value=\"NIMAVI\">NIMAVI<\/option>\n <option value=\"G8\">Grade 8<\/option>\n <option value=\"G9\">Grade 9<\/option>\n <option value=\"G10\">Grade 10<\/option>\n <option value=\"G11\">Grade 11<\/option>\n <option value=\"G12\">Grade 12<\/option>\n <\/select>\n <div class=\"error-message\" id=\"courseError\">Please select a course<\/div>\n <\/div>\n \n <div class=\"course-info\" id=\"courseInfo\">\n <h4>Course Details:<\/h4>\n \n <p><strong>Start Date:<\/strong> <span id=\"startDate\"><\/span><\/p>\n <p><strong>Class Time:<\/strong> <span id=\"classTime\"><\/span><\/p>\n <\/div>\n \n <button type=\"submit\" class=\"submit-btn\" id=\"submitBtn\">Register Now<\/button>\n <\/form>\n \n <div class=\"success-message\" id=\"successMessage\">\n <h3>Registration Successful!<\/h3>\n <p>Thank you for registering. Your details have been submitted successfully.<\/p>\n <p>Please check your email for further instructions and course details.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Course configuration with details\n const courseDetails = {\n MAVI: {\n date: \"January 15, 2024\",\n time: \"10:00 AM - 12:00 PM\"\n },\n NIMAVI: {\n \n date: \"January 16, 2024\",\n time: \"2:00 PM - 4:00 PM\"\n },\n G8: {\n \n date: \"January 17, 2024\",\n time: \"9:00 AM - 11:00 AM\"\n },\n G9: {\n \n date: \"January 18, 2024\",\n time: \"1:00 PM - 3:00 PM\"\n },\n G10: {\n \n date: \"January 19, 2024\",\n time: \"11:00 AM - 1:00 PM\"\n },\n G11: {\n \n date: \"January 20, 2024\",\n time: \"3:00 PM - 5:00 PM\"\n },\n G12: {\n \n \n date: \"January 21, 2024\",\n time: \"4:00 PM - 6:00 PM\"\n }\n };\n\n \/\/ Google Apps Script Web App URL (replace with your actual deployed URL)\n const GOOGLE_SCRIPT_URL = \"https:\/\/script.google.com\/macros\/s\/AKfycbw8KXO_3q9ycbS_Q9wicisMD12Py4UajqZJzgVoz-uIImAlOnuxRs-gZHeMiTlMGyorJQ\/exec\";\n\n \/\/ DOM Elements\n const form = document.getElementById('registrationForm');\n const courseSelect = document.getElementById('course');\n const courseInfo = document.getElementById('courseInfo');\n const startDate = document.getElementById('startDate');\n const classTime = document.getElementById('classTime');\n const submitBtn = document.getElementById('submitBtn');\n const successMessage = document.getElementById('successMessage');\n\n \/\/ Show course details when course is selected\n courseSelect.addEventListener('change', function() {\n const selectedCourse = this.value;\n if (selectedCourse && courseDetails[selectedCourse]) {\n const details = courseDetails[selectedCourse];\n startDate.textContent = details.date;\n classTime.textContent = details.time;\n courseInfo.style.display = 'block';\n } else {\n courseInfo.style.display = 'none';\n }\n });\n\n \/\/ Form validation\n function validateForm() {\n let isValid = true;\n \n \/\/ Name validation\n const name = document.getElementById('name').value.trim();\n if (!name) {\n showError('nameError', true);\n isValid = false;\n } else {\n showError('nameError', false);\n }\n \n \/\/ Email validation\n const email = document.getElementById('email').value.trim();\n const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n if (!email || !emailRegex.test(email)) {\n showError('emailError', true);\n isValid = false;\n } else {\n showError('emailError', false);\n }\n \n \/\/ Confirm email validation\n const confirmEmail = document.getElementById('confirmEmail').value.trim();\n if (!confirmEmail || confirmEmail !== email) {\n showError('confirmEmailError', true);\n isValid = false;\n } else {\n showError('confirmEmailError', false);\n }\n \n \/\/ Payment ID validation\n const paymentId = document.getElementById('paymentId').value.trim();\n if (!paymentId) {\n showError('paymentIdError', true);\n isValid = false;\n } else {\n showError('paymentIdError', false);\n }\n \n \/\/ Course validation\n const course = courseSelect.value;\n if (!course) {\n showError('courseError', true);\n isValid = false;\n } else {\n showError('courseError', false);\n }\n \n return isValid;\n }\n\n function showError(elementId, show) {\n const element = document.getElementById(elementId);\n if (show) {\n element.style.display = 'block';\n element.previousElementSibling.classList.add('error');\n } else {\n element.style.display = 'none';\n element.previousElementSibling.classList.remove('error');\n }\n }\n\n \/\/ Handle form submission\n form.addEventListener('submit', async function(e) {\n e.preventDefault();\n \n if (!validateForm()) {\n return;\n }\n \n \/\/ Show loading state\n submitBtn.disabled = true;\n submitBtn.textContent = 'Submitting...';\n \n const formData = {\n name: document.getElementById('name').value.trim(),\n email: document.getElementById('email').value.trim(),\n paymentId: document.getElementById('paymentId').value.trim(),\n course: courseSelect.value,\n sheetId: \"1f4Hjiqs7N-vvKp_24DTrQiiBORtYK0D-gDjx2GbUqa8\"\n };\n \n try {\n const response = await fetch(GOOGLE_SCRIPT_URL, {\n method: 'POST',\n mode: 'no-cors', \/\/ Required for Google Apps Script\n headers: {\n 'Content-Type': 'text\/plain;charset=utf-8'\n },\n body: JSON.stringify(formData)\n });\n \n \/\/ Since we're using no-cors, we can't read the response, so we assume success\n \/\/ Show success message\n form.style.display = 'none';\n successMessage.style.display = 'block';\n \n } catch (error) {\n console.error('Submission error:', error);\n alert('An error occurred while submitting your registration. Please try again.');\n submitBtn.disabled = false;\n submitBtn.textContent = 'Register Now';\n }\n });\n\n \/\/ Initialize form\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Clear any existing data\n form.reset();\n courseInfo.style.display = 'none';\n });\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>MEAN Payment Portal MEAN Payment Portal Mathematics Education Advocacy Nepal QR Code not available \ud83c\udfe6 Bank Account Details Bank: Global IME Bank Branch: Kirtipur Branch Account Holder: MATHEMATICS EDUCATION ADVOCACY NEPAL PRIVATE LIMITED Account No: 0501010000558 \ud83d\udcf1 E-Sewa Details E-Sewa ID: 9847360402 E-Sewa ID Name: MATHEMATICS EDUCATION ADVOCACY NEPAL \ud83c\udf89 You’re Almost Done! \ud83c\udf89 After […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"_links":{"self":[{"href":"https:\/\/mean.edu.np\/index.php\/wp-json\/wp\/v2\/pages\/365"}],"collection":[{"href":"https:\/\/mean.edu.np\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mean.edu.np\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mean.edu.np\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mean.edu.np\/index.php\/wp-json\/wp\/v2\/comments?post=365"}],"version-history":[{"count":15,"href":"https:\/\/mean.edu.np\/index.php\/wp-json\/wp\/v2\/pages\/365\/revisions"}],"predecessor-version":[{"id":386,"href":"https:\/\/mean.edu.np\/index.php\/wp-json\/wp\/v2\/pages\/365\/revisions\/386"}],"wp:attachment":[{"href":"https:\/\/mean.edu.np\/index.php\/wp-json\/wp\/v2\/media?parent=365"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}