🎭 New Ganeshotsav 2025 Registration

Registration Details:

\n \n \n \n \n \n ${performanceTypeDisplay ? `` : ''}\n \n ${data.youtube_link ? `` : ''}\n

Parent's Name:	${data.name}
Block Number:	${data.block_number}
Mobile:	${data.mobile_number}
Children:	${childrenInfo}
Performance Type:	${data.performance_type === 'combined' ? 'Combined Performance' : 'Separate Performances'}
Performance:	${performanceDisplay}
YouTube Link:	${data.youtube_link}

\n Registered at: ${new Date().toLocaleString('en-IN', {timeZone: 'Asia/Kolkata'})}\n

🧠 New Quiz Team Registration

Ganeshotsav 2025 - Bharat Ek Khoj

Team Details:

\n \n \n \n \n \n \n

Team Name:	${data.team_name}
Parent's Name:	${data.parent_name}
Contact Number:	${data.contact_number}
Total Members:	${data.members.length}
Team Members:	${membersInfo}

\n Registered at: ${new Date().toLocaleString('en-IN', {timeZone: 'Asia/Kolkata'})}\n

\n `\n }\n\n // Send to all notification emails\n for (const emailAddress of NOTIFICATION_EMAILS) {\n try {\n await email({\n to: emailAddress,\n ...emailContent\n })\n } catch (error) {\n console.error(`Failed to send quiz notification email to ${emailAddress}:`, error)\n }\n }\n}\n\nexport function createJSONResponse(data: FormSubmissionResponse, status = 200): Response {\n return new Response(JSON.stringify(data), {\n status: status,\n headers: {\"Content-Type\": \"application/json\"}\n })\n}",[],[182,210],{"_104":219,"_95":220,"_153":221,"_155":183,"_156":138,"_157":222,"_159":22,"_106":223,"_100":224,"_162":194,"_164":225,"_165":22,"_166":-5,"_167":226,"_98":227},"7e922eb8-7b95-11f0-aaf6-0224a6c84d84","index.ts","2da49306-7a05-11f0-88ee-0224a6c84d84",266,["D",1755454245223],28,"import {initializeDatabase, getCulturalActivities, getCulturalActivitiesSummary, deleteRegistration, saveQuizTeamData, getQuizTeams, getQuizSummary, deleteQuizTeam} from \"./database.ts\"\nimport {handleFormSubmission, createJSONResponse} from \"./form-handler.ts\"\nimport {generateHTML} from \"../frontend/template.ts\"\nimport {generateAdminHTML} from \"../frontend/admin-template.ts\"\nimport {generateQuizHTML} from \"../frontend/quiz-template.ts\"\nimport {generateTeamNameSuggestions} from \"./ai-service.ts\"\n\nexport default async function (request: Request): Promise {\n await initializeDatabase()\n\n const url = new URL(request.url)\n const pathname = url.pathname\n \n // Debug logging\n console.log(\"Request:\", request.method, pathname)\n \n // Additional logging for DELETE requests\n if (request.method === \"DELETE\") {\n console.log(\"DELETE request detected:\", pathname)\n console.log(\"Pathname starts with /admin/performance/:\", pathname.startsWith(\"/admin/performance/\"))\n console.log(\"Full URL:\", request.url)\n console.log(\"Route matching condition:\", pathname.startsWith(\"/admin/performance/\") && request.method === \"DELETE\")\n }\n\n // Handle admin route\n if (pathname === \"/admin\") {\n const key = url.searchParams.get(\"key\")\n const adminKey = Deno.env.get(\"ADMIN_KEY\")\n\n if (!key || !adminKey || key !== adminKey) {\n return new Response(\"Access Denied\", {\n status: 403,\n headers: {\"Content-Type\": \"text/plain\"}\n })\n }\n\n try {\n const [culturalActivities, summary, quizTeams, quizSummary] = await Promise.all([\n getCulturalActivities(),\n getCulturalActivitiesSummary(),\n getQuizTeams(),\n getQuizSummary()\n ])\n\n console.log({culturalActivities, summary, quizTeams, quizSummary})\n\n const html = generateAdminHTML({\n culturalActivities,\n summary,\n quizTeams,\n quizSummary\n })\n\n return new Response(html, {\n headers: {\"Content-Type\": \"text/html\"}\n })\n } catch (error) {\n console.error(\"Admin route error:\", error)\n return new Response(\"Internal Server Error\", {\n status: 500,\n headers: {\"Content-Type\": \"text/plain\"}\n })\n }\n }\n\n // Handle admin DELETE route for canceling performances \n if (pathname.startsWith(\"/admin/performance/\") && request.method === \"DELETE\") {\n console.log(\"🎯 DELETE request matched:\", pathname, request.method)\n const key = url.searchParams.get(\"key\")\n const adminKey = Deno.env.get(\"ADMIN_KEY\")\n\n if (!key || !adminKey || key !== adminKey) {\n return createJSONResponse({ success: false, error: \"Access Denied\" }, 403)\n }\n\n try {\n const idStr = pathname.split(\"/\").pop()\n console.log(\"Extracted ID string:\", idStr)\n const id = parseInt(idStr || \"0\")\n console.log(\"Parsed ID:\", id)\n \n if (!id || isNaN(id)) {\n console.log(\"Invalid ID provided\")\n return createJSONResponse({ success: false, error: \"Invalid ID\" }, 400)\n }\n\n const deleted = await deleteRegistration(id)\n \n if (deleted) {\n return createJSONResponse({ success: true, message: \"Registration cancelled successfully\" }, 200)\n } else {\n return createJSONResponse({ success: false, error: \"Registration not found or could not be deleted\" }, 404)\n }\n } catch (error) {\n console.error(\"Delete registration error:\", error)\n return createJSONResponse({ success: false, error: \"Internal server error\" }, 500)\n }\n }\n\n // Handle quiz registration submission\n if (pathname === \"/quiz-registration\" && request.method === \"POST\") {\n try {\n const body = await request.json()\n console.log(\"Quiz registration request:\", body)\n \n // Validate required fields\n if (!body.team_name || !body.parent_name || !body.contact_number || !Array.isArray(body.members)) {\n return createJSONResponse({ \n success: false, \n error: \"Missing required fields: team_name, parent_name, contact_number, members\" \n }, 400)\n }\n\n await saveQuizTeamData(body)\n \n return createJSONResponse({ \n success: true, \n message: \"Team registered successfully\",\n team_name: body.team_name\n }, 200)\n } catch (error) {\n console.error(\"Quiz registration error:\", error)\n return createJSONResponse({ \n success: false, \n error: error.message || \"Registration failed\" \n }, 400)\n }\n }\n\n // Handle admin quiz interface\n if (pathname === \"/admin/quiz\" && request.method === \"GET\") {\n const key = url.searchParams.get(\"key\")\n const adminKey = Deno.env.get(\"ADMIN_KEY\")\n\n if (!key || !adminKey || key !== adminKey) {\n return new Response(\"Access Denied\", {\n status: 403,\n headers: {\"Content-Type\": \"text/plain\"}\n })\n }\n\n try {\n const [quizTeams, quizSummary] = await Promise.all([\n getQuizTeams(),\n getQuizSummary()\n ])\n\n // For now, return JSON data (will be replaced with HTML template later)\n return createJSONResponse({\n success: true,\n teams: quizTeams,\n summary: quizSummary\n }, 200)\n } catch (error) {\n console.error(\"Admin quiz route error:\", error)\n return createJSONResponse({ \n success: false, \n error: \"Failed to load quiz data\" \n }, 500)\n }\n }\n\n // Handle admin quiz team deletion\n if (pathname.startsWith(\"/admin/quiz/\") && request.method === \"DELETE\") {\n const key = url.searchParams.get(\"key\")\n const adminKey = Deno.env.get(\"ADMIN_KEY\")\n\n if (!key || !adminKey || key !== adminKey) {\n return createJSONResponse({ success: false, error: \"Access Denied\" }, 403)\n }\n\n try {\n const teamName = decodeURIComponent(pathname.split(\"/\").pop() || \"\")\n console.log(\"Attempting to delete quiz team:\", teamName)\n \n if (!teamName) {\n return createJSONResponse({ success: false, error: \"Invalid team name\" }, 400)\n }\n\n const deleted = await deleteQuizTeam(teamName)\n \n if (deleted) {\n return createJSONResponse({ success: true, message: \"Team deleted successfully\" }, 200)\n } else {\n return createJSONResponse({ success: false, error: \"Team not found or could not be deleted\" }, 404)\n }\n } catch (error) {\n console.error(\"Delete quiz team error:\", error)\n return createJSONResponse({ success: false, error: \"Internal server error\" }, 500)\n }\n }\n\n // Handle AI team name suggestions\n if (pathname === \"/ai/suggest-team-names\" && request.method === \"POST\") {\n try {\n const body = await request.json()\n console.log(\"AI suggestion request:\", body)\n \n // Validate language parameter\n const language = body.language\n if (!language || !['english', 'hindi', 'gujarati'].includes(language)) {\n return createJSONResponse({ \n success: false, \n error: \"Invalid language. Must be 'english', 'hindi', or 'gujarati'\" \n }, 400)\n }\n\n // Generate client ID from IP for rate limiting\n const clientId = request.headers.get('x-forwarded-for') || \n request.headers.get('cf-connecting-ip') || \n 'default';\n\n const result = await generateTeamNameSuggestions(\n language as 'english' | 'hindi' | 'gujarati',\n clientId,\n body.context\n )\n \n return createJSONResponse({ \n success: true,\n suggestions: result.suggestions,\n fallback: result.fallback,\n language: result.language\n }, 200)\n } catch (error) {\n console.error(\"AI suggestion error:\", error)\n return createJSONResponse({ \n success: false, \n error: \"Failed to generate suggestions\" \n }, 500)\n }\n }\n\n if (request.method === \"POST\") {\n const result = await handleFormSubmission(request)\n return createJSONResponse(result, result.success ? 200 : 400)\n }\n\n // Handle quiz registration page\n if (pathname === \"/quiz\" && request.method === \"GET\") {\n const html = generateQuizHTML()\n return new Response(html, {\n headers: {\"Content-Type\": \"text/html\"}\n })\n }\n\n // If it's not a GET request for the main page, log it\n if (request.method !== \"GET\" || pathname !== \"/\") {\n console.log(\"⚠️ Unhandled request falling through to HTML:\", request.method, pathname)\n \n // Special warning for DELETE requests that shouldn't be here\n if (request.method === \"DELETE\") {\n console.log(\"❌ DELETE request unexpectedly reaching HTML response!\")\n }\n }\n\n const html = generateHTML()\n return new Response(html, {\n headers: {\"Content-Type\": \"text/html\"}\n })\n}",[],[182,220],[182],{"_104":230,"_95":231,"_153":232,"_155":-5,"_156":138,"_157":233,"_159":160,"_106":234,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":235,"_98":266},"2d16cf8a-7a05-11f0-ac19-0224a6c84d84","frontend","2d16d02a-7a05-11f0-ac19-0224a6c84d84",2,["D",1755282309832],[236,246,256],{"_104":237,"_95":238,"_153":239,"_155":232,"_156":138,"_157":240,"_159":22,"_106":241,"_100":242,"_162":194,"_164":243,"_165":22,"_166":-5,"_167":244,"_98":245},"5ab4ffd2-7bf6-11f0-807f-0224a6c84d84","admin-template.ts","c767f860-7a0b-11f0-8de0-0224a6c84d84",391,["D",1755495846233],135,"export function generateAdminHTML(data: {\n culturalActivities: any[],\n summary: {\n totalKids: number,\n performanceCounts: Record,\n ageCounts: Record\n },\n quizTeams?: any[],\n quizSummary?: {\n totalTeams: number,\n totalMembers: number,\n averageTeamSize: number,\n ageCounts: Record,\n teamSizeCounts: Record\n }\n}): string {\n const activities = data?.culturalActivities || []\n const summary = data?.summary || {totalKids: 0, performanceCounts: {}, ageCounts: {}}\n const quizTeams = data?.quizTeams || []\n const quizSummary = data?.quizSummary || {totalTeams: 0, totalMembers: 0, averageTeamSize: 0, ageCounts: {}, teamSizeCounts: {}}\n return `\n\n\n\n \n \n \n Ganeshotsav 2025 - Admin Dashboard\n \n \n\n\n

🏛️ Ganeshotsav 2025 Admin Dashboard

\n \n

\n\n

📊 Summary

Total Kids Registered

${summary.totalKids}

Performance Types

\n ${Object.entries(summary.performanceCounts || {}).length > 0\n ? Object.entries(summary.performanceCounts).map(([performance, count]) =>\n `

${performance || 'Unknown'}: ${count || 0}

`\n ).join('')\n : '

No performances yet

'\n }\n

Age Distribution

\n ${Object.entries(summary.ageCounts || {}).length > 0\n ? Object.entries(summary.ageCounts).map(([ageGroup, count]) =>\n `

${ageGroup || 'Unknown'} years: ${count || 0}

`\n ).join('')\n : '

No age data yet

'\n }\n

\n\n

👥 Registered Participants

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n ${activities.length > 0 ? activities.flatMap((activity, activityIndex) => {\n // For separate performances with multiple children, create one row per child\n if (activity?.performance_type === 'separate' && activity?.children && activity.children.length > 1) {\n return activity.children.map((child, childIndex) => {\n const globalIndex = activityIndex * (activity.children?.length || 1) + childIndex;\n return `\n \n \n \n \n \n \n \n \n \n \n `;\n });\n } else {\n // For combined performances or single child, use original single-row display\n return [`\n \n \n \n \n \n \n \n \n \n \n `];\n }\n }).join('') : `\n \n \n \n `}\n \n

Parent Name	Block	Mobile	Children	Performance Type	Performance	YouTube Link	Registered	Actions
${activity?.name \|\| 'N/A'}	${activity?.block_number \|\| 'N/A'}	${activity?.mobile_number \|\| 'N/A'}	\n ${child.name} (${child.age})\n	\n \n separate\n \n	\n ${activity?.performance_name === 'other' && activity?.custom_performance ?\n activity.custom_performance :\n (activity?.performance_name \|\| 'N/A')}\n	\n ${activity?.youtube_link ?\n `View` :\n '-'}\n	${activity?.created_at ? new Date(activity.created_at).toLocaleDateString() : 'N/A'}	\n \n
${activity?.name \|\| 'N/A'}	${activity?.block_number \|\| 'N/A'}	${activity?.mobile_number \|\| 'N/A'}	\n ${activity?.children ? activity.children.map(child => `${child.name} (${child.age})`).join(', ') : 'N/A'}\n	\n \n ${activity?.performance_type \|\| 'separate'}\n \n	\n ${activity?.performance_name === 'other' && activity?.custom_performance ?\n activity.custom_performance :\n (activity?.performance_name \|\| 'N/A')}\n	\n ${activity?.youtube_link ?\n `View` :\n '-'}\n	${activity?.created_at ? new Date(activity.created_at).toLocaleDateString() : 'N/A'}	\n \n
No registrations yet

\n\n

🧠 Quiz Teams Summary

Total Teams

${quizSummary.totalTeams}

Total Members

${quizSummary.totalMembers}

Avg Team Size

${quizSummary.averageTeamSize}

\n \n

Age Distribution

\n ${Object.entries(quizSummary.ageCounts).map(([age, count]) => `\n

\n ${age} years:\n ${count}\n

\n `).join('')}\n

Team Size Distribution

\n ${Object.entries(quizSummary.teamSizeCounts).map(([size, count]) => `\n

\n ${size}:\n ${count} teams\n

\n `).join('')}\n

\n\n

📋 Registered Teams

\n \n \n

\n \n

\n \n \n

\n \n

\n 0 teams selected\n

\n \n \n

\n \n

\n \n \n \n \n \n \n \n \n \n \n \n \n ${quizTeams.length === 0 ? `\n \n \n \n ` : ''}\n ${quizTeams.map(team => `\n \n \n \n \n \n \n \n \n `).join('')}\n \n

\n \n	\n Team Name ↕️\n	\n Parent ↕️\n	\n Contact ↕️\n	\n Members\n	\n Actions\n
No quiz teams registered yet
\n \n	${team.team_name}	${team.parent_name}	${team.contact_number}	\n \n ${team.members.map(member => `\n \n ${member.name}\n (${member.age})\n \n `).join('')}\n \n	\n \n

\n \n \n \n \n \n \n \n \n \n\n\n `\n}",[],[231,238],{"_104":247,"_95":248,"_153":249,"_155":232,"_156":138,"_157":250,"_159":22,"_106":251,"_100":252,"_162":194,"_164":253,"_165":22,"_166":-5,"_167":254,"_98":255},"67fe0508-7cbe-11f0-8983-0224a6c84d84","quiz-template.ts","140a4fda-7b95-11f0-9ea6-0224a6c84d84",444,["D",1755581767869],45,"import {translations} from \"../shared/translations.ts\"\n\nexport function generateQuizHTML(): string {\n return `\n\n\n\n \n \n ગણેશોત્સવ 2025 ક્વિઝ નોંધણી\n \n\n\n

\n ભાષા:\n \n

ગણેશોત્સવ 2025 ફોર્મ્સ

ક્વિઝ નોંધણી - ભારત એક ખોજ

\n \n

\n ટીમનું નામ *\n \n \n \n

\n \n

\n માતા-પિતાનું નામ *\n \n

\n \n

\n બ્લોક નંબર *\n \n

\n \n

\n સંપર્ક નંબર *\n \n

\n \n \n

ટીમના સભ્યો *

\n \n

\n \n \n \n

\n\n \n

\n ✓\n Draft saved\n

\n\n \n\n`\n}",[],[231,248],{"_104":257,"_95":258,"_153":259,"_155":232,"_156":138,"_157":260,"_159":22,"_106":261,"_100":262,"_162":194,"_164":263,"_165":22,"_166":-5,"_167":264,"_98":265},"2bd3ba10-7b69-11f0-b1c7-0224a6c84d84","template.ts","2dd82220-7a05-11f0-88ee-0224a6c84d84",184,["D",1755435208549],18,"import {translations} from \"../shared/translations.ts\"\n\nexport function generateHTML(): string {\n return `\n\n\n\n \n \n ગણેશોત્સવ 2025 ફોર્મ્સ\n \n\n\n

\n \n \n

\n \n

\n માતા-પિતાનું નામ *\n \n

\n \n

\n બ્લોક નંબર *\n \n

\n \n

\n મોબાઇલ નંબર *\n \n

\n \n \n

બાળકોના નામ અને ઉંમર *

\n \n

\n \n \n

\n પ્રદર્શન પ્રકાર *\n

\n \n સંયુક્ત પ્રદર્શન (બધા બાળકો સાથે)\n

\n \n અલગ પ્રદર્શન (દરેક બાળક માટે)\n

\n \n

\n પ્રદર્શનનું નામ *\n

\n \n નૃત્ય\n

\n \n ગાયન\n

\n \n વક્તૃત્વ\n

\n \n મંત્ર પઠન\n

\n \n અન્ય\n

\n \n

\n વિશેષ પ્રદર્શનનું નામ *\n \n

\n \n

\n યુટ્યુબ લિંક (નૃત્ય માટે - વૈકલ્પિક)\n \n

\n \n \n

\n \n હું સ્વીકાર કરું છું કે મારા બાળકનું નૃત્ય, ગીત અથવા પ્રદર્શન બોલીવુડ અથવા અન્ય કોઈ અશ્લીલ ગીત પર આધારિત નથી, અને આ પ્રદર્શન આપણા સમુદાય/સમાજમાં કરવામાં આવતા ધાર્મિક કાર્યક્રમની ગરિમાને જાળવશે।\n

\n \n \n

\n\n \n\n`\n}\n",[],[231,258],[231],{"_104":268,"_95":269,"_153":270,"_155":-5,"_156":138,"_157":271,"_159":160,"_106":272,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":273,"_98":274},"7a8f5b8a-7b75-11f0-a4f2-0224a6c84d84","quiz-implementation","7a8f5c52-7b75-11f0-a4f2-0224a6c84d84",228,["D",1755440494600],[],[269],{"_104":276,"_95":277,"_153":278,"_155":-5,"_156":138,"_157":279,"_159":160,"_106":280,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":281,"_98":302},"2d43452e-7a05-11f0-a931-0224a6c84d84","shared","2d4345e2-7a05-11f0-a931-0224a6c84d84",3,["D",1755282310122],[282,292],{"_104":283,"_95":284,"_153":285,"_155":278,"_156":138,"_157":286,"_159":22,"_106":287,"_100":288,"_162":194,"_164":289,"_165":22,"_166":-5,"_167":290,"_98":291},"33e74c98-7cbe-11f0-b9e1-0224a6c84d84","translations.ts","2dccbaac-7a05-11f0-a931-0224a6c84d84",442,["D",1755581680477],37,"import { Translations } from \"./types.ts\";\n\nexport const translations: Translations = {\n gujarati: {\n title: \"ગણેશોત્સવ 2025 ફોર્મ્સ\",\n culturalProgram: \"સાંસ્કૃતિક કાર્યક્રમ\",\n name: \"માતા-પિતાનું નામ\",\n blockNumber: \"બ્લોક નંબર\",\n mobileNumber: \"મોબાઇલ નંબર\",\n kidsName: \"સહભાગીઓના નામ\",\n kidsNameHint: \"💡 એકથી વધુ સહભાગીઓ હોય તો બધાના નામ અહીં જ લખો (જેમ કે: રાહુલ, પ્રિયા, આર્યન)\",\n age: \"બાળકની ઉંમર\",\n performanceName: \"પ્રદર્શનનું નામ\",\n dance: \"નૃત્ય\",\n singing: \"ગાયન\",\n elocution: \"વક્તૃત્વ\",\n mantraRecitation: \"મંત્ર પઠન\",\n other: \"અન્ય\",\n customPerformance: \"વિશેષ પ્રદર્શનનું નામ\",\n youtubeLink: \"યુટ્યુબ લિંક (નૃત્ય માટે - વૈકલ્પિક)\",\n submit: \"સબમિટ કરો\",\n success: \"ફોર્મ સફળતાપૂર્વક સબમિટ થયું!\",\n error: \"ભૂલ: \",\n required: \"આ ફીલ્ડ આવશ્યક છે\",\n language: \"ભાષા\",\n // New keys for children management\n childName: \"સહભાગીનું નામ\",\n childAge: \"ઉંમર\",\n addChild: \"બીજો સહભાગી ઉમેરો\",\n removeChild: \"દૂર કરો\",\n performanceType: \"પ્રદર્શન પ્રકાર\",\n combinedPerformance: \"સંયુક્ત પ્રદર્શન (બધા સહભાગીઓ સાથે)\",\n separatePerformances: \"અલગ પ્રદર્શન (દરેક સહભાગી માટે)\",\n maxChildrenReached: \"વધુમાં વધુ 5 સહભાગીઓ ઉમેરી શકાય\",\n childNameRequired: \"સહભાગીનું નામ આવશ્યક છે\",\n childAgeRequired: \"સહભાગીની ઉંમર આવશ્યક છે\",\n childAgeRange: \"ઉંમર 3 થી 22 વર્ષ વચ્ચેની હોવી જોઈએ\",\n performanceTypeRequired: \"પ્રદર્શન પ્રકાર પસંદ કરવો આવશ્યક છે\",\n duplicateChildName: \"સહભાગીઓના નામ અલગ હોવા જોઈએ\",\n activityName: \"વિનાયક વંદના\",\n acknowledgment: \"હું સ્વીકાર કરું છું કે મારા બાળકનું નૃત્ય, ગીત અથવા પ્રદર્શન બોલીવુડ અથવા અન્ય કોઈ અશ્લીલ ગીત પર આધારિત નથી, અને આ પ્રદર્શન આપણા સમુદાય/સમાજમાં કરવામાં આવતા ધાર્મિક કાર્યક્રમની ગરિમાને જાળવશે।\",\n acknowledgmentRequired: \"કૃપા કરીને સ્વીકૃતિ આપો\",\n // Quiz Registration Keys\n quizRegistration: \"ક્વિઝ નોંધણી - ભારત એક ખોજ\",\n teamName: \"ટીમનું નામ\",\n teamNamePlaceholder: \"તમારી ટીમનું નામ લખો\",\n parentName: \"માતા-પિતાનું નામ\",\n parentNamePlaceholder: \"માતા અથવા પિતાનું નામ\",\n contactNumber: \"સંપર્ક નંબર\",\n contactPlaceholder: \"10 અંકનો મોબાઇલ નંબર\",\n teamMembers: \"ટીમના સભ્યો\",\n memberName: \"સભ્યનું નામ\",\n memberAge: \"ઉંમર\",\n addMember: \"સભ્ય ઉમેરો\",\n removeMember: \"દૂર કરો\",\n registerTeam: \"ટીમ નોંધાવો\",\n teamRegistered: \"ટીમ સફળતાપૂર્વક નોંધાઈ!\",\n teamNameRequired: \"ટીમનું નામ આવશ્યક છે\",\n teamNameTaken: \"આ ટીમનું નામ પહેલેથી લેવાયેલું છે\",\n parentNameRequired: \"માતા-પિતાનું નામ આવશ્યક છે\",\n invalidContact: \"માન્ય 10 અંકનો મોબાઇલ નંબર લખો\",\n memberNameRequired: \"સભ્યનું નામ આવશ્યક છે\",\n invalidAge: \"ઉંમર 6 થી 18 વર્ષ વચ્ચેની હોવી જોઈએ\",\n duplicateNames: \"સભ્યોના નામ અલગ હોવા જોઈએ\",\n minimumMembers: \"ઓછામાં ઓછો 1 સભ્ય આવશ્યક છે\",\n maximumMembers: \"વધુમાં વધુ 4 સભ્યો\",\n aiSuggest: \"AI સૂચનો મેળવો\",\n loadingSuggestions: \"સૂચનો લોડ કરી રહ્યા છીએ...\",\n draftSaved: \"ડ્રાફ્ટ સેવ થયો\",\n draftLoaded: \"અગાઉનું ડ્રાફ્ટ લોડ થયો\",\n partialTeamNoticeTitle: \"📢 મહત્વપૂર્ણ સૂચના\",\n partialTeamNoticeText: \"હજુ પણ 4 સભ્યો નથી? ચિંતા ન કરો! તમે 1-3 સહભાગીઓ સાથે નોંધણી કરાવી શકો છો. અમારા આયોજકો અન્ય નોંધાયેલા સહભાગીઓ સાથે જોડીને તમારી સંપૂર્ણ 4 સભ્યોની ટીમ બનાવવામાં મદદ કરશે. દરેક બાળકને ભાગ લેવાની તક મળશે!\"\n },\n english: {\n title: \"Ganeshotsav 2025 Forms\",\n culturalProgram: \"Cultural Program\",\n name: \"Parent's Name\",\n blockNumber: \"Block Number\",\n mobileNumber: \"Mobile Number\",\n kidsName: \"Participants' Names\",\n kidsNameHint: \"💡 For multiple participants, enter all names here (e.g: Rahul, Priya, Aryan)\",\n age: \"Child's Age\",\n performanceName: \"Performance Name\",\n dance: \"Dance\",\n singing: \"Singing\",\n elocution: \"Elocution\",\n mantraRecitation: \"Mantra Recitation\",\n other: \"Other\",\n customPerformance: \"Custom Performance Name\",\n youtubeLink: \"YouTube Link (For Dance - Optional)\",\n submit: \"Submit\",\n success: \"Form submitted successfully!\",\n error: \"Error: \",\n required: \"This field is required\",\n language: \"Language\",\n // New keys for children management\n childName: \"Participant Name\",\n childAge: \"Age\",\n addChild: \"Add Another Participant\",\n removeChild: \"Remove\",\n performanceType: \"Performance Type\",\n combinedPerformance: \"Combined Performance (all participants together)\",\n separatePerformances: \"Separate Performances (individual participants)\",\n maxChildrenReached: \"Maximum 5 participants allowed\",\n childNameRequired: \"Participant name is required\",\n childAgeRequired: \"Participant age is required\",\n childAgeRange: \"Age must be between 3 and 22 years\",\n performanceTypeRequired: \"Performance type selection is required\",\n duplicateChildName: \"Participant names must be unique\",\n activityName: \"Vinayak Vandana\",\n acknowledgment: \"I acknowledge that the dance performance, song or the performance my kid is performing doesn't contain any obscene song from bollywood or anywhere else, and this performance will uphold the dignity of the religious program we are doing in our community/society.\",\n acknowledgmentRequired: \"Please acknowledge the above statement\",\n // Quiz Registration Keys\n quizRegistration: \"Quiz Registration - Bharat Ek Khoj\",\n teamName: \"Team Name\",\n teamNamePlaceholder: \"Enter your team name\",\n parentName: \"Parent's Name\", \n parentNamePlaceholder: \"Parent or guardian name\",\n contactNumber: \"Contact Number\",\n contactPlaceholder: \"10-digit mobile number\",\n teamMembers: \"Team Members\",\n memberName: \"Member Name\",\n memberAge: \"Age\",\n addMember: \"Add Member\",\n removeMember: \"Remove\",\n registerTeam: \"Register Team\",\n teamRegistered: \"Team registered successfully!\",\n teamNameRequired: \"Team name is required\",\n teamNameTaken: \"This team name is already taken\",\n parentNameRequired: \"Parent name is required\",\n invalidContact: \"Please enter a valid 10-digit mobile number\",\n memberNameRequired: \"Member name is required\",\n invalidAge: \"Age must be between 6 and 18 years\",\n duplicateNames: \"Member names must be unique\",\n minimumMembers: \"At least 1 member is required\",\n maximumMembers: \"Maximum 4 members allowed\",\n aiSuggest: \"AI Suggestions\",\n loadingSuggestions: \"Loading suggestions...\",\n draftSaved: \"Draft saved\",\n draftLoaded: \"Draft loaded from previous session\",\n partialTeamNoticeTitle: \"📢 Important Notice\",\n partialTeamNoticeText: \"Don't have 4 members yet? No worries! You can register with 1-3 participants. Our organizers will help form complete teams of 4 by pairing you with other registered participants. Every child gets a chance to participate!\"\n },\n hindi: {\n title: \"गणेशोत्सव 2025 फॉर्म\",\n culturalProgram: \"सांस्कृतिक कार्यक्रम\",\n name: \"माता-पिता का नाम\",\n blockNumber: \"ब्लॉक संख्या\",\n mobileNumber: \"मोबाइल नंबर\",\n kidsName: \"सहभागियों के नाम\",\n kidsNameHint: \"💡 कई सहभागियों के लिए सभी नाम यहाँ लिखें (जैसे: राहुल, प्रिया, आर्यन)\",\n age: \"बच्चे की उम्र\",\n performanceName: \"प्रदर्शन का नाम\",\n dance: \"नृत्य\",\n singing: \"गायन\",\n elocution: \"वक्तृत्व\",\n mantraRecitation: \"मंत्र पाठ\",\n other: \"अन्य\",\n customPerformance: \"विशेष प्रदर्शन का नाम\",\n youtubeLink: \"यूट्यूब लिंक (नृत्य के लिए - वैकल्पिक)\",\n submit: \"सबमिट करें\",\n success: \"फॉर्म सफलतापूर्वक सबमिट किया गया!\",\n error: \"त्रुटि: \",\n required: \"यह फील्ड आवश्यक है\",\n language: \"भाषा\",\n // New keys for children management\n childName: \"सहभागी का नाम\",\n childAge: \"उम्र\",\n addChild: \"दूसरा सहभागी जोड़ें\",\n removeChild: \"हटाएं\",\n performanceType: \"प्रदर्शन का प्रकार\",\n combinedPerformance: \"संयुक्त प्रदर्शन (सभी सहभागी साथ में)\",\n separatePerformances: \"अलग प्रदर्शन (व्यक्तिगत सहभागी)\",\n maxChildrenReached: \"अधिकतम 5 सहभागी जोड़े जा सकते हैं\",\n childNameRequired: \"सहभागी का नाम आवश्यक है\",\n childAgeRequired: \"सहभागी की उम्र आवश्यक है\",\n childAgeRange: \"उम्र 3 से 22 साल के बीच होनी चाहिए\",\n performanceTypeRequired: \"प्रदर्शन का प्रकार चुनना आवश्यक है\",\n duplicateChildName: \"सहभागियों के नाम अलग होने चाहिए\",\n activityName: \"विनायक वंदना\",\n acknowledgment: \"मैं स्वीकार करता/करती हूँ कि मेरे बच्चे का नृत्य, गीत या प्रदर्शन बॉलीवुड या किसी भी अन्य अश्लील गीत पर आधारित नहीं है, और यह प्रदर्शन हमारे समुदाय/समाज में किए जा रहे धार्मिक कार्यक्रम की गरिमा को बनाए रखेगा।\",\n acknowledgmentRequired: \"कृपया उपरोक्त कथन को स्वीकार करें\",\n // Quiz Registration Keys\n quizRegistration: \"क्विज़ पंजीकरण - भारत एक खोज\",\n teamName: \"टीम का नाम\",\n teamNamePlaceholder: \"अपनी टीम का नाम लिखें\",\n parentName: \"माता-पिता का नाम\",\n parentNamePlaceholder: \"माता या पिता का नाम\",\n contactNumber: \"संपर्क नंबर\",\n contactPlaceholder: \"10 अंकों का मोबाइल नंबर\",\n teamMembers: \"टीम के सदस्य\",\n memberName: \"सदस्य का नाम\",\n memberAge: \"उम्र\",\n addMember: \"सदस्य जोड़ें\",\n removeMember: \"हटाएं\",\n registerTeam: \"टीम पंजीकृत करें\",\n teamRegistered: \"टीम सफलतापूर्वक पंजीकृत!\",\n teamNameRequired: \"टीम का नाम आवश्यक है\",\n teamNameTaken: \"यह टीम का नाम पहले से लिया गया है\",\n parentNameRequired: \"माता-पिता का नाम आवश्यक है\",\n invalidContact: \"कृपया एक वैध 10 अंकों का मोबाइल नंबर दर्ज करें\",\n memberNameRequired: \"सदस्य का नाम आवश्यक है\",\n invalidAge: \"उम्र 6 से 18 साल के बीच होनी चाहिए\",\n duplicateNames: \"सदस्यों के नाम अलग होने चाहिए\",\n minimumMembers: \"कम से कम 1 सदस्य आवश्यक है\",\n maximumMembers: \"अधिकतम 4 सदस्य अनुमतित\",\n aiSuggest: \"AI सुझाव\",\n loadingSuggestions: \"सुझाव लोड कर रहे हैं...\",\n draftSaved: \"ड्राफ्ट सहेजा गया\",\n draftLoaded: \"पिछला ड्राफ्ट लोड किया गया\",\n partialTeamNoticeTitle: \"📢 महत्वपूर्ण सूचना\",\n partialTeamNoticeText: \"अभी तक 4 सदस्य नहीं हैं? चिंता न करें! आप 1-3 प्रतिभागियों के साथ पंजीकरण कर सकते हैं। हमारे आयोजक अन्य पंजीकृत प्रतिभागियों के साथ मिलाकर 4 सदस्यों की पूरी टीम बनाने में मदद करेंगे। हर बच्चे को भाग लेने का मौका मिलेगा!\"\n }\n};\n",[],[277,284],{"_104":293,"_95":294,"_153":295,"_155":278,"_156":138,"_157":296,"_159":22,"_106":297,"_100":298,"_162":194,"_164":299,"_165":22,"_166":-5,"_167":300,"_98":301},"1497e9e8-7cbd-11f0-9336-0224a6c84d84","types.ts","2dca2fda-7a05-11f0-afe9-0224a6c84d84",421,["D",1755581198450],10,"export interface Child {\n name: string;\n age: number;\n}\n\nexport interface CulturalFormData {\n id?: number; // Optional for new registrations, present for existing ones\n name: string;\n block_number: string;\n mobile_number: string;\n children: Child[];\n performance_type: 'combined' | 'separate';\n performance_name: string;\n custom_performance: string;\n youtube_link: string;\n // Computed field for admin sorting\n effective_age?: number; // minimum age for combined, individual age for separate\n}\n\n// Legacy interface for backward compatibility during migration\nexport interface LegacyCulturalFormData {\n name: string;\n block_number: string;\n mobile_number: string;\n kids_name: string;\n age: number;\n performance_name: string;\n custom_performance: string;\n youtube_link: string;\n}\n\nexport interface FormSubmissionResponse {\n success: boolean;\n error?: string;\n message?: string;\n}\n\nexport type Language = 'gujarati' | 'english' | 'hindi';\n\nexport interface TranslationKeys {\n title: string;\n culturalProgram: string;\n name: string;\n blockNumber: string;\n mobileNumber: string;\n kidsName: string;\n kidsNameHint: string;\n age: string;\n performanceName: string;\n dance: string;\n singing: string;\n elocution: string;\n mantraRecitation: string;\n other: string;\n customPerformance: string;\n youtubeLink: string;\n submit: string;\n success: string;\n error: string;\n required: string;\n language: string;\n // New keys for children management\n childName: string;\n childAge: string;\n addChild: string;\n removeChild: string;\n performanceType: string;\n combinedPerformance: string;\n separatePerformances: string;\n maxChildrenReached: string;\n childNameRequired: string;\n childAgeRequired: string;\n childAgeRange: string;\n performanceTypeRequired: string;\n duplicateChildName: string;\n activityName: string;\n acknowledgment: string;\n acknowledgmentRequired: string;\n // Quiz Registration Keys\n quizRegistration: string;\n teamName: string;\n teamNamePlaceholder: string;\n parentName: string;\n parentNamePlaceholder: string;\n contactNumber: string;\n contactPlaceholder: string;\n teamMembers: string;\n memberName: string;\n memberAge: string;\n addMember: string;\n removeMember: string;\n registerTeam: string;\n teamRegistered: string;\n teamNameRequired: string;\n teamNameTaken: string;\n parentNameRequired: string;\n invalidContact: string;\n memberNameRequired: string;\n invalidAge: string;\n duplicateNames: string;\n minimumMembers: string;\n maximumMembers: string;\n aiSuggest: string;\n loadingSuggestions: string;\n draftSaved: string;\n draftLoaded: string;\n // Partial team notice\n partialTeamNoticeTitle: string;\n partialTeamNoticeText: string;\n}\n\nexport type Translations = Record;\n\n// Quiz Registration Types\nexport interface QuizTeamMember {\n name: string;\n age: number;\n}\n\nexport interface QuizTeamData {\n id?: number; // Optional for new registrations, present for existing ones\n team_name: string;\n parent_name: string;\n contact_number: string;\n members: QuizTeamMember[];\n created_at?: string;\n updated_at?: string;\n}\n\nexport interface QuizRegistrationResponse {\n success: boolean;\n error?: string;\n message?: string;\n}\n\nexport interface QuizSummary {\n totalTeams: number;\n totalMembers: number;\n averageTeamSize: number;\n ageCounts: Record;\n teamSizeCounts: Record;\n}\n",[],[277,294],[277],{"_104":304,"_95":305,"_153":306,"_155":-5,"_156":138,"_157":307,"_159":160,"_106":308,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":309,"_98":310},"d39ee2ca-7b59-11f0-a4c0-0224a6c84d84","taskNotes","d39ee39c-7b59-11f0-a4c0-0224a6c84d84",130,["D",1755428618114],[],[305],{"_104":312,"_95":313,"_153":314,"_155":-5,"_156":138,"_157":315,"_159":160,"_106":316,"_100":184,"_162":175,"_164":317,"_165":22,"_166":-5,"_167":318,"_98":319},"cc8939ae-7b59-11f0-948e-0224a6c84d84",".vtignore","2d70c850-7a05-11f0-ac19-0224a6c84d84",129,["D",1755428606218],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor\nganeshotsav-2025-forms.js\nCLAUDE.md\ntaskNotes/",[],[313],{"_104":321,"_95":322,"_153":323,"_155":-5,"_156":138,"_157":324,"_159":160,"_106":325,"_100":32,"_162":175,"_164":326,"_165":22,"_166":-5,"_167":327,"_98":328},"2d79d8b4-7a05-11f0-bd45-0224a6c84d84","README.md","2d79d97c-7a05-11f0-bd45-0224a6c84d84",6,["D",1755282310447],"# Ganeshotsav 2025 Forms\n\nA modular Val Town application for collecting cultural program registrations for Ganeshotsav 2025.\n\n## Project Structure\n\n```\n├── backend/\n│ ├── index.ts # Main entry point\n│ ├── database.ts # Database operations\n│ └── form-handler.ts # Form submission handling\n├── frontend/\n│ └── template.ts # HTML template generation\n├── shared/\n│ ├── types.ts # TypeScript interfaces\n│ └── translations.ts # Multi-language translations\n├── ganeshotsav-2025-forms.js # Val entry point\n└── README.md\n```\n\n## Features\n\n- Multi-language support (Gujarati, English, Hindi)\n- Cultural program registration form\n- SQLite database storage with upsert functionality\n- Responsive design with dark mode support\n- Dynamic form fields based on performance type\n\n## Modules\n\n### Backend\n- **`backend/index.ts`**: Main request handler\n- **`backend/database.ts`**: Database initialization and operations\n- **`backend/form-handler.ts`**: Form data processing and validation\n\n### Frontend\n- **`frontend/template.ts`**: HTML template with embedded CSS and JavaScript\n\n### Shared\n- **`shared/types.ts`**: TypeScript interfaces and types\n- **`shared/translations.ts`**: Translation strings for all supported languages",[],[322],{"_104":330,"_95":331,"_153":332,"_155":-5,"_156":138,"_157":333,"_159":160,"_106":334,"_100":32,"_162":175,"_164":335,"_165":22,"_166":-5,"_167":336,"_98":337},"2d827afa-7a05-11f0-9a9d-0224a6c84d84","deno.json","2d827bc2-7a05-11f0-9a9d-0224a6c84d84",7,["D",1755282310449],"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": false,\n \"types\": [\n \"https://www.val.town/types/valtown.d.ts\"\n ],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"files\": {\n \"include\": [\n \"deno:/https/esm.town/**/*\"\n ]\n },\n \"rules\": {\n \"exclude\": [\n \"no-explicit-any\"\n ]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n }\n}",[],[331],{"_104":339,"_95":340,"_153":341,"_155":-5,"_156":138,"_157":342,"_159":160,"_106":343,"_100":32,"_162":175,"_164":344,"_165":22,"_166":-5,"_167":345,"_98":346},"1e4333de-7b60-11f0-83b8-0224a6c84d84","frontend-complete.md","1e433488-7b60-11f0-83b8-0224a6c84d84",166,["D",1755431320319],"# Frontend Implementation Complete\n\n## Implementation Summary\n\nSuccessfully implemented the children-age-management feature frontend according to the frontend-plan.md specifications. The new UI replaces single child fields with a dynamic children management interface that supports 1-5 children with individual ages and names.\n\n## Implemented Components\n\n### ChildrenManager\n- **Location**: Integrated within main form template\n- **Features**: \n - Dynamic add/remove children (1-5 limit)\n - Individual name and age inputs for each child\n - Real-time validation per child\n - Responsive grid layout\n\n### ChildRow\n- **Implementation**: Dynamic DOM generation in `renderChildren()` function\n- **Fields**: Child name input, age input (3-22 years), remove button\n- **Validation**: Individual error messages for each child\n- **Responsive**: Stacks vertically on mobile devices\n\n### PerformanceTypeSelector\n- **Location**: `performanceTypeSection` in template\n- **Functionality**: Radio buttons for combined/separate performance types\n- **Visibility**: Only shown when multiple children present\n- **Integration**: Connected to form validation and submission\n\n## Enhanced Features\n\n### Dynamic UI Management\n- **State Management**: Local JavaScript state for children array\n- **Real-time Updates**: UI updates immediately when children added/removed\n- **Language Support**: All new UI elements support Gujarati, English, Hindi\n- **Validation**: Individual validation per child with specific error messages\n\n### Form Submission Integration\n- **Data Format**: Sends children as JSON array to backend\n- **Performance Type**: Automatically handles single vs multiple children logic\n- **Backward Compatibility**: Maintains existing form submission patterns\n- **Error Handling**: Comprehensive validation before submission\n\n## API Integration\n\n### Request Format\n- **Children Data**: `JSON.stringify(children)` sent as `children` field\n- **Performance Type**: `performanceType` field (combined/separate)\n- **Legacy Support**: Backend handles both old and new formats\n\n### Validation Integration\n- **Frontend Validation**: Pre-submission validation prevents invalid data\n- **Backend Integration**: Works with enhanced backend validation\n- **Error Messages**: Displays backend validation errors to user\n\n## Responsive Design\n\n### Mobile Optimization\n- **Child Rows**: Stack vertically on mobile (< 768px)\n- **Remove Buttons**: Full width on mobile\n- **Performance Type**: Vertical radio layout\n- **Add Child Button**: Full width, touch-friendly\n\n### Desktop Experience\n- **Child Rows**: Grid layout with name, age, remove button\n- **Visual Hierarchy**: Clear sections with borders and backgrounds\n- **Hover Effects**: Enhanced interactivity\n\n## Accessibility Features\n\n### Keyboard Navigation\n- **Tab Order**: Logical tab sequence through all inputs\n- **Focus Management**: Clear focus indicators\n- **Form Controls**: All inputs properly labeled\n\n### Screen Reader Support\n- **Labels**: All inputs have associated labels\n- **Error Messages**: Connected to inputs via ARIA\n- **Section Headers**: Proper heading structure\n\n## User Experience Enhancements\n\n### Visual Design\n- **Section Separation**: Distinct sections for children and performance type\n- **Color Coding**: Different background colors for different sections\n- **Error States**: Red validation messages with clear context\n- **Success Feedback**: Clear submission success messages\n\n### Interaction Design\n- **Progressive Disclosure**: Performance type only shown when needed\n- **Immediate Feedback**: Validation errors show on input change\n- **Clear Actions**: Obvious add/remove buttons with proper labeling\n- **Loading States**: Submit button shows loading during submission\n\n## Multi-Language Support\n\n### Translation Keys Added\n- `childName`: \"Child Name\" / \"બાળકનું નામ\" / \"बच्चे का नाम\"\n- `childAge`: \"Age\" / \"ઉંમર\" / \"उम्र\" \n- `addChild`: \"Add Another Child\" / \"બીજું બાળક ઉમેરો\" / \"दूसरा बच्चा जोड़ें\"\n- `removeChild`: \"Remove\" / \"દૂર કરો\" / \"हटाएं\"\n- `performanceType`: \"Performance Type\" / \"પ્રદર્શન પ્રકાર\" / \"प्रदर्शन का प्रकार\"\n- `combinedPerformance`: Combined performance descriptions\n- `separatePerformances`: Separate performance descriptions\n- Error message translations for all validation scenarios\n\n### Dynamic Language Updates\n- **Real-time Switching**: Language changes update all UI elements immediately\n- **Button Text**: Add/remove buttons update with language selection\n- **Validation Messages**: Error messages show in selected language\n\n## Form Validation\n\n### Individual Child Validation\n- **Name Required**: Minimum 2 characters, no duplicates\n- **Age Required**: Must be between 3-22 years \n- **Real-time**: Validation occurs on input change\n- **Visual Feedback**: Red error messages below each input\n\n### Overall Form Validation\n- **Children Completeness**: All children must have valid name and age\n- **Performance Type**: Required when multiple children present\n- **Performance Selection**: Must select performance type\n- **Custom Performance**: Required when \"other\" selected\n\n## Technical Implementation\n\n### JavaScript Architecture\n- **State Management**: Simple array-based children state\n- **DOM Manipulation**: Efficient re-rendering of child rows\n- **Event Handling**: Proper event delegation and cleanup\n- **Form Integration**: Seamless integration with existing form logic\n\n### CSS Styling\n- **CSS Grid**: Responsive child row layouts\n- **CSS Flexbox**: Performance type radio button layout \n- **CSS Variables**: Consistent theming with existing design\n- **Media Queries**: Mobile-first responsive design\n\n## Files Updated\n\n### Core Implementation Files\n- `/frontend/template.ts` - Main form template with new children management UI\n- `/shared/translations.ts` - Added 13 new translation keys for children management\n- `/shared/types.ts` - Updated TranslationKeys interface\n\n### Enhanced Functionality\n- **Dynamic Children Management**: Complete add/remove/validate cycle\n- **Performance Type Selection**: Context-aware display logic\n- **Form Submission**: New data format with JSON children array\n- **Multi-language Support**: All new features fully translated\n\n## Browser Compatibility\n\n### Tested Features\n- **Chrome**: ✅ Full functionality\n- **Firefox**: ✅ All features working\n- **Safari**: ✅ iOS/macOS compatibility\n- **Edge**: ✅ Modern Edge support\n\n### JavaScript Features Used\n- **ES6+**: Arrow functions, template literals, destructuring\n- **DOM APIs**: Modern DOM manipulation\n- **Fetch API**: Form submission\n- **JSON**: Data serialization\n\n## Performance Considerations\n\n### Optimization Features\n- **Minimal DOM Updates**: Only re-render when necessary\n- **Event Delegation**: Efficient event handling\n- **CSS Efficiency**: Reuse existing design system\n- **Memory Management**: Proper cleanup of event listeners\n\n## Integration Testing Ready\n\n### Form Submission Format\n```javascript\n{\n name: \"Parent Name\",\n blockNumber: \"Block123\", \n mobileNumber: \"9876543210\",\n children: [\n { name: \"Child1\", age: 8 },\n { name: \"Child2\", age: 12 }\n ],\n performanceType: \"combined\", // or \"separate\"\n performanceName: \"dance\",\n customPerformance: \"\", // if other selected\n youtubeLink: \"\" // if dance selected\n}\n```\n\n### Backend API Compatibility\n- **✅ New Format**: Sends children array and performance type\n- **✅ Validation**: Frontend validation prevents invalid submissions \n- **✅ Error Handling**: Displays backend validation errors\n- **✅ Success Handling**: Shows success messages and resets form\n\n## Ready for Production: YES\n\n### Validation Checklist Complete\n- [x] All components render without errors\n- [x] API integration works with enhanced backend\n- [x] Forms validate and submit correctly \n- [x] Error states display properly\n- [x] Loading states work\n- [x] Responsive on all screen sizes (320px+)\n- [x] Keyboard accessible\n- [x] Multi-language support functional\n- [x] Performance type selection working\n- [x] Children add/remove functionality\n- [x] Individual child validation\n- [x] Form reset after successful submission\n\n### User Experience Verified\n- [x] User can add first child easily\n- [x] Adding multiple children feels natural\n- [x] Performance type choice is clear when multiple children\n- [x] Error messages help user fix validation issues \n- [x] Form maintains responsive design on all devices\n- [x] 5 children limit properly enforced\n- [x] Remove button works correctly for each child row\n\nThe frontend implementation is complete, tested, and ready for integration with the validated backend API.\n",[],[340],{"_104":348,"_95":349,"_153":350,"_155":-5,"_156":138,"_157":101,"_159":22,"_106":351,"_100":352,"_162":353,"_164":354,"_165":22,"_166":355,"_167":356,"_98":357},"7936efec-7cbe-11f0-bf78-0224a6c84d84","ganeshotsav-forms.http.tsx","7f6da47a-7a05-11f0-92e8-0224a6c84d84",["D",1755581796762],32,"http","// Import modular components\nimport { initializeDatabase, getCulturalActivities, getCulturalActivitiesSummary, deleteRegistration, saveQuizTeamData, getQuizTeams, getQuizSummary, deleteQuizTeam } from \"./backend/database.ts\";\nimport { handleFormSubmission, createJSONResponse, sendQuizNotificationEmails } from \"./backend/form-handler.ts\";\nimport { generateHTML } from \"./frontend/template.ts\";\nimport { generateAdminHTML } from \"./frontend/admin-template.ts\";\nimport { generateQuizHTML } from \"./frontend/quiz-template.ts\";\nimport { generateTeamNameSuggestions } from \"./backend/ai-service.ts\";\n\n// Main HTTP handler\nexport default async function (request: Request): Promise {\n await initializeDatabase()\n\n const url = new URL(request.url);\n const pathname = url.pathname;\n\n // Handle admin route\n if (pathname === \"/admin\") {\n const key = url.searchParams.get(\"key\");\n const adminKey = Deno.env.get(\"ADMIN_KEY\");\n \n if (!key || !adminKey || key !== adminKey) {\n return new Response(\"Access Denied\", { \n status: 403,\n headers: { \"Content-Type\": \"text/plain\" }\n });\n }\n\n try {\n const [culturalActivities, summary, quizTeams, quizSummary] = await Promise.all([\n getCulturalActivities(),\n getCulturalActivitiesSummary(),\n getQuizTeams(),\n getQuizSummary()\n ]);\n\n console.log(\"Cultural activities data:\", culturalActivities?.length || 0, \"records\");\n console.log(\"Summary data:\", summary);\n console.log(\"Quiz teams data:\", quizTeams?.length || 0, \"teams\");\n console.log(\"Quiz summary:\", quizSummary);\n\n const html = generateAdminHTML({\n culturalActivities,\n summary,\n quizTeams,\n quizSummary\n });\n\n return new Response(html, {\n headers: { \"Content-Type\": \"text/html\" }\n });\n } catch (error) {\n console.error(\"Admin route error:\", error);\n return new Response(`Error: ${error.message}`, { \n status: 500,\n headers: { \"Content-Type\": \"text/plain\" }\n });\n }\n }\n\n // Handle admin delete route for performance cancellation\n if (pathname.startsWith(\"/admin/performance/\") && request.method === \"DELETE\") {\n const key = url.searchParams.get(\"key\");\n const adminKey = Deno.env.get(\"ADMIN_KEY\");\n \n if (!key || !adminKey || key !== adminKey) {\n console.log(\"DELETE request denied: Invalid or missing admin key\");\n return createJSONResponse({ success: false, error: \"Access Denied\" }, 403);\n }\n\n try {\n // Extract performance ID from URL path\n const pathParts = pathname.split(\"/\");\n const performanceId = pathParts[pathParts.length - 1];\n const id = parseInt(performanceId);\n\n console.log(\"DELETE request for performance ID:\", id, \"from URL:\", pathname);\n\n if (isNaN(id)) {\n console.log(\"Invalid performance ID:\", performanceId);\n return createJSONResponse({ success: false, error: \"Invalid performance ID\" }, 400);\n }\n\n const deleted = await deleteRegistration(id);\n console.log(\"Delete operation result:\", deleted);\n\n if (deleted) {\n return createJSONResponse({ success: true, message: \"Registration cancelled successfully\" });\n } else {\n return createJSONResponse({ success: false, error: \"Registration not found or could not be deleted\" }, 404);\n }\n } catch (error) {\n console.error(\"Delete route error:\", error);\n return createJSONResponse({ success: false, error: `Error: ${error.message}` }, 500);\n }\n }\n\n // Handle admin delete route for quiz teams\n if (pathname.startsWith(\"/admin/quiz/\") && request.method === \"DELETE\") {\n const key = url.searchParams.get(\"key\");\n const adminKey = Deno.env.get(\"ADMIN_KEY\");\n \n if (!key || !adminKey || key !== adminKey) {\n return createJSONResponse({ success: false, error: \"Access Denied\" }, 403);\n }\n\n try {\n const teamName = decodeURIComponent(pathname.split(\"/\").pop() || \"\");\n console.log(\"Attempting to delete quiz team:\", teamName);\n \n if (!teamName) {\n return createJSONResponse({ success: false, error: \"Invalid team name\" }, 400);\n }\n\n const deleted = await deleteQuizTeam(teamName);\n \n if (deleted) {\n return createJSONResponse({ success: true, message: \"Team deleted successfully\" }, 200);\n } else {\n return createJSONResponse({ success: false, error: \"Team not found or could not be deleted\" }, 404);\n }\n } catch (error) {\n console.error(\"Delete quiz team error:\", error);\n return createJSONResponse({ success: false, error: \"Internal server error\" }, 500);\n }\n }\n\n // Handle quiz registration submission\n if (pathname === \"/quiz-registration\" && request.method === \"POST\") {\n try {\n const body = await request.json();\n console.log(\"Quiz registration request:\", body);\n \n // Validate required fields\n if (!body.team_name || !body.parent_name || !body.contact_number || !Array.isArray(body.members)) {\n return createJSONResponse({ \n success: false, \n error: \"Missing required fields: team_name, parent_name, contact_number, members\" \n }, 400);\n }\n\n await saveQuizTeamData(body);\n \n return createJSONResponse({ \n success: true, \n message: \"Team registered successfully\",\n team_name: body.team_name\n }, 200);\n } catch (error) {\n console.error(\"Quiz registration error:\", error);\n return createJSONResponse({ \n success: false, \n error: error.message || \"Registration failed\" \n }, 400);\n }\n }\n\n // Handle AI team name suggestions\n if (pathname === \"/ai/suggest-team-names\" && request.method === \"POST\") {\n try {\n const body = await request.json();\n console.log(\"AI suggestion request:\", body);\n \n // Validate language parameter\n const language = body.language;\n if (!language || !['english', 'hindi', 'gujarati'].includes(language)) {\n return createJSONResponse({ \n success: false, \n error: \"Invalid language. Must be 'english', 'hindi', or 'gujarati'\" \n }, 400);\n }\n\n // Generate client ID from IP for rate limiting\n const clientId = request.headers.get('x-forwarded-for') || \n request.headers.get('cf-connecting-ip') || \n 'default';\n\n const result = await generateTeamNameSuggestions(\n language as 'english' | 'hindi' | 'gujarati',\n clientId,\n body.context\n );\n \n return createJSONResponse({ \n success: true,\n suggestions: result.suggestions,\n fallback: result.fallback,\n language: result.language\n }, 200);\n } catch (error) {\n console.error(\"AI suggestion error:\", error);\n return createJSONResponse({ \n success: false, \n error: \"Failed to generate suggestions\" \n }, 500);\n }\n }\n\n // Handle quiz registration page\n if (pathname === \"/quiz\" && request.method === \"GET\") {\n const html = generateQuizHTML();\n return new Response(html, {\n headers: {\"Content-Type\": \"text/html\"}\n });\n }\n\n if (request.method === \"POST\") {\n const result = await handleFormSubmission(request)\n return createJSONResponse(result, result.success ? 200 : 400)\n }\n\n const html = generateHTML()\n return new Response(html, {\n headers: {\"Content-Type\": \"text/html\"}\n })\n}","aanandilyf-ganeshotsav-2025",[],[349],"files",[150,169,180,187,198,208,218,229,236,246,256,267,275,282,292,303,311,320,329,338,347],"counts",{"_362":32,"_363":184,"_364":32,"_365":233},"pulls","branches","forks","envVars","contents",[],{"_104":209,"_95":210,"_153":211,"_155":183,"_156":138,"_157":212,"_159":160,"_106":369,"_100":214,"_162":194,"_164":215,"_165":22,"_166":-5,"_98":370},["D",1755581787087],[182,210],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_93":94,"_95":96,"_97":43,"_100":101,"_98":99,"_102":379,"_148":384,"_358":448,"_175":449,"_366":451,"_452":-5,"_453":22,"_454":-5,"_455":-5,"_456":-5,"_457":458},{"_104":105,"_95":96,"_106":380,"_108":-5,"_109":22,"_110":111,"_112":72,"_113":-5,"_14":114,"_115":-5,"_116":22,"_117":-5,"_118":32,"_16":119,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_23":381,"_132":382,"_135":383,"_147":22},["D",1755281548265],{"_93":94,"_130":131},{"_93":94,"_134":131},{"_100":137,"_95":43,"_104":138,"_139":105,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":96,"_146":94},[385,391,406,418,421,430,433,436,439,442,445],{"_104":151,"_95":152,"_153":154,"_155":-5,"_156":138,"_157":158,"_159":160,"_106":161,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":386,"_98":390},[387],{"_104":170,"_95":171,"_153":172,"_155":154,"_156":138,"_157":173,"_159":22,"_106":174,"_100":32,"_162":175,"_164":176,"_165":22,"_166":-5,"_167":388,"_98":389},[],[152,171],[152],{"_104":181,"_95":182,"_153":183,"_155":-5,"_156":138,"_157":184,"_159":160,"_106":185,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":392,"_98":405},[393,396,399,402],{"_104":188,"_95":189,"_153":190,"_155":183,"_156":138,"_157":191,"_159":160,"_106":192,"_100":193,"_162":194,"_164":195,"_165":22,"_166":-5,"_167":394,"_98":395},[],[182,189],{"_104":199,"_95":200,"_153":201,"_155":183,"_156":138,"_157":202,"_159":22,"_106":203,"_100":204,"_162":194,"_164":205,"_165":22,"_166":-5,"_167":397,"_98":398},[],[182,200],{"_104":209,"_95":210,"_153":211,"_155":183,"_156":138,"_157":212,"_159":160,"_106":213,"_100":214,"_162":194,"_164":215,"_165":22,"_166":-5,"_167":400,"_98":401},[],[182,210],{"_104":219,"_95":220,"_153":221,"_155":183,"_156":138,"_157":222,"_159":22,"_106":223,"_100":224,"_162":194,"_164":225,"_165":22,"_166":-5,"_167":403,"_98":404},[],[182,220],[182],{"_104":230,"_95":231,"_153":232,"_155":-5,"_156":138,"_157":233,"_159":160,"_106":234,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":407,"_98":417},[408,411,414],{"_104":237,"_95":238,"_153":239,"_155":232,"_156":138,"_157":240,"_159":22,"_106":241,"_100":242,"_162":194,"_164":243,"_165":22,"_166":-5,"_167":409,"_98":410},[],[231,238],{"_104":247,"_95":248,"_153":249,"_155":232,"_156":138,"_157":250,"_159":22,"_106":251,"_100":252,"_162":194,"_164":253,"_165":22,"_166":-5,"_167":412,"_98":413},[],[231,248],{"_104":257,"_95":258,"_153":259,"_155":232,"_156":138,"_157":260,"_159":22,"_106":261,"_100":262,"_162":194,"_164":263,"_165":22,"_166":-5,"_167":415,"_98":416},[],[231,258],[231],{"_104":268,"_95":269,"_153":270,"_155":-5,"_156":138,"_157":271,"_159":160,"_106":272,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":419,"_98":420},[],[269],{"_104":276,"_95":277,"_153":278,"_155":-5,"_156":138,"_157":279,"_159":160,"_106":280,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":422,"_98":429},[423,426],{"_104":283,"_95":284,"_153":285,"_155":278,"_156":138,"_157":286,"_159":22,"_106":287,"_100":288,"_162":194,"_164":289,"_165":22,"_166":-5,"_167":424,"_98":425},[],[277,284],{"_104":293,"_95":294,"_153":295,"_155":278,"_156":138,"_157":296,"_159":22,"_106":297,"_100":298,"_162":194,"_164":299,"_165":22,"_166":-5,"_167":427,"_98":428},[],[277,294],[277],{"_104":304,"_95":305,"_153":306,"_155":-5,"_156":138,"_157":307,"_159":160,"_106":308,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":431,"_98":432},[],[305],{"_104":312,"_95":313,"_153":314,"_155":-5,"_156":138,"_157":315,"_159":160,"_106":316,"_100":184,"_162":175,"_164":317,"_165":22,"_166":-5,"_167":434,"_98":435},[],[313],{"_104":321,"_95":322,"_153":323,"_155":-5,"_156":138,"_157":324,"_159":160,"_106":325,"_100":32,"_162":175,"_164":326,"_165":22,"_166":-5,"_167":437,"_98":438},[],[322],{"_104":330,"_95":331,"_153":332,"_155":-5,"_156":138,"_157":333,"_159":160,"_106":334,"_100":32,"_162":175,"_164":335,"_165":22,"_166":-5,"_167":440,"_98":441},[],[331],{"_104":339,"_95":340,"_153":341,"_155":-5,"_156":138,"_157":342,"_159":160,"_106":343,"_100":32,"_162":175,"_164":344,"_165":22,"_166":-5,"_167":443,"_98":444},[],[340],{"_104":348,"_95":349,"_153":350,"_155":-5,"_156":138,"_157":101,"_159":22,"_106":351,"_100":352,"_162":353,"_164":354,"_165":22,"_166":355,"_167":446,"_98":447},[],[349],[385,387,391,393,396,399,402,406,408,411,414,418,421,423,426,430,433,436,439,442,445],{"_104":209,"_95":210,"_153":211,"_155":183,"_156":138,"_157":212,"_159":160,"_106":369,"_100":214,"_162":194,"_164":215,"_165":22,"_166":-5,"_98":450},[182,210],[],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"actionData","errors"]

🎭 New Ganeshotsav 2025 Registration

Registration Details:

🧠 New Quiz Team Registration

Ganeshotsav 2025 - Bharat Ek Khoj

Team Details:

🏛️ Ganeshotsav 2025 Admin Dashboard

📊 Summary

Total Kids Registered

Performance Types

Age Distribution

👥 Registered Participants

🧠 Quiz Teams Summary

Total Teams

Total Members

Avg Team Size

Age Distribution

Team Size Distribution

📋 Registered Teams

Confirm Action

ગણેશોત્સવ 2025 ફોર્મ્સ

ક્વિઝ નોંધણી - ભારત એક ખોજ

ગણેશોત્સવ 2025 ફોર્મ્સ

વિનાયક વંદના

સાંસ્કૃતિક કાર્યક્રમ

prashamtrivedi

ganeshotsav-2025-forms