<!DOCTYPE html>
<html lang="hi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
    <title>CTET पेपर-1 | बाल विकास एवं शिक्षाशास्त्र | दैनिक अभ्यास जनरेटर</title>
    <link href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='45' fill='%232b5e3b'/%3E%3Ctext x='50' y='68' font-size='48' text-anchor='middle' fill='white' font-weight='bold'%3EC%3C/text%3E%3C/svg%3E" rel="icon">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        :root {
            --primary: #2b5e3b;
            --primary-dark: #1e3a2f;
            --secondary: #38a169;
            --danger: #e53e3e;
            --success: #38a169;
            --light: #f0fff4;
            --dark: #1a202c;
            --gray: #4a5568;
            --border-radius: 12px;
            --box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1);
            --transition: all 0.3s ease;
        }
        * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', 'Poppins', system-ui, sans-serif; }
        body { background: linear-gradient(135deg, #e9f5ec 0%, #c6e0d2 100%); min-height: 100vh; display: flex; justify-content: center; align-items: center; padding: 20px; color: var(--dark); line-height: 1.5; }
        .container { width: 100%; max-width: 1100px; background: white; border-radius: var(--border-radius); box-shadow: var(--box-shadow); overflow: hidden; transition: var(--transition); animation: fadeIn 0.4s ease-out; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
        .header { background: linear-gradient(135deg, var(--primary), var(--primary-dark)); color: white; padding: 28px 20px; text-align: center; position: relative; }
        .header::before { content: '📚'; position: absolute; bottom: 10px; right: 20px; font-size: 70px; opacity: 0.1; }
        .header h1 { font-size: 1.9rem; margin-bottom: 8px; font-weight: 700; letter-spacing: -0.5px; }
        .header p { font-size: 1rem; opacity: 0.9; }
        .header-controls {
            position: absolute;
            top: 20px;
            right: 20px;
            display: flex;
            gap: 12px;
            z-index: 5;
        }
        .header-controls .home-icon {
            position: relative;
            top: 0;
            left: 0;
            color: white;
            font-size: 24px;
            cursor: pointer;
            transition: var(--transition);
            text-decoration: none;
            display: inline-block;
            background: rgba(0,0,0,0.2);
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .header-controls .home-icon:hover {
            transform: scale(1.08);
            background: rgba(0,0,0,0.4);
        }
        .lang-toggle {
            background: rgba(255,255,255,0.15);
            border: 1px solid rgba(255,255,255,0.3);
            border-radius: 30px;
            color: white;
            padding: 6px 16px;
            font-size: 0.9rem;
            font-weight: 600;
            cursor: pointer;
            transition: var(--transition);
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .lang-toggle:hover { background: rgba(255,255,255,0.3); }
        .lang-toggle i { font-size: 1rem; }
        .content-area { padding: 28px; }
        .hidden { display: none !important; }
        .btn { display: inline-block; padding: 12px 28px; border-radius: 50px; font-weight: 600; cursor: pointer; transition: var(--transition); border: none; text-align: center; box-shadow: 0 4px 8px rgba(0,0,0,0.05); margin: 8px 5px; font-size: 0.95rem; }
        .btn-primary { background: var(--primary); color: white; }
        .btn-primary:hover { background: var(--primary-dark); transform: translateY(-2px); box-shadow: 0 10px 20px -5px var(--primary); }
        .btn-success { background: var(--success); color: white; }
        .btn-success:hover { background: #2c7a4a; transform: translateY(-2px); }
        .btn-danger { background: var(--danger); color: white; }
        .btn-danger:hover { background: #c53030; transform: translateY(-2px); }
        .btn-level { background: white; color: var(--dark); border: 2px solid #cbd5e0; font-size: 1.1rem; padding: 14px 28px; width: 190px; font-weight: 600; transition: all 0.2s; }
        .btn-level:hover { transform: translateY(-4px); background: #f7fafc; border-color: var(--primary); }
        .btn-level.selected { background: var(--primary); color: white; border-color: var(--primary); box-shadow: 0 8px 16px -4px rgba(43,94,59,0.4); }
        .btn-group { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 20px 0; }
        .level-buttons { display: flex; justify-content: center; gap: 25px; margin: 30px 0; flex-wrap: wrap; }
        .section-title { text-align: center; margin-bottom: 25px; color: var(--primary-dark); font-size: 1.7rem; position: relative; padding-bottom: 12px; font-weight: 600; }
        .section-title::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background: var(--secondary); border-radius: 4px; }
        .checkbox-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(310px, 1fr)); gap: 14px; margin: 25px 0; max-height: 520px; overflow-y: auto; padding: 15px; border: 1px solid #e2e8f0; border-radius: 18px; background: #fafef7; }
        .checkbox-item { display: flex; align-items: center; background: white; padding: 8px 12px; border-radius: 40px; transition: all 0.2s; border: 1px solid #e9ecef; }
        .checkbox-item:hover { background: #e6f7ec; transform: translateX(3px); }
        .checkbox-item input { margin-right: 12px; width: 18px; height: 18px; cursor: pointer; accent-color: var(--primary); }
        .checkbox-item label { cursor: pointer; font-size: 0.9rem; font-weight: 500; }
        .question { margin-bottom: 25px; page-break-inside: avoid; background: #ffffff; padding: 15px; border-radius: 16px; box-shadow: 0 1px 2px rgba(0,0,0,0.05); border-left: 4px solid var(--secondary); }
        .question-text { font-weight: 700; margin-bottom: 12px; font-size: 1.05rem; color: #2d3748; }
        .option { margin-left: 24px; margin-bottom: 6px; color: #4a5568; }
        .action-buttons { display: flex; justify-content: center; flex-wrap: wrap; gap: 18px; margin-top: 40px; }
        .answer-sheet { margin-top: 40px; padding: 20px; background: #f0faf4; border-radius: var(--border-radius); }
        .answer-table { width: 100%; border-collapse: collapse; margin-top: 15px; border-radius: 12px; overflow: hidden; }
        .answer-table th, .answer-table td { border: 1px solid #cbd5e0; padding: 10px; text-align: center; }
        .answer-table th { background-color: var(--primary); color: white; font-weight: 600; }
        .streak-container { display: flex; justify-content: center; align-items: center; margin: 20px 0; gap: 20px; flex-wrap: wrap; }
        .streak-counter { background: #ff9100; color: white; padding: 10px 20px; border-radius: 60px; font-weight: bold; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
        .date-display { font-size: 1rem; font-weight: 600; background: #e2e8f0; padding: 8px 18px; border-radius: 40px; color: var(--primary-dark); }
        .progress-container { margin: 20px 0; background: #edf2f7; padding: 20px; border-radius: 28px; }
        .progress-bar { height: 12px; background: #cbd5e0; border-radius: 20px; overflow: hidden; margin-top: 12px; }
        .progress-fill { height: 100%; background: var(--success); border-radius: 20px; transition: width 0.5s ease; }
        .problem-of-day { background: linear-gradient(115deg, #fff6e5, #ffedd5); border-left: 5px solid var(--danger); padding: 20px; margin: 20px 0; border-radius: 24px; }
        .daily-summary { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 15px; margin: 20px 0; }
        .summary-card { flex: 1; min-width: 110px; background: white; padding: 15px; border-radius: 20px; box-shadow: 0 8px 20px rgba(0,0,0,0.05); text-align: center; border: 1px solid #e2e8f0; }
        .home-icon { position: absolute; top: 20px; left: 20px; color: white; font-size: 26px; cursor: pointer; transition: transform 0.2s; z-index: 5; background: rgba(0,0,0,0.2); width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
        .home-icon:hover { transform: scale(1.08); background: rgba(0,0,0,0.4); }
        .instructions { margin-bottom: 30px; padding: 18px 22px; background: #f7fafc; border-radius: 24px; border: 1px solid #e2e8f0; }
        @media (max-width: 680px) { .header h1 { font-size: 1.3rem; } .btn-level { width: 140px; font-size: 0.9rem; padding: 12px 16px; } .checkbox-container { grid-template-columns: 1fr; } .header-controls { top: 12px; right: 12px; gap: 8px; } .lang-toggle { font-size: 0.7rem; padding: 4px 12px; } }
        @media print { .action-buttons, .streak-container, .progress-container, .problem-of-day, .daily-summary, .header-controls { display: none; } .question { break-inside: avoid; } }
        .text-center { text-align: center; }
    </style>
     <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4930137336556867"
     crossorigin="anonymous"></script>

     <script async src="https://www.googletagmanager.com/gtag/js?id=G-KMZ9RJ62EY"></script>
     <script>
         window.dataLayer = window.dataLayer || [];
         function gtag(){dataLayer.push(arguments);}
          gtag('js', new Date());
         gtag('config', 'G-KMZ9RJ62EY');
       </script>
</head>
<body>
<div class="container" id="startContainer">
    <div class="header">
        <div class="header-controls">
            <a href="ctet-exam-paper1-daily-practice-problem-generator.html" class="home-icon" ><i class="fas fa-chalkboard-user"></i></a>
            <button class="lang-toggle" id="langToggleBtn"><i class="fas fa-globe"></i> <span id="langLabel">हिंदी</span></button>
        </div>
        <h1 id="mainTitle"><i class="fas fa-child"></i> CTET पेपर-1</h1>
        <p id="mainSubtitle">बाल विकास एवं शिक्षाशास्त्र | दैनिक अभ्यास समस्या जनरेटर</p>
    </div>
    <div class="content-area">
        <div id="startScreen">
            <h2 class="section-title" id="startTitle">📖 बाल विकास एवं शिक्षाशास्त्र</h2>
            <div class="streak-container">
                <div class="streak-counter"><i class="fas fa-fire"></i> <span id="streakLabel">लगातार</span>: <span id="streakDays">0</span> <span id="dayLabel">दिन</span></div>
                <div class="date-display" id="currentDate"></div>
            </div>
            <div class="progress-container">
                <h3><i class="fas fa-chart-line"></i> <span id="progressTitle">आपकी प्रगति</span></h3>
                <div class="progress-bar"><div class="progress-fill" id="progressFill" style="width: 0%"></div></div>
                <p id="progressText" style="margin-top: 8px;">0% पूर्ण</p>
            </div>
            <div class="btn-group">
                <button class="btn btn-primary" id="problemOfDayBtn"><i class="fas fa-calendar-day"></i> <span id="podBtnText">दिन की समस्या</span></button>
                <button class="btn btn-success" id="customPracticeBtn"><i class="fas fa-pen-ruler"></i> <span id="customBtnText">कस्टम अभ्यास</span></button>
            </div>
        </div>
        <div id="subjectSelection" class="hidden">
            <h2 class="section-title" id="subjectTitle">🎯 विषय चयन</h2>
            <div class="btn-group"><button class="btn btn-primary" id="selectCDPBtn"><i class="fas fa-brain"></i> <span id="selectSubjectText">बाल विकास एवं शिक्षाशास्त्र</span></button></div>
        </div>
        <div id="topicSelection" class="hidden">
            <h2 class="section-title" id="topicTitle">📚 <span id="chapterSelectText">अध्यायों का चयन करें</span> (19 अध्याय)</h2>
            <form id="topicForm">
                <div class="checkbox-container" id="topicsContainer"></div>
            </form>
            <div class="btn-group">
                <button class="btn btn-danger" id="backToStartBtn"><i class="fas fa-arrow-left"></i> <span id="backStartText">प्रारंभ पर वापस</span></button>
                <button class="btn btn-success" id="generateAssignmentBtn"><i class="fas fa-cogs"></i> <span id="genAssignText">अभ्यास प्रश्न जेनरेट करें</span></button>
            </div>
        </div>
        <div id="levelSelection" class="hidden">
            <h2 class="section-title" id="levelTitle">⚡ <span id="levelSelectText">कठिनाई स्तर चुनें</span></h2>
            <p class="text-center" id="levelDescText" style="text-align:center; margin-bottom:10px;">अपने CTET स्तर के अनुसार चुनें:</p>
            <div class="level-buttons">
                <button class="btn btn-level" id="level1Btn"><span id="l1Title">स्तर 1</span> <br><small id="l1Sub">बेसिक / CTET आधार</small></button>
                <button class="btn btn-level" id="level2Btn"><span id="l2Title">स्तर 2</span> <br><small id="l2Sub">मध्यम (CTET मानक)</small></button>
                <button class="btn btn-level" id="level3Btn"><span id="l3Title">स्तर 3</span> <br><small id="l3Sub">उन्नत (विश्लेषणात्मक)</small></button>
            </div>
            <div class="btn-group">
                <button class="btn btn-danger" id="backToTopicsBtn"><i class="fas fa-arrow-left"></i> <span id="backTopicsText">विषयों पर वापस</span></button>
                <button class="btn btn-success" id="generateFinalBtn"><i class="fas fa-cogs"></i> <span id="genFinalText">अभ्यास प्रश्न जेनरेट करें</span></button>
            </div>
        </div>
    </div>
</div>
<div class="container hidden" id="generatedPaperContainer"></div>

<script>
    const { jsPDF } = window.jspdf;
    const startContainer = document.getElementById('startContainer');
    const startScreen = document.getElementById('startScreen');
    const subjectSelection = document.getElementById('subjectSelection');
    const topicSelection = document.getElementById('topicSelection');
    const levelSelection = document.getElementById('levelSelection');
    const generatedPaperContainer = document.getElementById('generatedPaperContainer');
    
    // =====================================================
    // BILINGUAL QUESTIONS DATABASE (19 TOPICS)
    // =====================================================
    const questionBank = {};

    function addQuestions(topicKey, enQ, hiQ) {
        if (!questionBank[topicKey]) questionBank[topicKey] = { en: { level1: [], level2: [], level3: [] }, hi: { level1: [], level2: [], level3: [] } };
        const levels = ['level1', 'level2', 'level3'];
        enQ.forEach((q, idx) => {
            const levelKey = levels[idx] || 'level1';
            questionBank[topicKey].en[levelKey].push(q);
        });
        hiQ.forEach((q, idx) => {
            const levelKey = levels[idx] || 'level1';
            questionBank[topicKey].hi[levelKey].push(q);
        });
    }

    // Topic 1
    addQuestions('विकास की अवधारणा और सीखने के साथ इसका संबंध',
        [
            { question: "What is the concept of development?", options: ["Quantitative changes", "Qualitative changes", "Both quantitative and qualitative", "Physical growth only"], answer: "C" },
            { question: "Development is related to:", options: ["Only physical growth", "Only mental growth", "Overall growth", "Social growth only"], answer: "C" },
            { question: "Which is true about development?", options: ["It is continuous", "It is discontinuous", "It is only physical", "It stops after adolescence"], answer: "A" }
        ],
        [
            { question: "विकास की अवधारणा क्या है?", options: ["मात्रात्मक परिवर्तन", "गुणात्मक परिवर्तन", "मात्रात्मक और गुणात्मक दोनों", "केवल शारीरिक वृद्धि"], answer: "C" },
            { question: "विकास का संबंध किससे है?", options: ["केवल शारीरिक वृद्धि", "केवल मानसिक वृद्धि", "समग्र वृद्धि", "केवल सामाजिक वृद्धि"], answer: "C" },
            { question: "विकास के बारे में कौन सा सत्य है?", options: ["यह सतत है", "यह असतत है", "यह केवल शारीरिक है", "यह किशोरावस्था के बाद रुक जाता है"], answer: "A" }
        ]
    );

    // Topic 2
    addQuestions('बाल विकास के सिद्धांत',
        [
            { question: "Which is a principle of child development?", options: ["Development follows a pattern", "Development is rapid", "Development is slow", "Development is haphazard"], answer: "A" },
            { question: "The principle of 'cephalocaudal' means:", options: ["Head to toe", "Center to periphery", "Simple to complex", "General to specific"], answer: "A" },
            { question: "Development is:", options: ["Predictable", "Unpredictable", "Random", "Static"], answer: "A" }
        ],
        [
            { question: "बाल विकास का कौन सा सिद्धांत है?", options: ["विकास एक पैटर्न का अनुसरण करता है", "विकास तीव्र है", "विकास धीमा है", "विकास अव्यवस्थित है"], answer: "A" },
            { question: "'सिफैलोकॉडल' सिद्धांत का अर्थ है:", options: ["सिर से पैर तक", "केंद्र से परिधि तक", "सरल से जटिल", "सामान्य से विशेष"], answer: "A" },
            { question: "विकास है:", options: ["पूर्वानुमेय", "अप्रत्याशित", "यादृच्छिक", "स्थिर"], answer: "A" }
        ]
    );

    // Topic 3
    addQuestions('पर्यावरण और आनुवंशिकता का प्रभाव',
        [
            { question: "Which factors influence development?", options: ["Heredity only", "Environment only", "Both heredity and environment", "Nutrition only"], answer: "C" },
            { question: "Heredity provides:", options: ["Innate potential", "Learned behavior", "Environmental influences", "Social skills"], answer: "A" },
            { question: "Environment includes:", options: ["Physical surroundings", "Social surroundings", "Both physical and social", "Only family"], answer: "C" }
        ],
        [
            { question: "विकास को कौन से कारक प्रभावित करते हैं?", options: ["केवल आनुवंशिकता", "केवल पर्यावरण", "आनुवंशिकता और पर्यावरण दोनों", "केवल पोषण"], answer: "C" },
            { question: "आनुवंशिकता प्रदान करती है:", options: ["जन्मजात क्षमता", "अर्जित व्यवहार", "पर्यावरणीय प्रभाव", "सामाजिक कौशल"], answer: "A" },
            { question: "पर्यावरण में शामिल है:", options: ["भौतिक परिवेश", "सामाजिक परिवेश", "भौतिक और सामाजिक दोनों", "केवल परिवार"], answer: "C" }
        ]
    );

    // Topic 4
    addQuestions('समाजीकरण प्रक्रिया एवं समाजिक दुनिया और बच्चे',
        [
            { question: "Socialization is the process of:", options: ["Learning social norms", "Physical growth", "Cognitive development", "Emotional development"], answer: "A" },
            { question: "Primary agent of socialization is:", options: ["Family", "School", "Peer group", "Media"], answer: "A" },
            { question: "Secondary socialization occurs in:", options: ["School", "Family", "Playground", "Home"], answer: "A" }
        ],
        [
            { question: "समाजीकरण की प्रक्रिया है:", options: ["सामाजिक मानदंड सीखना", "शारीरिक वृद्धि", "संज्ञानात्मक विकास", "भावनात्मक विकास"], answer: "A" },
            { question: "समाजीकरण का प्राथमिक एजेंट है:", options: ["परिवार", "विद्यालय", "सहपाठी समूह", "मीडिया"], answer: "A" },
            { question: "द्वितीयक समाजीकरण कहाँ होता है?", options: ["विद्यालय में", "परिवार में", "खेल के मैदान में", "घर पर"], answer: "A" }
        ]
    );

    // Topic 5
    addQuestions('पियाजे, कोहलवर्ग, वायुगोल्पिकी: संरचना और आलोचनात्मक दृष्टिकोण',
        [
            { question: "Piaget's cognitive development has how many stages?", options: ["4", "3", "5", "6"], answer: "A" },
            { question: "Kohlberg's theory is related to:", options: ["Moral development", "Cognitive development", "Language development", "Physical development"], answer: "A" },
            { question: "Vygotsky emphasized:", options: ["Social interaction", "Genetic factors", "Individual learning", "Reward and punishment"], answer: "A" }
        ],
        [
            { question: "पियाजे के संज्ञानात्मक विकास की कितनी अवस्थाएँ हैं?", options: ["4", "3", "5", "6"], answer: "A" },
            { question: "कोहलबर्ग का सिद्धांत संबंधित है:", options: ["नैतिक विकास से", "संज्ञानात्मक विकास से", "भाषा विकास से", "शारीरिक विकास से"], answer: "A" },
            { question: "वायगोत्स्की ने किस पर जोर दिया?", options: ["सामाजिक अंतःक्रिया", "आनुवंशिक कारक", "व्यक्तिगत अधिगम", "पुरस्कार और दंड"], answer: "A" }
        ]
    );

    // Topic 6
    addQuestions('बाल-केंद्रित और प्रगतिशील शिक्षा की अवधारणा',
        [
            { question: "Child-centered education focuses on:", options: ["Child's interests", "Teacher's control", "Curriculum", "Examinations"], answer: "A" },
            { question: "Progressive education believes in:", options: ["Learning by doing", "Rote learning", "Teacher dominance", "Bookish knowledge"], answer: "A" },
            { question: "Who is the father of progressive education?", options: ["John Dewey", "Piaget", "Vygotsky", "Kohlberg"], answer: "A" }
        ],
        [
            { question: "बाल-केंद्रित शिक्षा किस पर केंद्रित है?", options: ["बालक की रुचियाँ", "शिक्षक का नियंत्रण", "पाठ्यक्रम", "परीक्षाएँ"], answer: "A" },
            { question: "प्रगतिशील शिक्षा किस पर विश्वास करती है?", options: ["करके सीखना", "रटकर सीखना", "शिक्षक का प्रभुत्व", "किताबी ज्ञान"], answer: "A" },
            { question: "प्रगतिशील शिक्षा के जनक कौन हैं?", options: ["जॉन डीवी", "पियाजे", "वायगोत्स्की", "कोहलबर्ग"], answer: "A" }
        ]
    );

    // Topic 7
    addQuestions('बुद्धि निर्माण के लिए आलोचनात्मक और बहुआयामी दृष्टिकोण',
        [
            { question: "Multiple intelligence theory was given by:", options: ["Gardner", "Spearman", "Thurstone", "Cattell"], answer: "A" },
            { question: "How many types of intelligence did Gardner propose?", options: ["8", "7", "9", "10"], answer: "A" },
            { question: "Emotional intelligence is related to:", options: ["Understanding emotions", "Logical reasoning", "Physical strength", "Creativity"], answer: "A" }
        ],
        [
            { question: "बहु-बुद्धि सिद्धांत किसने दिया?", options: ["गार्डनर", "स्पीयरमैन", "थर्स्टोन", "कैटेल"], answer: "A" },
            { question: "गार्डनर ने बुद्धि के कितने प्रकार बताए?", options: ["8", "7", "9", "10"], answer: "A" },
            { question: "भावनात्मक बुद्धि संबंधित है:", options: ["भावनाओं को समझने से", "तार्किक तर्क से", "शारीरिक शक्ति से", "रचनात्मकता से"], answer: "A" }
        ]
    );

    // Topic 8
    addQuestions('भाषा और विचार',
        [
            { question: "Language and thought are:", options: ["Interrelated", "Independent", "Language precedes thought", "Thought precedes language"], answer: "A" },
            { question: "Vygotsky believed that language:", options: ["Shapes thought", "Is separate from thought", "Is a result of thought", "Has no relation"], answer: "A" },
            { question: "Piaget believed that thought:", options: ["Precedes language", "Follows language", "Is unrelated", "Develops simultaneously"], answer: "A" }
        ],
        [
            { question: "भाषा और विचार हैं:", options: ["परस्पर संबंधित", "स्वतंत्र", "भाषा विचार से पहले आती है", "विचार भाषा से पहले आता है"], answer: "A" },
            { question: "वायगोत्स्की का मानना था कि भाषा:", options: ["विचार को आकार देती है", "विचार से अलग है", "विचार का परिणाम है", "कोई संबंध नहीं"], answer: "A" },
            { question: "पियाजे का मानना था कि विचार:", options: ["भाषा से पहले आता है", "भाषा का अनुसरण करता है", "असंबंधित है", "एक साथ विकसित होते हैं"], answer: "A" }
        ]
    );

    // Topic 9
    addQuestions('लिंग की भूमिका: एक सामाजिक संरचना के रूप में लिंग, लिंग भूमिकाएँ, लिंग-पूर्वाधिक और शैक्षणिक अभ्यास',
        [
            { question: "Gender is a:", options: ["Social construct", "Biological fact", "Psychological trait", "Cultural norm"], answer: "A" },
            { question: "Gender roles are determined by:", options: ["Society", "Biology", "Religion", "Education"], answer: "A" },
            { question: "Gender bias in education can be reduced by:", options: ["Sensitive curriculum", "Separate schools", "Gender stereotypes", "Ignoring gender"], answer: "A" }
        ],
        [
            { question: "लिंग एक:", options: ["सामाजिक संरचना है", "जैविक तथ्य है", "मनोवैज्ञानिक लक्षण है", "सांस्कृतिक मानदंड है"], answer: "A" },
            { question: "लिंग भूमिकाएँ किसके द्वारा निर्धारित होती हैं?", options: ["समाज", "जीव विज्ञान", "धर्म", "शिक्षा"], answer: "A" },
            { question: "शिक्षा में लिंग पूर्वाग्रह को कैसे कम किया जा सकता है?", options: ["संवेदनशील पाठ्यक्रम", "अलग स्कूल", "लिंग रूढ़ियाँ", "लिंग की अनदेखी"], answer: "A" }
        ]
    );

    // Topic 10
    addQuestions('व्यक्तित्व और व्यक्तिगत अंतर',
        [
            { question: "Personality is:", options: ["Unique pattern of traits", "Physical appearance", "Intellectual ability", "Social status"], answer: "A" },
            { question: "Individual differences are caused by:", options: ["Heredity and environment", "Only heredity", "Only environment", "Education"], answer: "A" },
            { question: "Personality assessment can be done by:", options: ["Projective tests", "Blood tests", "X-rays", "Physical exams"], answer: "A" }
        ],
        [
            { question: "व्यक्तित्व है:", options: ["लक्षणों का अद्वितीय पैटर्न", "शारीरिक दिखावट", "बौद्धिक क्षमता", "सामाजिक स्थिति"], answer: "A" },
            { question: "व्यक्तिगत अंतर किसके कारण होते हैं?", options: ["आनुवंशिकता और पर्यावरण", "केवल आनुवंशिकता", "केवल पर्यावरण", "शिक्षा"], answer: "A" },
            { question: "व्यक्तित्व मापन किसके द्वारा किया जा सकता है?", options: ["प्रक्षेपी परीक्षण", "रक्त परीक्षण", "एक्स-रे", "शारीरिक परीक्षण"], answer: "A" }
        ]
    );

    // Topic 11
    addQuestions('शैक्षिक मापन एवं मूल्यांकन',
        [
            { question: "Measurement in education refers to:", options: ["Quantitative description", "Qualitative description", "Assessment of learning", "Evaluation of teaching"], answer: "A" },
            { question: "Formative evaluation is conducted:", options: ["During instruction", "At the end", "At the beginning", "After exams"], answer: "A" },
            { question: "Summative evaluation aims to:", options: ["Assign grades", "Improve learning", "Diagnose difficulties", "Plan instruction"], answer: "A" }
        ],
        [
            { question: "शिक्षा में मापन का अर्थ है:", options: ["मात्रात्मक वर्णन", "गुणात्मक वर्णन", "अधिगम का आकलन", "शिक्षण का मूल्यांकन"], answer: "A" },
            { question: "रचनात्मक मूल्यांकन कब किया जाता है?", options: ["शिक्षण के दौरान", "अंत में", "शुरुआत में", "परीक्षा के बाद"], answer: "A" },
            { question: "योगात्मक मूल्यांकन का उद्देश्य है:", options: ["ग्रेड देना", "सीखने में सुधार", "कठिनाइयों का निदान", "शिक्षण की योजना"], answer: "A" }
        ]
    );

    // Topic 12
    addQuestions('लाभान्वित और विचित्र वर्गों सहित विविध पृष्ठभूमियों के शिक्षार्थियों की पहचान',
        [
            { question: "Diverse learners include:", options: ["Children from different backgrounds", "Only gifted children", "Only disadvantaged children", "Only average children"], answer: "A" },
            { question: "Inclusive education means:", options: ["Education for all", "Education for elite", "Separate education", "Special schools"], answer: "A" },
            { question: "Disadvantaged children need:", options: ["Extra support", "Less attention", "No support", "Punishment"], answer: "A" }
        ],
        [
            { question: "विविध शिक्षार्थियों में शामिल हैं:", options: ["विभिन्न पृष्ठभूमियों के बच्चे", "केवल प्रतिभाशाली बच्चे", "केवल वंचित बच्चे", "केवल औसत बच्चे"], answer: "A" },
            { question: "समावेशी शिक्षा का अर्थ है:", options: ["सभी के लिए शिक्षा", "कुलीन वर्ग के लिए शिक्षा", "अलग शिक्षा", "विशेष विद्यालय"], answer: "A" },
            { question: "वंचित बच्चों को चाहिए:", options: ["अतिरिक्त सहायता", "कम ध्यान", "कोई सहायता नहीं", "दंड"], answer: "A" }
        ]
    );

    // Topic 13
    addQuestions('शिक्षण और अधिगम',
        [
            { question: "Teaching is:", options: ["Facilitating learning", "Delivering content", "Conducting exams", "Managing classroom"], answer: "A" },
            { question: "Learning is:", options: ["Change in behavior", "Acquiring knowledge", "Developing skills", "All of the above"], answer: "D" },
            { question: "Effective teaching requires:", options: ["Understanding learners", "Mastering content", "Using methods", "All of the above"], answer: "D" }
        ],
        [
            { question: "शिक्षण है:", options: ["अधिगम को सुगम बनाना", "सामग्री प्रदान करना", "परीक्षा आयोजित करना", "कक्षा प्रबंधन"], answer: "A" },
            { question: "अधिगम है:", options: ["व्यवहार में परिवर्तन", "ज्ञान अर्जन", "कौशल विकास", "उपरोक्त सभी"], answer: "D" },
            { question: "प्रभावी शिक्षण के लिए आवश्यक है:", options: ["शिक्षार्थियों को समझना", "सामग्री में महारत", "विधियों का उपयोग", "उपरोक्त सभी"], answer: "D" }
        ]
    );

    // Topic 14
    addQuestions('सीखने की कठिनाई और अक्षमता वाले बच्चों की आवश्यकताओं की पहचान',
        [
            { question: "Learning disability affects:", options: ["Specific areas of learning", "Physical health", "Social skills", "Creativity"], answer: "A" },
            { question: "Dyslexia is related to:", options: ["Reading difficulty", "Writing difficulty", "Math difficulty", "Speaking difficulty"], answer: "A" },
            { question: "Children with learning difficulties need:", options: ["Special strategies", "Less time", "No help", "Punishment"], answer: "A" }
        ],
        [
            { question: "अधिगम अक्षमता प्रभावित करती है:", options: ["अधिगम के विशिष्ट क्षेत्र", "शारीरिक स्वास्थ्य", "सामाजिक कौशल", "रचनात्मकता"], answer: "A" },
            { question: "डिस्लेक्सिया संबंधित है:", options: ["पढ़ने में कठिनाई", "लिखने में कठिनाई", "गणित में कठिनाई", "बोलने में कठिनाई"], answer: "A" },
            { question: "अधिगम कठिनाई वाले बच्चों को चाहिए:", options: ["विशेष रणनीतियाँ", "कम समय", "कोई मदद नहीं", "दंड"], answer: "A" }
        ]
    );

    // Topic 15
    addQuestions('समस्या समाधानकर्ता और बेहतर विकास के रूप में बालक',
        [
            { question: "Children are natural:", options: ["Problem solvers", "Passive learners", "Dependent beings", "Resistant to learning"], answer: "A" },
            { question: "Scientific investigator approach means:", options: ["Exploring and questioning", "Rote learning", "Following instructions", "Memorizing facts"], answer: "A" },
            { question: "To develop problem-solving skills, children need:", options: ["Opportunities to explore", "More lectures", "Less freedom", "Strict rules"], answer: "A" }
        ],
        [
            { question: "बच्चे स्वभाव से होते हैं:", options: ["समस्या समाधानकर्ता", "निष्क्रिय शिक्षार्थी", "आश्रित प्राणी", "सीखने के प्रति प्रतिरोधी"], answer: "A" },
            { question: "वैज्ञानिक अन्वेषक दृष्टिकोण का अर्थ है:", options: ["अन्वेषण और प्रश्न पूछना", "रटना", "निर्देशों का पालन", "तथ्यों को याद करना"], answer: "A" },
            { question: "समस्या-समाधान कौशल विकसित करने के लिए बच्चों को चाहिए:", options: ["अन्वेषण के अवसर", "अधिक व्याख्यान", "कम स्वतंत्रता", "कठोर नियम"], answer: "A" }
        ]
    );

    // Topic 16
    addQuestions('बच्चों के सीखने की बेकल्पिक अवधारणाएँ और बच्चों की त्रुटियाँ',
        [
            { question: "Alternative concepts are:", options: ["Children's own understanding", "Teacher's understanding", "Bookish knowledge", "Expert opinions"], answer: "A" },
            { question: "Children's errors are:", options: ["Learning opportunities", "Mistakes to punish", "Signs of failure", "Unimportant"], answer: "A" },
            { question: "To correct alternative concepts, teachers should:", options: ["Provide experiences", "Ignore them", "Punish", "Give more homework"], answer: "A" }
        ],
        [
            { question: "वैकल्पिक अवधारणाएँ हैं:", options: ["बच्चों की अपनी समझ", "शिक्षक की समझ", "किताबी ज्ञान", "विशेषज्ञों की राय"], answer: "A" },
            { question: "बच्चों की त्रुटियाँ हैं:", options: ["अधिगम के अवसर", "दंड देने योग्य गलतियाँ", "असफलता के संकेत", "अमहत्वपूर्ण"], answer: "A" },
            { question: "वैकल्पिक अवधारणाओं को ठीक करने के लिए शिक्षक को:", options: ["अनुभव प्रदान करना", "अनदेखा करना", "दंड देना", "अधिक गृहकार्य देना"], answer: "A" }
        ]
    );

    // Topic 17
    addQuestions('संज्ञान एवं संवेग',
        [
            { question: "Cognition refers to:", options: ["Mental processes", "Physical processes", "Social processes", "Emotional processes"], answer: "A" },
            { question: "Emotion is:", options: ["A feeling state", "A thought", "A behavior", "A skill"], answer: "A" },
            { question: "Cognition and emotion are:", options: ["Interconnected", "Separate", "Independent", "Opposite"], answer: "A" }
        ],
        [
            { question: "संज्ञान का अर्थ है:", options: ["मानसिक प्रक्रियाएँ", "शारीरिक प्रक्रियाएँ", "सामाजिक प्रक्रियाएँ", "भावनात्मक प्रक्रियाएँ"], answer: "A" },
            { question: "संवेग है:", options: ["एक भावनात्मक अवस्था", "एक विचार", "एक व्यवहार", "एक कौशल"], answer: "A" },
            { question: "संज्ञान और संवेग हैं:", options: ["परस्पर जुड़े", "अलग", "स्वतंत्र", "विपरीत"], answer: "A" }
        ]
    );

    // Topic 18
    addQuestions('अभिप्रेरणा और अधिगम',
        [
            { question: "Motivation is:", options: ["A drive for learning", "A hindrance", "Unimportant", "External only"], answer: "A" },
            { question: "Intrinsic motivation comes from:", options: ["Within the person", "External rewards", "Punishment", "Competition"], answer: "A" },
            { question: "Extrinsic motivation includes:", options: ["Rewards and praise", "Self-satisfaction", "Curiosity", "Interest"], answer: "A" }
        ],
        [
            { question: "अभिप्रेरणा है:", options: ["अधिगम के लिए प्रेरक", "एक बाधा", "अमहत्वपूर्ण", "केवल बाहरी"], answer: "A" },
            { question: "आंतरिक प्रेरणा किससे आती है:", options: ["व्यक्ति के भीतर", "बाहरी पुरस्कार", "दंड", "प्रतिस्पर्धा"], answer: "A" },
            { question: "बाहरी प्रेरणा में शामिल है:", options: ["पुरस्कार और प्रशंसा", "आत्म-संतुष्टि", "जिज्ञासा", "रुचि"], answer: "A" }
        ]
    );

    // Topic 19
    addQuestions('एन.सी.एफ. 2005, आर.टी.ई. 2009 तथा एन.ई.पी. 2020',
        [
            { question: "NCF 2005 emphasizes:", options: ["Child-centered learning", "Teacher-centered learning", "Exam-oriented learning", "Book-centered learning"], answer: "A" },
            { question: "RTE Act 2009 provides right to education for:", options: ["6-14 years", "6-12 years", "6-16 years", "All children"], answer: "A" },
            { question: "NEP 2020 focuses on:", options: ["Holistic development", "Only academics", "Vocational training only", "Sports only"], answer: "A" }
        ],
        [
            { question: "NCF 2005 किस पर जोर देता है?", options: ["बाल-केंद्रित अधिगम", "शिक्षक-केंद्रित अधिगम", "परीक्षा-केंद्रित अधिगम", "पुस्तक-केंद्रित अधिगम"], answer: "A" },
            { question: "RTE अधिनियम 2009 शिक्षा का अधिकार प्रदान करता है:", options: ["6-14 वर्ष", "6-12 वर्ष", "6-16 वर्ष", "सभी बच्चों को"], answer: "A" },
            { question: "NEP 2020 किस पर केंद्रित है?", options: ["समग्र विकास", "केवल शैक्षणिक", "केवल व्यावसायिक प्रशिक्षण", "केवल खेल"], answer: "A" }
        ]
    );

    // =====================================================
    // TOPIC KEYS & BILINGUAL NAMES
    // =====================================================
    const topicKeys = [
        "विकास की अवधारणा और सीखने के साथ इसका संबंध",
        "बाल विकास के सिद्धांत",
        "पर्यावरण और आनुवंशिकता का प्रभाव",
        "समाजीकरण प्रक्रिया एवं समाजिक दुनिया और बच्चे",
        "पियाजे, कोहलवर्ग, वायुगोल्पिकी: संरचना और आलोचनात्मक दृष्टिकोण",
        "बाल-केंद्रित और प्रगतिशील शिक्षा की अवधारणा",
        "बुद्धि निर्माण के लिए आलोचनात्मक और बहुआयामी दृष्टिकोण",
        "भाषा और विचार",
        "लिंग की भूमिका: एक सामाजिक संरचना के रूप में लिंग, लिंग भूमिकाएँ, लिंग-पूर्वाधिक और शैक्षणिक अभ्यास",
        "व्यक्तित्व और व्यक्तिगत अंतर",
        "शैक्षिक मापन एवं मूल्यांकन",
        "लाभान्वित और विचित्र वर्गों सहित विविध पृष्ठभूमियों के शिक्षार्थियों की पहचान",
        "शिक्षण और अधिगम",
        "सीखने की कठिनाई और अक्षमता वाले बच्चों की आवश्यकताओं की पहचान",
        "समस्या समाधानकर्ता और बेहतर विकास के रूप में बालक",
        "बच्चों के सीखने की बेकल्पिक अवधारणाएँ और बच्चों की त्रुटियाँ",
        "संज्ञान एवं संवेग",
        "अभिप्रेरणा और अधिगम",
        "एन.सी.एफ. 2005, आर.टी.ई. 2009 तथा एन.ई.पी. 2020"
    ];

    const topicNames = {
        hi: [
            "विकास की अवधारणा और सीखने के साथ इसका संबंध",
            "बाल विकास के सिद्धांत",
            "पर्यावरण और आनुवंशिकता का प्रभाव",
            "समाजीकरण प्रक्रिया एवं समाजिक दुनिया और बच्चे",
            "पियाजे, कोहलवर्ग, वायुगोल्पिकी: संरचना और आलोचनात्मक दृष्टिकोण",
            "बाल-केंद्रित और प्रगतिशील शिक्षा की अवधारणा",
            "बुद्धि निर्माण के लिए आलोचनात्मक और बहुआयामी दृष्टिकोण",
            "भाषा और विचार",
            "लिंग की भूमिका: एक सामाजिक संरचना के रूप में लिंग, लिंग भूमिकाएँ, लिंग-पूर्वाधिक और शैक्षणिक अभ्यास",
            "व्यक्तित्व और व्यक्तिगत अंतर",
            "शैक्षिक मापन एवं मूल्यांकन",
            "लाभान्वित और विचित्र वर्गों सहित विविध पृष्ठभूमियों के शिक्षार्थियों की पहचान",
            "शिक्षण और अधिगम",
            "सीखने की कठिनाई और अक्षमता वाले बच्चों की आवश्यकताओं की पहचान",
            "समस्या समाधानकर्ता और बेहतर विकास के रूप में बालक",
            "बच्चों के सीखने की बेकल्पिक अवधारणाएँ और बच्चों की त्रुटियाँ",
            "संज्ञान एवं संवेग",
            "अभिप्रेरणा और अधिगम",
            "एन.सी.एफ. 2005, आर.टी.ई. 2009 तथा एन.ई.पी. 2020"
        ],
        en: [
            "Concept of Development and Its Relation with Learning",
            "Principles of Child Development",
            "Influence of Environment and Heredity",
            "Socialization Processes: Social World and Children",
            "Piaget, Kohlberg, Vygotsky: Construction and Critical Approach",
            "Concepts of Child-Centered and Progressive Education",
            "Critical and Multidimensional Approach to Building Intelligence",
            "Language and Thought",
            "The Role of Gender: Gender as a Social Construct, Gender Roles, Gender-Bias and Educational Practice",
            "Personality and Individual Difference",
            "Educational Measurement and Evaluation",
            "Recognition of Learners from Diverse Backgrounds Including Advantaged and Disadvantaged Sections",
            "Teaching and Learning",
            "Identification of the Needs of Children with Learning Difficulties and Disability",
            "Child as a Problem Solver and a Scientific Investigator",
            "Alternative Concepts of Children's Learning and Children's Errors",
            "Cognition and Emotion",
            "Motivation and Learning",
            "N.C.F. 2005, R.T.E. 2009 and N.E.P. 2020"
        ]
    };

    function getTopicDisplay(key, lang) {
        const idx = topicKeys.indexOf(key);
        if (idx === -1) return key;
        return topicNames[lang][idx] || key;
    }

    // =====================================================
    // UI TRANSLATIONS
    // =====================================================
    const uiText = {
        hi: {
            mainTitle: "🧒 CTET पेपर-1 - बाल विकास एवं शिक्षाशास्त्र",
            mainSubtitle: "बाल विकास एवं शिक्षाशास्त्र | दैनिक अभ्यास समस्या जनरेटर",
            startTitle: "📖 बाल विकास एवं शिक्षाशास्त्र",
            streakLabel: "लगातार",
            dayLabel: "दिन",
            progressTitle: "आपकी प्रगति",
            podBtnText: "दिन की समस्या",
            customBtnText: "कस्टम अभ्यास",
            subjectTitle: "🎯 विषय चयन",
            selectSubjectText: "बाल विकास एवं शिक्षाशास्त्र",
            topicTitle: "📚 अध्यायों का चयन करें",
            chapterSelectText: "अध्यायों का चयन करें",
            backStartText: "प्रारंभ पर वापस",
            genAssignText: "अभ्यास प्रश्न जेनरेट करें",
            levelTitle: "⚡ कठिनाई स्तर चुनें",
            levelSelectText: "कठिनाई स्तर चुनें",
            levelDescText: "अपने CTET स्तर के अनुसार चुनें:",
            l1Title: "स्तर 1",
            l1Sub: "बेसिक / CTET आधार",
            l2Title: "स्तर 2",
            l2Sub: "मध्यम (CTET मानक)",
            l3Title: "स्तर 3",
            l3Sub: "उन्नत (विश्लेषणात्मक)",
            backTopicsText: "विषयों पर वापस",
            genFinalText: "अभ्यास प्रश्न जेनरेट करें",
            langLabel: "हिंदी",
            fullPaper: "सभी विषय (पूर्ण पाठ्यक्रम - 19 अध्याय)",
            noTopicAlert: "कृपया कम से कम एक अध्याय चुनें!",
            noLevelAlert: "कृपया कठिनाई स्तर चुनें!",
            instructions: "निर्देश (CDP अभ्यास):",
            inst1: "10 बहुविकल्पी प्रश्न, प्रत्येक बाल विकास/शिक्षण शास्त्र पर आधारित।",
            inst2: "15 मिनट में हल करें, उत्तर कुंजी से मिलाएँ।",
            mcqHeading: "✍️ अभ्यास प्रश्न",
            answerKey: "🔑 उत्तर कुंजी",
            qNo: "प्रश्न सं.",
            ans: "उत्तर",
            print: "प्रिंट / PDF",
            newPractice: "नया अभ्यास",
            markComplete: "पूर्ण चिह्नित करें",
            completeMsg: "🎉 शानदार! अभ्यास पूर्ण हुआ। प्रगति सहेजी गई।",
            dailyComplete: "बधाई हो! दिन की समस्या हल हुई।",
            podTitle: "🌟 दिन की चुनौती (CDP)",
            podSub: "🎯",
            podLevel: "स्तर",
            podToday: "आज का अभ्यास प्रश्न",
            podStreak: "🔥 लगातार",
            podSolved: "✅ हल प्रश्न",
            podProgress: "📚 प्रगति",
            podSolution: "📌 समाधान",
            podCorrect: "सही उत्तर:",
            podExplanation: "व्याख्या: CTET बाल विकास अवधारणा के अनुसार",
            podComplete: "पूर्ण किया",
            podPrint: "प्रिंट करें",
            podNew: "नया अभ्यास"
        },
        en: {
            mainTitle: "🧒 CTET Paper 1 - Child Development and Pedagogy",
            mainSubtitle: "Child Development and Pedagogy | Daily Practice Problem Generator",
            startTitle: "📖 Child Development and Pedagogy",
            streakLabel: "Streak",
            dayLabel: "days",
            progressTitle: "Your Progress",
            podBtnText: "Problem of the Day",
            customBtnText: "Custom Practice",
            subjectTitle: "🎯 Select Subject",
            selectSubjectText: "Child Development and Pedagogy",
            topicTitle: "📚 Select Chapters",
            chapterSelectText: "Select Chapters",
            backStartText: "Back to Start",
            genAssignText: "Generate Practice Questions",
            levelTitle: "⚡ Select Difficulty Level",
            levelSelectText: "Select Difficulty Level",
            levelDescText: "Choose according to your CTET level:",
            l1Title: "Level 1",
            l1Sub: "Basic / CTET Foundation",
            l2Title: "Level 2",
            l2Sub: "Medium (CTET Standard)",
            l3Title: "Level 3",
            l3Sub: "Advanced (Analytical)",
            backTopicsText: "Back to Topics",
            genFinalText: "Generate Practice Questions",
            langLabel: "English",
            fullPaper: "All Topics (Full Syllabus - 19 Chapters)",
            noTopicAlert: "Please select at least one chapter!",
            noLevelAlert: "Please select a difficulty level!",
            instructions: "Instructions (CDP Practice):",
            inst1: "10 multiple choice questions based on Child Development and Pedagogy.",
            inst2: "Solve in 15 minutes, check with answer key.",
            mcqHeading: "✍️ Practice Questions",
            answerKey: "🔑 Answer Key",
            qNo: "Q. No.",
            ans: "Answer",
            print: "Print / PDF",
            newPractice: "New Practice",
            markComplete: "Mark Complete",
            completeMsg: "🎉 Excellent! Practice marked complete. Progress saved.",
            dailyComplete: "Congratulations! Problem of the day solved.",
            podTitle: "🌟 Problem of the Day (CDP)",
            podSub: "🎯",
            podLevel: "Level",
            podToday: "Today's Practice Question",
            podStreak: "🔥 Streak",
            podSolved: "✅ Solved",
            podProgress: "📚 Progress",
            podSolution: "📌 Solution",
            podCorrect: "Correct Answer:",
            podExplanation: "Explanation: As per CTET Child Development concept",
            podComplete: "Mark Complete",
            podPrint: "Print",
            podNew: "New Practice"
        }
    };

    // =====================================================
    // DOM REFS & STATE
    // =====================================================
    const langToggleBtn = document.getElementById('langToggleBtn');
    const langLabel = document.getElementById('langLabel');
    let currentLang = 'hi';

    let selectedTopics = [];
    let selectedLevel = null;
    let userProgress = { streak: 0, lastPracticeDate: null, totalProblemsSolved: 0, topicsCompleted: 0, totalTopics: topicKeys.length };

    function applyUILanguage(lang) {
        const t = uiText[lang];
        document.getElementById('mainTitle').textContent = t.mainTitle;
        document.getElementById('mainSubtitle').textContent = t.mainSubtitle;
        document.getElementById('startTitle').textContent = t.startTitle;
        document.getElementById('streakLabel').textContent = t.streakLabel;
        document.getElementById('dayLabel').textContent = t.dayLabel;
        document.getElementById('progressTitle').textContent = t.progressTitle;
        document.getElementById('podBtnText').textContent = t.podBtnText;
        document.getElementById('customBtnText').textContent = t.customBtnText;
        document.getElementById('subjectTitle').textContent = t.subjectTitle;
        document.getElementById('selectSubjectText').textContent = t.selectSubjectText;
        document.getElementById('topicTitle').textContent = t.topicTitle;
        document.getElementById('chapterSelectText').textContent = t.chapterSelectText;
        document.getElementById('backStartText').textContent = t.backStartText;
        document.getElementById('genAssignText').textContent = t.genAssignText;
        document.getElementById('levelTitle').textContent = t.levelTitle;
        document.getElementById('levelSelectText').textContent = t.levelSelectText;
        document.getElementById('levelDescText').textContent = t.levelDescText;
        document.getElementById('l1Title').textContent = t.l1Title;
        document.getElementById('l1Sub').textContent = t.l1Sub;
        document.getElementById('l2Title').textContent = t.l2Title;
        document.getElementById('l2Sub').textContent = t.l2Sub;
        document.getElementById('l3Title').textContent = t.l3Title;
        document.getElementById('l3Sub').textContent = t.l3Sub;
        document.getElementById('backTopicsText').textContent = t.backTopicsText;
        document.getElementById('genFinalText').textContent = t.genFinalText;
        langLabel.textContent = t.langLabel;
        // Reload topics
        renderTopics();
        // If paper generated, re-render
        if (!generatedPaperContainer.classList.contains('hidden')) {
            // Re-generate with same selections
            if (selectedTopics.length > 0 && selectedLevel) {
                // Re-generate paper using current language
                generatePaper(selectedTopics, selectedLevel, currentLang);
            }
        }
    }

    langToggleBtn.addEventListener('click', function() {
        currentLang = (currentLang === 'hi') ? 'en' : 'hi';
        applyUILanguage(currentLang);
    });

    // ============ CORE FUNCTIONS ============
    function renderTopics() {
        const container = document.getElementById('topicsContainer');
        const t = uiText[currentLang];
        const fullLabel = (currentLang === 'hi') ? "✅ संपूर्ण पाठ्यक्रम (सभी 19 अध्याय)" : "✅ Full Syllabus (All 19 Chapters)";
        container.innerHTML = `<div class="checkbox-item" style="background:#e9f5ec;"><input type="checkbox" id="fullSyllabus" value="full"><label for="fullSyllabus"><strong>${fullLabel}</strong></label></div>`;
        topicKeys.forEach(topic => {
            const id = `topic_${topic.replace(/[\s,?()]/g, '_').substring(0, 40)}`;
            const displayName = getTopicDisplay(topic, currentLang);
            container.innerHTML += `<div class="checkbox-item"><input type="checkbox" id="${id}" name="topic" value="${topic}"><label for="${id}">${displayName}</label></div>`;
        });
        document.getElementById('fullSyllabus')?.addEventListener('change', (e) => {
            const allCheckboxes = document.querySelectorAll('input[name="topic"]');
            allCheckboxes.forEach(cb => cb.disabled = e.target.checked);
            if(e.target.checked) allCheckboxes.forEach(cb => cb.checked = false);
        });
    }

    function getRandomQuestions(topics, level, count, lang) {
        let allQs = [];
        topics.forEach(topic => {
            if (questionBank[topic] && questionBank[topic][lang] && questionBank[topic][lang][`level${level}`]) {
                allQs = allQs.concat(questionBank[topic][lang][`level${level}`]);
            }
        });
        if (allQs.length === 0) {
            const t = uiText[lang];
            return [{ question: t.noTopicAlert, options: ["A", "B", "C", "D"], answer: "A" }];
        }
        allQs = allQs.sort(() => Math.random() - 0.5);
        return allQs.slice(0, count);
    }

    function loadUserProgress() {
        const saved = localStorage.getItem('ctetCDPDailyProgress');
        if (saved) userProgress = JSON.parse(saved);
        const today = new Date().toDateString();
        if (userProgress.lastPracticeDate !== today) {
            const yesterday = new Date(); yesterday.setDate(yesterday.getDate() - 1);
            if (userProgress.lastPracticeDate === yesterday.toDateString()) userProgress.streak++;
            else userProgress.streak = 1;
            userProgress.lastPracticeDate = today;
            saveUserProgress();
        }
        updateUI();
    }
    function saveUserProgress() { localStorage.setItem('ctetCDPDailyProgress', JSON.stringify(userProgress)); }
    function updateUI() {
        const t = uiText[currentLang];
        document.getElementById('streakDays').textContent = userProgress.streak;
        const today = new Date();
        document.getElementById('currentDate').textContent = today.toLocaleDateString(currentLang === 'hi' ? 'hi-IN' : 'en-US', { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' });
        const percent = Math.min(100, Math.round((userProgress.topicsCompleted / userProgress.totalTopics) * 100));
        document.getElementById('progressFill').style.width = `${percent}%`;
        document.getElementById('progressText').textContent = `${percent}% ${currentLang === 'hi' ? 'पूर्ण' : 'complete'} (${userProgress.topicsCompleted}/${userProgress.totalTopics} ${currentLang === 'hi' ? 'अध्याय' : 'chapters'})`;
    }

    function generatePaper(topics, level, lang) {
        const t = uiText[lang];
        const topicNamesDisplay = topics.length > 5 ? topics.slice(0,5).map(t => getTopicDisplay(t, lang)).join(", ")+" ..." : topics.map(t => getTopicDisplay(t, lang)).join(", ");
        const mcqs = getRandomQuestions(topics, level, 10, lang);
        let paperContent = `<div class="header"><h2>📘 CTET Paper-1 (Child Development & Pedagogy)</h2><h3>📌 ${topics.length === topicKeys.length ? (currentLang === 'hi' ? "सम्पूर्ण पाठ्यक्रम (19 अध्याय)" : "Full Syllabus (19 Chapters)") : topicNamesDisplay.substring(0, 85)}</h3><p>⚡ ${currentLang === 'hi' ? 'कठिनाई स्तर' : 'Difficulty Level'} ${level} — ${level === 1 ? (currentLang === 'hi' ? 'बेसिक' : 'Basic') : level === 2 ? (currentLang === 'hi' ? 'मध्यम' : 'Medium') : (currentLang === 'hi' ? 'उन्नत' : 'Advanced')}</p></div><div class="content-area"><div class="instructions"><p><strong>${t.instructions}</strong></p><ol><li>${t.inst1}</li><li>${t.inst2}</li></ol></div><div class="question-section"><div style="font-size:1.4rem; margin-bottom:20px; font-weight:bold;">${t.mcqHeading}</div>`;
        let qNum = 1;
        mcqs.forEach(mcq => {
            paperContent += `<div class="question"><div class="question-text">${qNum}. ${mcq.question}</div>
            <div class="option">A. ${mcq.options[0]}</div><div class="option">B. ${mcq.options[1]}</div>
            <div class="option">C. ${mcq.options[2]}</div><div class="option">D. ${mcq.options[3]}</div></div>`;
            qNum++;
        });
        paperContent += `</div><div class="answer-sheet"><h3 class="section-title">${t.answerKey}</h3><table class="answer-table"><thead><tr><th>${t.qNo}</th><th>${t.ans}</th><th>${t.qNo}</th><th>${t.ans}</th></tr></thead><tbody>`;
        for (let i = 0; i < mcqs.length; i += 2) {
            paperContent += `<tr><td>${i+1}</td><td><strong>${mcqs[i].answer}</strong></td>`;
            if (i+1 < mcqs.length) paperContent += `<td>${i+2}</td><td><strong>${mcqs[i+1].answer}</strong></td>`;
            else paperContent += `<td></td><td></td>`;
            paperContent += `</tr>`;
        }
        paperContent += `</tbody></table></div><div class="action-buttons"><button class="btn btn-success" id="markCompleteBtn"><i class="fas fa-check-circle"></i> ${t.markComplete}</button><button class="btn btn-primary" id="printBtn"><i class="fas fa-print"></i> ${t.print}</button><button class="btn btn-danger" id="newAssignmentBtn"><i class="fas fa-undo-alt"></i> ${t.newPractice}</button></div></div>`;
        generatedPaperContainer.innerHTML = paperContent;
        generatedPaperContainer.classList.remove('hidden');
        startContainer.classList.add('hidden');
        document.getElementById('markCompleteBtn')?.addEventListener('click', markPracticeComplete);
        document.getElementById('printBtn')?.addEventListener('click', () => window.print());
        document.getElementById('newAssignmentBtn')?.addEventListener('click', backToStart);
    }

    function markPracticeComplete() {
        const t = uiText[currentLang];
        userProgress.totalProblemsSolved += 10;
        let newlyCompleted = 0;
        selectedTopics.forEach(t => { if (!userProgress[`comp_${t}`]) { userProgress[`comp_${t}`] = true; newlyCompleted++; } });
        userProgress.topicsCompleted = Math.min(userProgress.totalTopics, userProgress.topicsCompleted + newlyCompleted);
        saveUserProgress(); updateUI();
        alert(t.completeMsg);
        backToStart();
    }

    function generateProblemOfDay() {
        const t = uiText[currentLang];
        const randomTopic = topicKeys[Math.floor(Math.random() * topicKeys.length)];
        const randomLevel = Math.floor(Math.random() * 3) + 1;
        selectedTopics = [randomTopic]; selectedLevel = randomLevel;
        const mcq = getRandomQuestions(selectedTopics, randomLevel, 1, currentLang)[0];
        const topicDisplay = getTopicDisplay(randomTopic, currentLang);
        startContainer.classList.add('hidden');
        generatedPaperContainer.classList.remove('hidden');
        let content = `<div class="header"><h2>${t.podTitle}</h2><h3>${t.podSub} ${topicDisplay}</h3><p>${t.podLevel} ${randomLevel}</p></div><div class="content-area"><div class="problem-of-day"><h3><i class="fas fa-star-of-life"></i> ${t.podToday}</h3><p>${currentLang === 'hi' ? 'अपनी learning streak बनाए रखें!' : 'Keep your learning streak going!'}</p></div><div class="daily-summary"><div class="summary-card"><h4>${t.podStreak}</h4><p>${userProgress.streak} ${currentLang === 'hi' ? 'दिन' : 'days'}</p></div><div class="summary-card"><h4>${t.podSolved}</h4><p>${userProgress.totalProblemsSolved}</p></div><div class="summary-card"><h4>${t.podProgress}</h4><p>${Math.round((userProgress.topicsCompleted / userProgress.totalTopics) * 100)}%</p></div></div><div class="question"><div class="question-text">${mcq.question}</div><div class="option">A. ${mcq.options[0]}</div><div class="option">B. ${mcq.options[1]}</div><div class="option">C. ${mcq.options[2]}</div><div class="option">D. ${mcq.options[3]}</div></div><div class="answer-sheet"><h3>${t.podSolution}</h3><p><strong>${t.podCorrect}</strong> ${mcq.answer}</p><p><strong>${t.podExplanation}</strong></p></div><div class="action-buttons"><button class="btn btn-success" id="markCompleteDailyBtn"><i class="fas fa-check"></i> ${t.podComplete}</button><button class="btn btn-primary" id="printBtn">${t.podPrint}</button><button class="btn btn-danger" id="newAssignmentBtn">${t.podNew}</button></div></div>`;
        generatedPaperContainer.innerHTML = content;
        document.getElementById('markCompleteDailyBtn')?.addEventListener('click', () => { userProgress.totalProblemsSolved++; saveUserProgress(); updateUI(); alert(t.dailyComplete); backToStart(); });
        document.getElementById('printBtn')?.addEventListener('click', () => window.print());
        document.getElementById('newAssignmentBtn')?.addEventListener('click', backToStart);
    }

    function backToStart() {
        generatedPaperContainer.classList.add('hidden');
        startContainer.classList.remove('hidden');
        document.getElementById('topicSelection').classList.add('hidden');
        document.getElementById('levelSelection').classList.add('hidden');
        document.getElementById('subjectSelection').classList.add('hidden');
        document.getElementById('startScreen').classList.remove('hidden');
        updateUI();
    }

    // =====================================================
    // EVENT BINDINGS
    // =====================================================
    document.getElementById('customPracticeBtn').addEventListener('click', () => { document.getElementById('startScreen').classList.add('hidden'); document.getElementById('subjectSelection').classList.remove('hidden'); });
    document.getElementById('selectCDPBtn').addEventListener('click', () => { renderTopics(); document.getElementById('subjectSelection').classList.add('hidden'); document.getElementById('topicSelection').classList.remove('hidden'); });
    document.getElementById('backToStartBtn').addEventListener('click', backToStart);
    document.getElementById('generateAssignmentBtn').addEventListener('click', () => {
        const full = document.getElementById('fullSyllabus')?.checked;
        if (full) selectedTopics = [...topicKeys];
        else selectedTopics = Array.from(document.querySelectorAll('input[name="topic"]:checked')).map(cb => cb.value);
        if (selectedTopics.length === 0) { const t = uiText[currentLang]; alert(t.noTopicAlert); return; }
        document.getElementById('topicSelection').classList.add('hidden');
        document.getElementById('levelSelection').classList.remove('hidden');
    });
    document.getElementById('backToTopicsBtn').addEventListener('click', () => { document.getElementById('levelSelection').classList.add('hidden'); document.getElementById('topicSelection').classList.remove('hidden'); });
    document.getElementById('level1Btn').addEventListener('click', () => { document.querySelectorAll('.btn-level').forEach(b => b.classList.remove('selected')); document.getElementById('level1Btn').classList.add('selected'); selectedLevel = 1; });
    document.getElementById('level2Btn').addEventListener('click', () => { document.querySelectorAll('.btn-level').forEach(b => b.classList.remove('selected')); document.getElementById('level2Btn').classList.add('selected'); selectedLevel = 2; });
    document.getElementById('level3Btn').addEventListener('click', () => { document.querySelectorAll('.btn-level').forEach(b => b.classList.remove('selected')); document.getElementById('level3Btn').classList.add('selected'); selectedLevel = 3; });
    document.getElementById('generateFinalBtn').addEventListener('click', () => { if (!selectedLevel) { const t = uiText[currentLang]; alert(t.noLevelAlert); return; } generatePaper(selectedTopics, selectedLevel, currentLang); });
    document.getElementById('problemOfDayBtn').addEventListener('click', generateProblemOfDay);
    document.getElementById('homeIconBtn').addEventListener('click', (e) => { e.preventDefault(); backToStart(); });

    document.addEventListener('DOMContentLoaded', () => { loadUserProgress(); });
</script>
</body>
</html>