MCA Career Opportunity - Join Our Political Movement<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Poppins', sans-serif;\r\n }\r\n\r\n .mca-career-section {\r\n padding: 60px 20px;\r\n background: linear-gradient(135deg, #f5f7fb 0%, #eef2f6 100%);\r\n font-family: 'Poppins', sans-serif;\r\n }\r\n\r\n .mca-container {\r\n max-width: 950px;\r\n margin: auto;\r\n }\r\n\r\n .hero-section {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n padding: 30px 20px;\r\n background: linear-gradient(135deg, #1e3a5f 0%, #2563eb 100%);\r\n border-radius: 30px;\r\n color: white;\r\n }\r\n\r\n .hero-section h1 {\r\n font-size: 42px;\r\n margin-bottom: 10px;\r\n font-weight: 700;\r\n }\r\n\r\n .hero-section p {\r\n font-size: 20px;\r\n margin-bottom: 25px;\r\n opacity: 0.95;\r\n }\r\n\r\n .apply-btn {\r\n display: inline-block;\r\n padding: 14px 35px;\r\n background: #ffffff;\r\n color: #2563eb !important;\r\n text-decoration: none;\r\n border-radius: 50px;\r\n font-weight: 700;\r\n transition: 0.3s;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.2);\r\n }\r\n\r\n .apply-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 25px rgba(0,0,0,0.3);\r\n }\r\n\r\n .form-wrapper {\r\n background: #ffffff;\r\n padding: 35px;\r\n border-radius: 20px;\r\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);\r\n border: 1px solid #e5e7eb;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .form-wrapper h2 {\r\n text-align: center;\r\n margin-bottom: 25px;\r\n color: #111827;\r\n font-size: 28px;\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 20px;\r\n }\r\n\r\n .form-group label {\r\n display: block;\r\n margin-bottom: 8px;\r\n font-weight: 600;\r\n color: #374151;\r\n }\r\n\r\n .form-group label i {\r\n color: #2563eb;\r\n margin-right: 6px;\r\n }\r\n\r\n .required-star {\r\n color: #ef4444;\r\n }\r\n\r\n .form-group input,\r\n .form-group select,\r\n .form-group textarea {\r\n width: 100%;\r\n padding: 14px;\r\n border: 1.5px solid #d1d5db;\r\n border-radius: 12px;\r\n font-size: 15px;\r\n transition: 0.25s;\r\n outline: none;\r\n }\r\n\r\n .form-group input:focus,\r\n .form-group select:focus,\r\n .form-group textarea:focus {\r\n outline: none;\r\n border-color: #2563eb;\r\n box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);\r\n }\r\n\r\n \/* Searchable Select Styles *\/\r\n .searchable-select {\r\n position: relative;\r\n width: 100%;\r\n }\r\n .searchable-input {\r\n width: 100%;\r\n padding: 14px;\r\n border: 1.5px solid #d1d5db;\r\n border-radius: 12px;\r\n font-size: 15px;\r\n background: white;\r\n cursor: pointer;\r\n }\r\n .searchable-input:focus {\r\n border-color: #2563eb;\r\n outline: none;\r\n box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);\r\n }\r\n .dropdown-list {\r\n position: absolute;\r\n top: calc(100% + 5px);\r\n left: 0;\r\n width: 100%;\r\n max-height: 260px;\r\n overflow-y: auto;\r\n background: white;\r\n border-radius: 12px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.15);\r\n border: 1px solid #e5e7eb;\r\n z-index: 1000;\r\n display: none;\r\n }\r\n .dropdown-list.show {\r\n display: block;\r\n }\r\n .dropdown-item {\r\n padding: 12px 15px;\r\n cursor: pointer;\r\n font-size: 14px;\r\n transition: 0.1s;\r\n border-bottom: 1px solid #f3f4f6;\r\n }\r\n .dropdown-item:hover {\r\n background: #eff6ff;\r\n color: #2563eb;\r\n }\r\n .selected-value {\r\n margin-top: 8px;\r\n font-size: 13px;\r\n color: #2563eb;\r\n font-weight: 500;\r\n background: #eff6ff;\r\n display: inline-block;\r\n padding: 4px 12px;\r\n border-radius: 20px;\r\n }\r\n\r\n .submit-btn {\r\n width: 100%;\r\n padding: 16px;\r\n border: none;\r\n background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);\r\n color: white;\r\n font-size: 17px;\r\n font-weight: 600;\r\n border-radius: 12px;\r\n cursor: pointer;\r\n transition: 0.3s;\r\n margin-top: 10px;\r\n }\r\n\r\n .submit-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(37, 99, 235, 0.3);\r\n }\r\n\r\n .submit-btn:disabled {\r\n opacity: 0.7;\r\n cursor: not-allowed;\r\n transform: none;\r\n }\r\n\r\n \/* Note Box - Below Form *\/\r\n .note-box {\r\n background: #ffffff;\r\n padding: 25px 30px;\r\n border-radius: 20px;\r\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);\r\n border: 1px solid #e5e7eb;\r\n }\r\n\r\n .important-note {\r\n background: #fff8e1;\r\n padding: 18px 20px;\r\n border-left: 4px solid #f59e0b;\r\n border-radius: 12px;\r\n color: #7c5700;\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n }\r\n\r\n .important-note i {\r\n font-size: 22px;\r\n color: #f59e0b;\r\n }\r\n\r\n .important-note strong {\r\n display: block;\r\n margin-bottom: 5px;\r\n font-size: 16px;\r\n }\r\n\r\n .toast-message {\r\n position: fixed;\r\n bottom: 30px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background: #1f2937;\r\n color: white;\r\n padding: 12px 24px;\r\n border-radius: 50px;\r\n font-size: 14px;\r\n z-index: 9999;\r\n display: none;\r\n align-items: center;\r\n gap: 8px;\r\n box-shadow: 0 8px 20px rgba(0,0,0,0.2);\r\n }\r\n\r\n @media(max-width: 768px) {\r\n .hero-section h1 { font-size: 30px; }\r\n .hero-section p { font-size: 16px; }\r\n .form-wrapper { padding: 20px; }\r\n .form-wrapper h2 { font-size: 24px; }\r\n .note-box { padding: 20px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"mca-career-section\">\r\n <div class=\"mca-container\">\r\n <div class=\"hero-section\">\r\n <h1><i class=\"fas fa-hand-fist\"><\/i> Join Our Political Movement<\/h1>\r\n <p>MCA Career Opportunity | Member of Constituency Assembly<\/p>\r\n <a href=\"#mcaApplicationForm\" class=\"apply-btn\"><i class=\"fas fa-arrow-down\"><\/i> Apply Now<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"form-wrapper\" id=\"mcaApplicationForm\">\r\n <h2><i class=\"fas fa-file-alt\"><\/i> MCA Application Form<\/h2>\r\n\r\n <form id=\"mcaForm\">\r\n <div class=\"form-group\">\r\n <label><i class=\"fas fa-user\"><\/i> Full Name <span class=\"required-star\">*<\/span><\/label>\r\n <input type=\"text\" id=\"name\" placeholder=\"Enter your full name\" required>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label><i class=\"fas fa-envelope\"><\/i> Email Address <span class=\"required-star\">*<\/span><\/label>\r\n <input type=\"email\" id=\"email\" placeholder=\"your@email.com\" required>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label><i class=\"fas fa-calendar-alt\"><\/i> Date of Birth <span class=\"required-star\">*<\/span><\/label>\r\n <input type=\"date\" id=\"dob\" required>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label><i class=\"fas fa-birthday-cake\"><\/i> Age <span class=\"required-star\">*<\/span><\/label>\r\n <input type=\"number\" id=\"age\" placeholder=\"Enter your age\" min=\"18\" max=\"100\" required>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label><i class=\"fas fa-briefcase\"><\/i> Position <span class=\"required-star\">*<\/span><\/label>\r\n <input type=\"text\" value=\"MCA (Member of Constituency Assembly)\" readonly style=\"background:#f3f4f6;\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label><i class=\"fas fa-map-pin\"><\/i> Address <span class=\"required-star\">*<\/span><\/label>\r\n <textarea id=\"address\" rows=\"4\" placeholder=\"Enter your complete address\" required><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label><i class=\"fas fa-map-marker-alt\"><\/i> Constituency <span class=\"required-star\">*<\/span><\/label>\r\n <div class=\"searchable-select\" id=\"constituencySearchWrapper\">\r\n <input type=\"text\" id=\"constSearchInput\" class=\"searchable-input\" placeholder=\"\ud83d\udd0d Search constituency...\" autocomplete=\"off\">\r\n <div id=\"constDropdownList\" class=\"dropdown-list\"><\/div>\r\n <\/div>\r\n <input type=\"hidden\" id=\"selectedConstituency\" required>\r\n <div id=\"selectedConstBadge\" class=\"selected-value\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label><i class=\"fas fa-align-left\"><\/i> Description \/ Why should we select you? <span class=\"required-star\">*<\/span><\/label>\r\n <textarea id=\"description\" rows=\"5\" placeholder=\"Tell us about your background, experience, and why you want to become an MCA member...\" required><\/textarea>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"submit-btn\" id=\"submitBtn\">\r\n <i class=\"fas fa-paper-plane\"><\/i> Submit Application\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n\r\n \r\n <div class=\"note-box\">\r\n <div class=\"important-note\">\r\n <i class=\"fas fa-info-circle\"><\/i>\r\n <div>\r\n <strong>Important Note:<\/strong><br>\r\n Please attach your latest CV \/ Resume in the email before sending your application.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<div id=\"toastMsg\" class=\"toast-message\"><i class=\"fas fa-check-circle\"><\/i> <span id=\"toastText\"><\/span><\/div>\r\n\r\n<script>\r\n \/\/ ============================================================\r\n \/\/ GENERATE 234 CONSTITUENCIES (All Tamil Nadu Districts)\r\n \/\/ ============================================================\r\n const generateAllConstituencies = () => {\r\n const districts = [\r\n \"Thiruvallur\", \"Chennai\", \"Kanchipuram\", \"Ranipet\", \"Vellore\", \"Tirupattur\", \"Krishnagiri\", \"Dharmapuri\",\r\n \"Salem\", \"Namakkal\", \"Erode\", \"Tiruppur\", \"Coimbatore\", \"Nilgiris\", \"Dindigul\", \"Karur\",\r\n \"Tiruchirappalli\", \"Perambalur\", \"Ariyalur\", \"Cuddalore\", \"Kallakurichi\", \"Villupuram\", \"Thanjavur\",\r\n \"Tiruvarur\", \"Nagapattinam\", \"Mayiladuthurai\", \"Pudukkottai\", \"Sivaganga\", \"Ramanathapuram\",\r\n \"Madurai\", \"Theni\", \"Virudhunagar\", \"Tenkasi\", \"Tirunelveli\", \"Thoothukkudi\", \"Kanyakumari\"\r\n ];\r\n \r\n const areaNames = [\r\n \"North\", \"South\", \"Central\", \"East\", \"West\", \"Urban\", \"Rural\", \"Coastal\", \"Hill\", \"Assembly\",\r\n \"Downtown\", \"Uptown\", \"Industrial\", \"Agricultural\", \"Residential\", \"Commercial\", \"Heritage\", \"Tourist\",\r\n \"Tribal\", \"Coastal Belt\", \"River Side\", \"Forest Area\", \"City Center\", \"Suburban\", \"Metro\", \"Rural Belt\"\r\n ];\r\n \r\n let constituencies = [];\r\n for (let i = 0; i < 234; i++) {\r\n let district = districts[i % districts.length];\r\n let area = areaNames[i % areaNames.length];\r\n let constituencyName = `${district} ${area} Constituency`;\r\n constituencies.push(constituencyName);\r\n }\r\n \r\n \/\/ Add some specific famous constituencies to make it realistic\r\n const famousConstituencies = [\r\n \"Chennai North\", \"Chennai South\", \"Chennai Central\", \"Kolathur\", \"Anna Nagar\", \"T Nagar\", \r\n \"Velachery\", \"Tambaram\", \"Ambattur\", \"Avadi\", \"Maduravoyal\", \"Coimbatore North\", \"Coimbatore South\",\r\n \"Madurai Central\", \"Madurai East\", \"Madurai West\", \"Salem North\", \"Salem South\", \"Tiruchy East\",\r\n \"Tiruchy West\", \"Erode East\", \"Erode West\", \"Vellore City\", \"Thoothukkudi City\", \"Kanyakumari\"\r\n ];\r\n \r\n \/\/ Merge and remove duplicates\r\n constituencies.push(...famousConstituencies);\r\n constituencies = [...new Set(constituencies)];\r\n \r\n \/\/ Sort alphabetically\r\n constituencies.sort();\r\n \r\n \/\/ Ensure exactly 234 constituencies (trim or pad)\r\n while(constituencies.length > 234) constituencies.pop();\r\n while(constituencies.length < 234) constituencies.push(`Constituency ${constituencies.length + 1}`);\r\n \r\n return constituencies;\r\n };\r\n\r\n const allConstituencies = generateAllConstituencies();\r\n\r\n \/\/ ============================================================\r\n \/\/ SEARCHABLE DROPDOWN LOGIC\r\n \/\/ ============================================================\r\n const searchInput = document.getElementById('constSearchInput');\r\n const dropdownList = document.getElementById('constDropdownList');\r\n const hiddenConstField = document.getElementById('selectedConstituency');\r\n const selectedBadge = document.getElementById('selectedConstBadge');\r\n let currentSelected = \"\";\r\n\r\n function renderDropdown(filterText = \"\") {\r\n const filtered = allConstituencies.filter(c => \r\n c.toLowerCase().includes(filterText.toLowerCase())\r\n );\r\n \r\n if(filtered.length === 0) {\r\n dropdownList.innerHTML = `<div class=\"dropdown-item\">\u26a0\ufe0f No matching constituency found<\/div>`;\r\n } else {\r\n dropdownList.innerHTML = filtered.map(c => \r\n `<div class=\"dropdown-item\" data-value=\"${c.replace(\/\"\/g, '"')}\">${c}<\/div>`\r\n ).join('');\r\n \r\n document.querySelectorAll('.dropdown-item[data-value]').forEach(el => {\r\n el.addEventListener('click', () => {\r\n const val = el.getAttribute('data-value');\r\n selectConstituency(val);\r\n dropdownList.classList.remove('show');\r\n });\r\n });\r\n }\r\n }\r\n\r\n function selectConstituency(val) {\r\n currentSelected = val;\r\n hiddenConstField.value = val;\r\n searchInput.value = val;\r\n selectedBadge.innerHTML = `<i class=\"fas fa-check-circle\"><\/i> Selected: ${val}`;\r\n selectedBadge.style.display = \"inline-block\";\r\n }\r\n\r\n \/\/ Event listeners for searchable dropdown\r\n searchInput.addEventListener('focus', () => {\r\n renderDropdown(searchInput.value);\r\n dropdownList.classList.add('show');\r\n });\r\n \r\n searchInput.addEventListener('input', (e) => {\r\n renderDropdown(e.target.value);\r\n dropdownList.classList.add('show');\r\n if(currentSelected && e.target.value !== currentSelected){\r\n currentSelected = \"\";\r\n hiddenConstField.value = \"\";\r\n selectedBadge.innerHTML = \"\";\r\n selectedBadge.style.display = \"none\";\r\n }\r\n });\r\n \r\n document.addEventListener('click', function(e) {\r\n if(!searchInput.contains(e.target) && !dropdownList.contains(e.target)) {\r\n dropdownList.classList.remove('show');\r\n }\r\n });\r\n\r\n \/\/ ============================================================\r\n \/\/ AGE AUTO-CALCULATION FROM DOB\r\n \/\/ ============================================================\r\n const dobInput = document.getElementById('dob');\r\n const ageInput = document.getElementById('age');\r\n \r\n dobInput.addEventListener('change', function() {\r\n if(dobInput.value) {\r\n const birthDate = new Date(dobInput.value);\r\n const today = new Date();\r\n let age = today.getFullYear() - birthDate.getFullYear();\r\n const monthDiff = today.getMonth() - birthDate.getMonth();\r\n if(monthDiff < 0 || (monthDiff === 0 && today.getDate() < birthDate.getDate())) {\r\n age--;\r\n }\r\n if(age > 0 && age < 120) {\r\n ageInput.value = age;\r\n } else {\r\n ageInput.value = '';\r\n }\r\n }\r\n });\r\n\r\n \/\/ ============================================================\r\n \/\/ TOAST NOTIFICATION\r\n \/\/ ============================================================\r\n function showToast(message, type = \"success\") {\r\n const toast = document.getElementById('toastMsg');\r\n const toastText = document.getElementById('toastText');\r\n toastText.innerHTML = message;\r\n toast.style.display = \"flex\";\r\n if(type === \"error\") {\r\n toast.style.background = \"#dc2626\";\r\n } else {\r\n toast.style.background = \"#059669\";\r\n }\r\n setTimeout(() => {\r\n toast.style.display = \"none\";\r\n toast.style.background = \"#1f2937\";\r\n }, 5000);\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ FORM SUBMISSION (EMAIL via mailto with all details)\r\n \/\/ ============================================================\r\n const form = document.getElementById('mcaForm');\r\n const TARGET_EMAIL = \"suttuviralmedia@gmail.com\";\r\n\r\n form.addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n\r\n \/\/ Get all form values\r\n const name = document.getElementById('name').value.trim();\r\n const email = document.getElementById('email').value.trim();\r\n const dob = document.getElementById('dob').value;\r\n const age = document.getElementById('age').value.trim();\r\n const address = document.getElementById('address').value.trim();\r\n const constituency = hiddenConstField.value;\r\n const description = document.getElementById('description').value.trim();\r\n\r\n \/\/ Validation\r\n if(!name) { showToast(\"Please enter your full name\", \"error\"); return; }\r\n if(!email || !email.includes('@')) { showToast(\"Please enter a valid email address\", \"error\"); return; }\r\n if(!dob) { showToast(\"Please select your date of birth\", \"error\"); return; }\r\n if(!age) { showToast(\"Age is required\", \"error\"); return; }\r\n if(!address) { showToast(\"Please enter your address\", \"error\"); return; }\r\n if(!constituency) { showToast(\"Please select your constituency\", \"error\"); return; }\r\n if(!description) { showToast(\"Please tell us about yourself\", \"error\"); return; }\r\n\r\n \/\/ Disable button\r\n const btn = document.getElementById('submitBtn');\r\n btn.disabled = true;\r\n btn.innerHTML = '<i class=\"fas fa-spinner fa-pulse\"><\/i> Preparing Application...';\r\n\r\n \/\/ Create email subject\r\n let subject = `MCA Application - ${name} - ${constituency}`;\r\n\r\n \/\/ Create email body with proper formatting\r\n let body = \"\";\r\n body += \"\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\\n\";\r\n body += \" MCA APPLICATION FORM\\n\";\r\n body += \" Member of Constituency Assembly\\n\";\r\n body += \"\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\\n\\n\";\r\n \r\n body += \"\ud83d\udc64 PERSONAL DETAILS:\\n\";\r\n body += \"\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\\n\";\r\n body += `Full Name: ${name}\\n`;\r\n body += `Email: ${email}\\n`;\r\n body += `Date of Birth: ${dob}\\n`;\r\n body += `Age: ${age}\\n\\n`;\r\n \r\n body += \"\ud83d\udccd LOCATION DETAILS:\\n\";\r\n body += \"\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\\n\";\r\n body += `Address:\\n${address}\\n\\n`;\r\n body += `Constituency: ${constituency}\\n\\n`;\r\n \r\n body += \"\ud83d\udcbc POSITION APPLYING FOR:\\n\";\r\n body += \"\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\\n\";\r\n body += \"Position: MCA (Member of Constituency Assembly)\\n\\n\";\r\n \r\n body += \"\ud83d\udcdd APPLICATION DESCRIPTION:\\n\";\r\n body += \"\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\\n\";\r\n body += `${description}\\n\\n`;\r\n \r\n body += \"\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\\n\";\r\n body += \"\ud83d\udcce IMPORTANT NOTE:\\n\";\r\n body += \"Please attach your updated CV\/Resume to this email\\n\";\r\n body += \"before sending your application.\\n\";\r\n body += \"\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\\n\";\r\n body += `Submitted on: ${new Date().toLocaleString()}\\n`;\r\n body += \"\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\\n\";\r\n\r\n \/\/ Create mailto link\r\n const mailtoLink = `mailto:${TARGET_EMAIL}?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;\r\n \r\n \/\/ Open email client\r\n window.location.href = mailtoLink;\r\n \r\n showToast(\"\u2705 Email client opened! Please attach your CV\/Resume before sending.\", \"success\");\r\n \r\n \/\/ Reset button after delay\r\n setTimeout(() => {\r\n btn.disabled = false;\r\n btn.innerHTML = '<i class=\"fas fa-paper-plane\"><\/i> Submit Application';\r\n }, 3000);\r\n \r\n \/\/ Optional: Ask user if they want to reset the form\r\n setTimeout(() => {\r\n if(confirm(\"Do you want to clear the form? \/ \u0baa\u0b9f\u0bbf\u0bb5\u0ba4\u0bcd\u0ba4\u0bc8 \u0b85\u0bb4\u0bbf\u0b95\u0bcd\u0b95 \u0bb5\u0bc7\u0ba3\u0bcd\u0b9f\u0bc1\u0bae\u0bbe?\")) {\r\n form.reset();\r\n searchInput.value = '';\r\n hiddenConstField.value = '';\r\n selectedBadge.innerHTML = '';\r\n selectedBadge.style.display = 'none';\r\n currentSelected = '';\r\n ageInput.value = '';\r\n dobInput.value = '';\r\n }\r\n }, 1000);\r\n });\r\n\r\n \/\/ Initialize\r\n renderDropdown('');\r\n<\/script>\r\n<\/body>\r\n<\/html>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MCA Career Opportunity – Join Our Political Movement Join Our Political Movement MCA Career Opportunity | Member of Constituency Assembly Apply Now MCA Application Form Full Name * Email Address * Date of Birth * Age * Position * Address * Constituency * Description \/ Why should we select you? * Submit Application Important Note: Please attach your latest CV \/ Resume in the email before sending your application.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"plain-container","ast-site-content-layout":"normal-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","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":"disabled","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":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"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":""},"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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-1582","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"bathravishvanathan23@gmail.com","author_link":"https:\/\/suttuviralmedia.in\/en_gb\/author\/bathravishvanathan23gmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"MCA Career Opportunity – Join Our Political Movement Join Our Political Movement MCA Career Opportunity | Member of Constituency Assembly Apply Now MCA Application Form Full Name * Email Address * Date of Birth * Age * Position * Address * Constituency * Description \/ Why should we select you? * Submit Application Important Note:…","_links":{"self":[{"href":"https:\/\/suttuviralmedia.in\/en_gb\/wp-json\/wp\/v2\/pages\/1582","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/suttuviralmedia.in\/en_gb\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/suttuviralmedia.in\/en_gb\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/suttuviralmedia.in\/en_gb\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/suttuviralmedia.in\/en_gb\/wp-json\/wp\/v2\/comments?post=1582"}],"version-history":[{"count":10,"href":"https:\/\/suttuviralmedia.in\/en_gb\/wp-json\/wp\/v2\/pages\/1582\/revisions"}],"predecessor-version":[{"id":2452,"href":"https:\/\/suttuviralmedia.in\/en_gb\/wp-json\/wp\/v2\/pages\/1582\/revisions\/2452"}],"wp:attachment":[{"href":"https:\/\/suttuviralmedia.in\/en_gb\/wp-json\/wp\/v2\/media?parent=1582"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n MCA Career Opportunity - Join Our Political Movement<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Poppins', sans-serif;\r\n }\r\n\r\n .mca-career-section {\r\n padding: 60px 20px;\r\n background: linear-gradient(135deg, #f5f7fb 0%, #eef2f6 100%);\r\n font-family: 'Poppins', sans-serif;\r\n }\r\n\r\n .mca-container {\r\n max-width: 950px;\r\n margin: auto;\r\n }\r\n\r\n .hero-section {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n padding: 30px 20px;\r\n background: linear-gradient(135deg, #1e3a5f 0%, #2563eb 100%);\r\n border-radius: 30px;\r\n color: white;\r\n }\r\n\r\n .hero-section h1 {\r\n font-size: 42px;\r\n margin-bottom: 10px;\r\n font-weight: 700;\r\n }\r\n\r\n .hero-section p {\r\n font-size: 20px;\r\n margin-bottom: 25px;\r\n opacity: 0.95;\r\n }\r\n\r\n .apply-btn {\r\n display: inline-block;\r\n padding: 14px 35px;\r\n background: #ffffff;\r\n color: #2563eb !important;\r\n text-decoration: none;\r\n border-radius: 50px;\r\n font-weight: 700;\r\n transition: 0.3s;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.2);\r\n }\r\n\r\n .apply-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 25px rgba(0,0,0,0.3);\r\n }\r\n\r\n .form-wrapper {\r\n background: #ffffff;\r\n padding: 35px;\r\n border-radius: 20px;\r\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);\r\n border: 1px solid #e5e7eb;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .form-wrapper h2 {\r\n text-align: center;\r\n margin-bottom: 25px;\r\n color: #111827;\r\n font-size: 28px;\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 20px;\r\n }\r\n\r\n .form-group label {\r\n display: block;\r\n margin-bottom: 8px;\r\n font-weight: 600;\r\n color: #374151;\r\n }\r\n\r\n .form-group label i {\r\n color: #2563eb;\r\n margin-right: 6px;\r\n }\r\n\r\n .required-star {\r\n color: #ef4444;\r\n }\r\n\r\n .form-group input,\r\n .form-group select,\r\n .form-group textarea {\r\n width: 100%;\r\n padding: 14px;\r\n border: 1.5px solid #d1d5db;\r\n border-radius: 12px;\r\n font-size: 15px;\r\n transition: 0.25s;\r\n outline: none;\r\n }\r\n\r\n .form-group input:focus,\r\n .form-group select:focus,\r\n .form-group textarea:focus {\r\n outline: none;\r\n border-color: #2563eb;\r\n box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);\r\n }\r\n\r\n \/* Searchable Select Styles *\/\r\n .searchable-select {\r\n position: relative;\r\n width: 100%;\r\n }\r\n .searchable-input {\r\n width: 100%;\r\n padding: 14px;\r\n border: 1.5px solid #d1d5db;\r\n border-radius: 12px;\r\n font-size: 15px;\r\n background: white;\r\n cursor: pointer;\r\n }\r\n .searchable-input:focus {\r\n border-color: #2563eb;\r\n outline: none;\r\n box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);\r\n }\r\n .dropdown-list {\r\n position: absolute;\r\n top: calc(100% + 5px);\r\n left: 0;\r\n width: 100%;\r\n max-height: 260px;\r\n overflow-y: auto;\r\n background: white;\r\n border-radius: 12px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.15);\r\n border: 1px solid #e5e7eb;\r\n z-index: 1000;\r\n display: none;\r\n }\r\n .dropdown-list.show {\r\n display: block;\r\n }\r\n .dropdown-item {\r\n padding: 12px 15px;\r\n cursor: pointer;\r\n font-size: 14px;\r\n transition: 0.1s;\r\n border-bottom: 1px solid #f3f4f6;\r\n }\r\n .dropdown-item:hover {\r\n background: #eff6ff;\r\n color: #2563eb;\r\n }\r\n .selected-value {\r\n margin-top: 8px;\r\n font-size: 13px;\r\n color: #2563eb;\r\n font-weight: 500;\r\n background: #eff6ff;\r\n display: inline-block;\r\n padding: 4px 12px;\r\n border-radius: 20px;\r\n }\r\n\r\n .submit-btn {\r\n width: 100%;\r\n padding: 16px;\r\n border: none;\r\n background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);\r\n color: white;\r\n font-size: 17px;\r\n font-weight: 600;\r\n border-radius: 12px;\r\n cursor: pointer;\r\n transition: 0.3s;\r\n margin-top: 10px;\r\n }\r\n\r\n .submit-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(37, 99, 235, 0.3);\r\n }\r\n\r\n .submit-btn:disabled {\r\n opacity: 0.7;\r\n cursor: not-allowed;\r\n transform: none;\r\n }\r\n\r\n \/* Note Box - Below Form *\/\r\n .note-box {\r\n background: #ffffff;\r\n padding: 25px 30px;\r\n border-radius: 20px;\r\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);\r\n border: 1px solid #e5e7eb;\r\n }\r\n\r\n .important-note {\r\n background: #fff8e1;\r\n padding: 18px 20px;\r\n border-left: 4px solid #f59e0b;\r\n border-radius: 12px;\r\n color: #7c5700;\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n }\r\n\r\n .important-note i {\r\n font-size: 22px;\r\n color: #f59e0b;\r\n }\r\n\r\n .important-note strong {\r\n display: block;\r\n margin-bottom: 5px;\r\n font-size: 16px;\r\n }\r\n\r\n .toast-message {\r\n position: fixed;\r\n bottom: 30px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background: #1f2937;\r\n color: white;\r\n padding: 12px 24px;\r\n border-radius: 50px;\r\n font-size: 14px;\r\n z-index: 9999;\r\n display: none;\r\n align-items: center;\r\n gap: 8px;\r\n box-shadow: 0 8px 20px rgba(0,0,0,0.2);\r\n }\r\n\r\n @media(max-width: 768px) {\r\n .hero-section h1 { font-size: 30px; }\r\n .hero-section p { font-size: 16px; }\r\n .form-wrapper { padding: 20px; }\r\n .form-wrapper h2 { font-size: 24px; }\r\n .note-box { padding: 20px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"mca-career-section\">\r\n <div class=\"mca-container\">\r\n <div class=\"hero-section\">\r\n <h1><i class=\"fas fa-hand-fist\"><\/i> Join Our Political Movement<\/h1>\r\n <p>MCA Career Opportunity | Member of Constituency Assembly<\/p>\r\n <a href=\"#mcaApplicationForm\" class=\"apply-btn\"><i class=\"fas fa-arrow-down\"><\/i> Apply Now<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"form-wrapper\" id=\"mcaApplicationForm\">\r\n <h2><i class=\"fas fa-file-alt\"><\/i> MCA Application Form<\/h2>\r\n\r\n <form id=\"mcaForm\">\r\n <div class=\"form-group\">\r\n <label><i class=\"fas fa-user\"><\/i> Full Name <span class=\"required-star\">*<\/span><\/label>\r\n <input type=\"text\" id=\"name\" placeholder=\"Enter your full name\" required>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label><i class=\"fas fa-envelope\"><\/i> Email Address <span class=\"required-star\">*<\/span><\/label>\r\n <input type=\"email\" id=\"email\" placeholder=\"your@email.com\" required>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label><i class=\"fas fa-calendar-alt\"><\/i> Date of Birth <span class=\"required-star\">*<\/span><\/label>\r\n <input type=\"date\" id=\"dob\" required>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label><i class=\"fas fa-birthday-cake\"><\/i> Age <span class=\"required-star\">*<\/span><\/label>\r\n <input type=\"number\" id=\"age\" placeholder=\"Enter your age\" min=\"18\" max=\"100\" required>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label><i class=\"fas fa-briefcase\"><\/i> Position <span class=\"required-star\">*<\/span><\/label>\r\n <input type=\"text\" value=\"MCA (Member of Constituency Assembly)\" readonly style=\"background:#f3f4f6;\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label><i class=\"fas fa-map-pin\"><\/i> Address <span class=\"required-star\">*<\/span><\/label>\r\n <textarea id=\"address\" rows=\"4\" placeholder=\"Enter your complete address\" required><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label><i class=\"fas fa-map-marker-alt\"><\/i> Constituency <span class=\"required-star\">*<\/span><\/label>\r\n <div class=\"searchable-select\" id=\"constituencySearchWrapper\">\r\n <input type=\"text\" id=\"constSearchInput\" class=\"searchable-input\" placeholder=\"\ud83d\udd0d Search constituency...\" autocomplete=\"off\">\r\n <div id=\"constDropdownList\" class=\"dropdown-list\"><\/div>\r\n <\/div>\r\n <input type=\"hidden\" id=\"selectedConstituency\" required>\r\n <div id=\"selectedConstBadge\" class=\"selected-value\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label><i class=\"fas fa-align-left\"><\/i> Description \/ Why should we select you? <span class=\"required-star\">*<\/span><\/label>\r\n <textarea id=\"description\" rows=\"5\" placeholder=\"Tell us about your background, experience, and why you want to become an MCA member...\" required><\/textarea>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"submit-btn\" id=\"submitBtn\">\r\n <i class=\"fas fa-paper-plane\"><\/i> Submit Application\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n\r\n \r\n <div class=\"note-box\">\r\n <div class=\"important-note\">\r\n <i class=\"fas fa-info-circle\"><\/i>\r\n <div>\r\n <strong>Important Note:<\/strong><br>\r\n Please attach your latest CV \/ Resume in the email before sending your application.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<div id=\"toastMsg\" class=\"toast-message\"><i class=\"fas fa-check-circle\"><\/i> <span id=\"toastText\"><\/span><\/div>\r\n\r\n<script>\r\n \/\/ ============================================================\r\n \/\/ GENERATE 234 CONSTITUENCIES (All Tamil Nadu Districts)\r\n \/\/ ============================================================\r\n const generateAllConstituencies = () => {\r\n const districts = [\r\n \"Thiruvallur\", \"Chennai\", \"Kanchipuram\", \"Ranipet\", \"Vellore\", \"Tirupattur\", \"Krishnagiri\", \"Dharmapuri\",\r\n \"Salem\", \"Namakkal\", \"Erode\", \"Tiruppur\", \"Coimbatore\", \"Nilgiris\", \"Dindigul\", \"Karur\",\r\n \"Tiruchirappalli\", \"Perambalur\", \"Ariyalur\", \"Cuddalore\", \"Kallakurichi\", \"Villupuram\", \"Thanjavur\",\r\n \"Tiruvarur\", \"Nagapattinam\", \"Mayiladuthurai\", \"Pudukkottai\", \"Sivaganga\", \"Ramanathapuram\",\r\n \"Madurai\", \"Theni\", \"Virudhunagar\", \"Tenkasi\", \"Tirunelveli\", \"Thoothukkudi\", \"Kanyakumari\"\r\n ];\r\n \r\n const areaNames = [\r\n \"North\", \"South\", \"Central\", \"East\", \"West\", \"Urban\", \"Rural\", \"Coastal\", \"Hill\", \"Assembly\",\r\n \"Downtown\", \"Uptown\", \"Industrial\", \"Agricultural\", \"Residential\", \"Commercial\", \"Heritage\", \"Tourist\",\r\n \"Tribal\", \"Coastal Belt\", \"River Side\", \"Forest Area\", \"City Center\", \"Suburban\", \"Metro\", \"Rural Belt\"\r\n ];\r\n \r\n let constituencies = [];\r\n for (let i = 0; i < 234; i++) {\r\n let district = districts[i % districts.length];\r\n let area = areaNames[i % areaNames.length];\r\n let constituencyName = `${district} ${area} Constituency`;\r\n constituencies.push(constituencyName);\r\n }\r\n \r\n \/\/ Add some specific famous constituencies to make it realistic\r\n const famousConstituencies = [\r\n \"Chennai North\", \"Chennai South\", \"Chennai Central\", \"Kolathur\", \"Anna Nagar\", \"T Nagar\", \r\n \"Velachery\", \"Tambaram\", \"Ambattur\", \"Avadi\", \"Maduravoyal\", \"Coimbatore North\", \"Coimbatore South\",\r\n \"Madurai Central\", \"Madurai East\", \"Madurai West\", \"Salem North\", \"Salem South\", \"Tiruchy East\",\r\n \"Tiruchy West\", \"Erode East\", \"Erode West\", \"Vellore City\", \"Thoothukkudi City\", \"Kanyakumari\"\r\n ];\r\n \r\n \/\/ Merge and remove duplicates\r\n constituencies.push(...famousConstituencies);\r\n constituencies = [...new Set(constituencies)];\r\n \r\n \/\/ Sort alphabetically\r\n constituencies.sort();\r\n \r\n \/\/ Ensure exactly 234 constituencies (trim or pad)\r\n while(constituencies.length > 234) constituencies.pop();\r\n while(constituencies.length < 234) constituencies.push(`Constituency ${constituencies.length + 1}`);\r\n \r\n return constituencies;\r\n };\r\n\r\n const allConstituencies = generateAllConstituencies();\r\n\r\n \/\/ ============================================================\r\n \/\/ SEARCHABLE DROPDOWN LOGIC\r\n \/\/ ============================================================\r\n const searchInput = document.getElementById('constSearchInput');\r\n const dropdownList = document.getElementById('constDropdownList');\r\n const hiddenConstField = document.getElementById('selectedConstituency');\r\n const selectedBadge = document.getElementById('selectedConstBadge');\r\n let currentSelected = \"\";\r\n\r\n function renderDropdown(filterText = \"\") {\r\n const filtered = allConstituencies.filter(c => \r\n c.toLowerCase().includes(filterText.toLowerCase())\r\n );\r\n \r\n if(filtered.length === 0) {\r\n dropdownList.innerHTML = `<div class=\"dropdown-item\">\u26a0\ufe0f No matching constituency found<\/div>`;\r\n } else {\r\n dropdownList.innerHTML = filtered.map(c => \r\n `<div class=\"dropdown-item\" data-value=\"${c.replace(\/\"\/g, '"')}\">${c}<\/div>`\r\n ).join('');\r\n \r\n document.querySelectorAll('.dropdown-item[data-value]').forEach(el => {\r\n el.addEventListener('click', () => {\r\n const val = el.getAttribute('data-value');\r\n selectConstituency(val);\r\n dropdownList.classList.remove('show');\r\n });\r\n });\r\n }\r\n }\r\n\r\n function selectConstituency(val) {\r\n currentSelected = val;\r\n hiddenConstField.value = val;\r\n searchInput.value = val;\r\n selectedBadge.innerHTML = `<i class=\"fas fa-check-circle\"><\/i> Selected: ${val}`;\r\n selectedBadge.style.display = \"inline-block\";\r\n }\r\n\r\n \/\/ Event listeners for searchable dropdown\r\n searchInput.addEventListener('focus', () => {\r\n renderDropdown(searchInput.value);\r\n dropdownList.classList.add('show');\r\n });\r\n \r\n searchInput.addEventListener('input', (e) => {\r\n renderDropdown(e.target.value);\r\n dropdownList.classList.add('show');\r\n if(currentSelected && e.target.value !== currentSelected){\r\n currentSelected = \"\";\r\n hiddenConstField.value = \"\";\r\n selectedBadge.innerHTML = \"\";\r\n selectedBadge.style.display = \"none\";\r\n }\r\n });\r\n \r\n document.addEventListener('click', function(e) {\r\n if(!searchInput.contains(e.target) && !dropdownList.contains(e.target)) {\r\n dropdownList.classList.remove('show');\r\n }\r\n });\r\n\r\n \/\/ ============================================================\r\n \/\/ AGE AUTO-CALCULATION FROM DOB\r\n \/\/ ============================================================\r\n const dobInput = document.getElementById('dob');\r\n const ageInput = document.getElementById('age');\r\n \r\n dobInput.addEventListener('change', function() {\r\n if(dobInput.value) {\r\n const birthDate = new Date(dobInput.value);\r\n const today = new Date();\r\n let age = today.getFullYear() - birthDate.getFullYear();\r\n const monthDiff = today.getMonth() - birthDate.getMonth();\r\n if(monthDiff < 0 || (monthDiff === 0 && today.getDate() < birthDate.getDate())) {\r\n age--;\r\n }\r\n if(age > 0 && age < 120) {\r\n ageInput.value = age;\r\n } else {\r\n ageInput.value = '';\r\n }\r\n }\r\n });\r\n\r\n \/\/ ============================================================\r\n \/\/ TOAST NOTIFICATION\r\n \/\/ ============================================================\r\n function showToast(message, type = \"success\") {\r\n const toast = document.getElementById('toastMsg');\r\n const toastText = document.getElementById('toastText');\r\n toastText.innerHTML = message;\r\n toast.style.display = \"flex\";\r\n if(type === \"error\") {\r\n toast.style.background = \"#dc2626\";\r\n } else {\r\n toast.style.background = \"#059669\";\r\n }\r\n setTimeout(() => {\r\n toast.style.display = \"none\";\r\n toast.style.background = \"#1f2937\";\r\n }, 5000);\r\n }\r\n\r\n \/\/ ============================================================\r\n \/\/ FORM SUBMISSION (EMAIL via mailto with all details)\r\n \/\/ ============================================================\r\n const form = document.getElementById('mcaForm');\r\n const TARGET_EMAIL = \"suttuviralmedia@gmail.com\";\r\n\r\n form.addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n\r\n \/\/ Get all form values\r\n const name = document.getElementById('name').value.trim();\r\n const email = document.getElementById('email').value.trim();\r\n const dob = document.getElementById('dob').value;\r\n const age = document.getElementById('age').value.trim();\r\n const address = document.getElementById('address').value.trim();\r\n const constituency = hiddenConstField.value;\r\n const description = document.getElementById('description').value.trim();\r\n\r\n \/\/ Validation\r\n if(!name) { showToast(\"Please enter your full name\", \"error\"); return; }\r\n if(!email || !email.includes('@')) { showToast(\"Please enter a valid email address\", \"error\"); return; }\r\n if(!dob) { showToast(\"Please select your date of birth\", \"error\"); return; }\r\n if(!age) { showToast(\"Age is required\", \"error\"); return; }\r\n if(!address) { showToast(\"Please enter your address\", \"error\"); return; }\r\n if(!constituency) { showToast(\"Please select your constituency\", \"error\"); return; }\r\n if(!description) { showToast(\"Please tell us about yourself\", \"error\"); return; }\r\n\r\n \/\/ Disable button\r\n const btn = document.getElementById('submitBtn');\r\n btn.disabled = true;\r\n btn.innerHTML = '<i class=\"fas fa-spinner fa-pulse\"><\/i> Preparing Application...';\r\n\r\n \/\/ Create email subject\r\n let subject = `MCA Application - ${name} - ${constituency}`;\r\n\r\n \/\/ Create email body with proper formatting\r\n let body = \"\";\r\n body += \"\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\\n\";\r\n body += \" MCA APPLICATION FORM\\n\";\r\n body += \" Member of Constituency Assembly\\n\";\r\n body += \"\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\\n\\n\";\r\n \r\n body += \"\ud83d\udc64 PERSONAL DETAILS:\\n\";\r\n body += \"\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\\n\";\r\n body += `Full Name: ${name}\\n`;\r\n body += `Email: ${email}\\n`;\r\n body += `Date of Birth: ${dob}\\n`;\r\n body += `Age: ${age}\\n\\n`;\r\n \r\n body += \"\ud83d\udccd LOCATION DETAILS:\\n\";\r\n body += \"\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\\n\";\r\n body += `Address:\\n${address}\\n\\n`;\r\n body += `Constituency: ${constituency}\\n\\n`;\r\n \r\n body += \"\ud83d\udcbc POSITION APPLYING FOR:\\n\";\r\n body += \"\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\\n\";\r\n body += \"Position: MCA (Member of Constituency Assembly)\\n\\n\";\r\n \r\n body += \"\ud83d\udcdd APPLICATION DESCRIPTION:\\n\";\r\n body += \"\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\\n\";\r\n body += `${description}\\n\\n`;\r\n \r\n body += \"\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\\n\";\r\n body += \"\ud83d\udcce IMPORTANT NOTE:\\n\";\r\n body += \"Please attach your updated CV\/Resume to this email\\n\";\r\n body += \"before sending your application.\\n\";\r\n body += \"\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\\n\";\r\n body += `Submitted on: ${new Date().toLocaleString()}\\n`;\r\n body += \"\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\\n\";\r\n\r\n \/\/ Create mailto link\r\n const mailtoLink = `mailto:${TARGET_EMAIL}?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;\r\n \r\n \/\/ Open email client\r\n window.location.href = mailtoLink;\r\n \r\n showToast(\"\u2705 Email client opened! Please attach your CV\/Resume before sending.\", \"success\");\r\n \r\n \/\/ Reset button after delay\r\n setTimeout(() => {\r\n btn.disabled = false;\r\n btn.innerHTML = '<i class=\"fas fa-paper-plane\"><\/i> Submit Application';\r\n }, 3000);\r\n \r\n \/\/ Optional: Ask user if they want to reset the form\r\n setTimeout(() => {\r\n if(confirm(\"Do you want to clear the form? \/ \u0baa\u0b9f\u0bbf\u0bb5\u0ba4\u0bcd\u0ba4\u0bc8 \u0b85\u0bb4\u0bbf\u0b95\u0bcd\u0b95 \u0bb5\u0bc7\u0ba3\u0bcd\u0b9f\u0bc1\u0bae\u0bbe?\")) {\r\n form.reset();\r\n searchInput.value = '';\r\n hiddenConstField.value = '';\r\n selectedBadge.innerHTML = '';\r\n selectedBadge.style.display = 'none';\r\n currentSelected = '';\r\n ageInput.value = '';\r\n dobInput.value = '';\r\n }\r\n }, 1000);\r\n });\r\n\r\n \/\/ Initialize\r\n renderDropdown('');\r\n<\/script>\r\n<\/body>\r\n<\/html>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MCA Career Opportunity – Join Our Political Movement Join Our Political Movement MCA Career Opportunity | Member of Constituency Assembly Apply Now MCA Application Form Full Name * Email Address * Date of Birth * Age * Position * Address * Constituency * Description \/ Why should we select you? * Submit Application Important Note: Please attach your latest CV \/ Resume in the email before sending your application.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"plain-container","ast-site-content-layout":"normal-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","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":"disabled","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":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"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":""},"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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-1582","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"bathravishvanathan23@gmail.com","author_link":"https:\/\/suttuviralmedia.in\/en_gb\/author\/bathravishvanathan23gmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"MCA Career Opportunity – Join Our Political Movement Join Our Political Movement MCA Career Opportunity | Member of Constituency Assembly Apply Now MCA Application Form Full Name * Email Address * Date of Birth * Age * Position * Address * Constituency * Description \/ Why should we select you? * Submit Application Important Note:…","_links":{"self":[{"href":"https:\/\/suttuviralmedia.in\/en_gb\/wp-json\/wp\/v2\/pages\/1582","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/suttuviralmedia.in\/en_gb\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/suttuviralmedia.in\/en_gb\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/suttuviralmedia.in\/en_gb\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/suttuviralmedia.in\/en_gb\/wp-json\/wp\/v2\/comments?post=1582"}],"version-history":[{"count":10,"href":"https:\/\/suttuviralmedia.in\/en_gb\/wp-json\/wp\/v2\/pages\/1582\/revisions"}],"predecessor-version":[{"id":2452,"href":"https:\/\/suttuviralmedia.in\/en_gb\/wp-json\/wp\/v2\/pages\/1582\/revisions\/2452"}],"wp:attachment":[{"href":"https:\/\/suttuviralmedia.in\/en_gb\/wp-json\/wp\/v2\/media?parent=1582"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}