<!DOCTYPE html>
<html lang="hi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CTET Paper 2 - बाल विकास एवं शिक्षाशास्त्र (CDP) अभ्यास सेट जनरेटर</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='%238e24aa'/%3E%3Ctext x='50' y='67' font-size='40' text-anchor='middle' fill='white' font-weight='bold'%3Eब%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: #8e24aa;
            --primary-dark: #6a1b9a;
            --secondary: #ce93d8;
            --danger: #f44336;
            --success: #43a047;
            --light: #f3e5f5;
            --dark: #4a148c;
            --gray: #7b1fa2;
            --border-radius: 12px;
            --box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
            --transition: all 0.3s ease;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', 'Noto Sans', 'Noto Sans Devanagari', system-ui, -apple-system, sans-serif;
        }

        body {
            background: linear-gradient(135deg, #f3e5f5 0%, #e1bee7 100%);
            min-height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 20px;
            color: var(--dark);
            line-height: 1.6;
        }

        .container {
            width: 100%;
            max-width: 1000px;
            background: white;
            border-radius: var(--border-radius);
            box-shadow: var(--box-shadow);
            overflow: hidden;
            transition: var(--transition);
            animation: fadeIn 0.5s 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: 30px 20px;
            text-align: center;
            position: relative;
            overflow: hidden;
        }

        .header::before {
            content: '🧠';
            position: absolute;
            bottom: -30px;
            right: -30px;
            font-size: 120px;
            opacity: 0.15;
            transform: rotate(-15deg);
        }

        .header h1 {
            font-size: 1.6rem;
            margin-bottom: 10px;
            font-weight: 700;
            position: relative;
            z-index: 1;
        }

        .header p {
            font-size: 1rem;
            opacity: 0.9;
            position: relative;
            z-index: 1;
        }

        .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;
        }
        .header-controls .home-icon:hover {
            transform: scale(1.1);
            color: rgba(255, 255, 255, 0.8);
        }

        .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: 30px;
        }

        .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 10px rgba(0, 0, 0, 0.1);
            margin: 10px 5px;
        }

        .btn-primary {
            background: var(--primary);
            color: white;
        }

        .btn-primary:hover {
            background: var(--primary-dark);
            transform: translateY(-2px);
            box-shadow: 0 8px 15px rgba(142, 36, 170, 0.3);
        }

        .btn-success {
            background: var(--success);
            color: white;
        }

        .btn-success:hover {
            background: #2e7d32;
            transform: translateY(-2px);
        }

        .btn-danger {
            background: var(--danger);
            color: white;
        }

        .btn-danger:hover {
            background: #d32f2f;
            transform: translateY(-2px);
        }

        .btn-level {
            background: var(--light);
            color: var(--dark);
            border: 2px solid var(--gray);
            font-size: 1.1rem;
            padding: 15px 30px;
            width: 200px;
        }

        .btn-level:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
        }

        .btn-level.selected {
            background: var(--primary);
            color: white;
            border-color: var(--primary);
        }

        .btn-group {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 10px;
            margin: 20px 0;
        }

        .level-buttons {
            display: flex;
            justify-content: center;
            gap: 20px;
            margin: 30px 0;
            flex-wrap: wrap;
        }

        .section-title {
            text-align: center;
            margin-bottom: 25px;
            color: var(--primary-dark);
            font-size: 1.5rem;
            position: relative;
            padding-bottom: 10px;
        }

        .section-title::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 3px;
            background: var(--secondary);
            border-radius: 3px;
        }

        .checkbox-container {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 12px;
            margin: 25px 0;
            max-height: 450px;
            overflow-y: auto;
            padding: 10px;
            border: 1px solid #eee;
            border-radius: 12px;
        }

        .checkbox-item {
            display: flex;
            align-items: center;
        }

        .checkbox-item input {
            margin-right: 10px;
            width: 18px;
            height: 18px;
            cursor: pointer;
        }

        .checkbox-item label {
            cursor: pointer;
            font-size: 0.85rem;
        }

        .practice-options {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
            gap: 20px;
            margin: 30px 0;
        }
        
        .option-card {
            background: white;
            border-radius: var(--border-radius);
            padding: 25px;
            box-shadow: var(--box-shadow);
            text-align: center;
            transition: var(--transition);
            cursor: pointer;
            border: 2px solid transparent;
        }
        
        .option-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
        }
        
        .option-card.selected {
            border-color: var(--primary);
            background: rgba(142, 36, 170, 0.05);
        }
        
        .option-icon {
            font-size: 2.5rem;
            color: var(--primary);
            margin-bottom: 15px;
        }
        
        .option-title {
            font-size: 1.2rem;
            font-weight: 600;
            margin-bottom: 10px;
            color: var(--primary-dark);
        }
        
        .option-description {
            color: var(--gray);
            font-size: 0.85rem;
        }

        .question-count-selector {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 15px;
            margin: 20px 0;
        }
        
        .count-btn {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: var(--light);
            border: 2px solid var(--gray);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            font-weight: bold;
            transition: var(--transition);
        }
        
        .count-btn:hover {
            background: var(--primary);
            color: white;
            border-color: var(--primary);
        }
        
        .question-count {
            font-size: 1.5rem;
            font-weight: 600;
            min-width: 60px;
            text-align: center;
        }

        .timer-options {
            display: flex;
            justify-content: center;
            gap: 15px;
            margin: 20px 0;
            flex-wrap: wrap;
        }
        
        .timer-btn {
            padding: 10px 20px;
            background: var(--light);
            border: 2px solid var(--gray);
            border-radius: 30px;
            cursor: pointer;
            transition: var(--transition);
        }
        
        .timer-btn.selected {
            background: var(--primary);
            color: white;
            border-color: var(--primary);
        }

        .question {
            margin-bottom: 20px;
            page-break-inside: avoid;
        }
        .question-text {
            font-weight: 500;
            margin-bottom: 8px;
        }
        .option {
            margin-left: 20px;
            margin-bottom: 5px;
        }
        .action-buttons {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 15px;
            margin-top: 40px;
        }
        .answer-sheet {
            margin-top: 40px;
            padding: 20px;
            background: #f8f9fa;
            border-radius: var(--border-radius);
        }
        .answer-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 15px;
        }
        .answer-table th, .answer-table td {
            border: 1px solid #ddd;
            padding: 8px;
            text-align: center;
        }
        .answer-table th {
            background-color: var(--primary);
            color: white;
        }
        .instructions {
            margin-bottom: 30px;
            padding: 20px;
            background: #f3e5f5;
            border-radius: var(--border-radius);
            border-left: 5px solid var(--primary);
        }
        .instructions ol {
            padding-left: 20px;
            margin-top: 10px;
        }
        .paper-header {
            text-align: center;
            margin-bottom: 20px;
        }
        .home-icon {
            position: absolute;
            top: 20px;
            left: 20px;
            color: white;
            font-size: 24px;
            cursor: pointer;
            transition: var(--transition);
            z-index: 2;
        }
        .home-icon:hover {
            transform: scale(1.1);
        }
        @media (max-width: 768px) {
            .checkbox-container { grid-template-columns: 1fr; }
            .level-buttons { flex-direction: column; align-items: center; }
            .btn-level { width: 100%; max-width: 250px; }
            .header h1 { font-size: 1.2rem; }
            .header-controls { top: 12px; right: 12px; gap: 8px; }
            .lang-toggle { font-size: 0.7rem; padding: 4px 12px; }
        }
        @media print {
            .action-buttons { display: none; }
            .home-icon { display: none; }
            .header-controls { display: none; }
            .question { page-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-paper2-practice-set-generator.html" class="home-icon" ><i class="fas fa-home"></i></a>
            <button class="lang-toggle" id="langToggleBtn"><i class="fas fa-globe"></i> <span id="langLabel">हिंदी</span></button>
        </div>
        <br /><br />
        <h1 id="mainTitle"><i class="fas fa-brain"></i> CTET Paper 2 - बाल विकास एवं शिक्षाशास्त्र (CDP) अभ्यास सेट जनरेटर</h1>
        <p id="mainSubtitle">CTET Paper 2 (उच्च प्राथमिक स्तर) हेतु बाल विकास, अधिगम एवं शिक्षण विधियों का विषयवार अभ्यास</p>
    </div>
    <div class="content-area">
        <div id="startScreen">
            <h2 class="section-title" id="startTitle">🧠 बाल विकास एवं शिक्षाशास्त्र - अभ्यास सेट जनरेटर</h2>
            <p class="text-center" id="startDesc">CTET Paper 2 हेतु बाल विकास, अधिगम के सिद्धांत, शिक्षण विधियाँ एवं मनोविज्ञान का विस्तृत अभ्यास सेट तैयार करें</p>
            <div class="btn-group">
                <button class="btn btn-primary" id="startGeneratingBtn"><i class="fas fa-play"></i> <span id="startBtnText">अभ्यास सेट बनाना शुरू करें</span></button>
            </div>
        </div>

        <div id="practiceTypeSelection" class="hidden">
            <h2 class="section-title" id="practiceTypeTitle">अभ्यास का प्रकार चुनें</h2>
            <p class="text-center" id="practiceTypeDesc">अपनी तैयारी के अनुसार अभ्यास सेट चुनें:</p>
            <div class="practice-options">
                <div class="option-card" data-type="chapter-wise">
                    <div class="option-icon"><i class="fas fa-book-open"></i></div>
                    <div class="option-title" id="optChapterTitle">विषयानुसार अभ्यास</div>
                    <div class="option-description" id="optChapterDesc">किसी विशेष विषय का गहन अभ्यास करें</div>
                </div>
                <div class="option-card" data-type="full-length">
                    <div class="option-icon"><i class="fas fa-file-alt"></i></div>
                    <div class="option-title" id="optFullTitle">पूर्ण लंबाई टेस्ट</div>
                    <div class="option-description" id="optFullDesc">CTET पैटर्न पर आधारित 50 प्रश्नों का सेट</div>
                </div>
                <div class="option-card" data-type="previous-year">
                    <div class="option-icon"><i class="fas fa-calendar-alt"></i></div>
                    <div class="option-title" id="optPrevTitle">पिछले वर्षों के प्रश्न</div>
                    <div class="option-description" id="optPrevDesc">पिछली TET परीक्षाओं पर आधारित प्रश्न</div>
                </div>
            </div>
            <div class="btn-group">
                <button class="btn btn-danger" id="backToStartBtn"><span id="backStartBtnText">पीछे जाएं</span></button>
                <button class="btn btn-success" id="proceedToChaptersBtn"><span id="proceedBtnText">विषय चुनें →</span></button>
            </div>
        </div>

        <div id="chapterSelection" class="hidden">
            <h2 class="section-title" id="chapterTitle">📚 बाल विकास एवं शिक्षाशास्त्र - विषय चुनें</h2>
            <form id="chapterForm">
                <div class="checkbox-container" id="cdpTopicsContainer"></div>
            </form>
            <div id="questionCountSection">
                <h3 class="section-title" id="qCountTitle">प्रश्नों की संख्या चुनें</h3>
                <div class="question-count-selector">
                    <div class="count-btn" id="decreaseCount">-</div>
                    <div class="question-count" id="questionCount">50</div>
                    <div class="count-btn" id="increaseCount">+</div>
                </div>
            </div>
            <div class="btn-group">
                <button class="btn btn-danger" id="backToPracticeTypeBtn"><span id="backPracticeBtnText">पीछे</span></button>
                <button class="btn btn-success" id="generateAssignmentBtn"><span id="generateAssignBtnText">कठिनाई स्तर चुनें →</span></button>
            </div>
        </div>

        <div id="levelSelection" class="hidden">
            <h2 class="section-title" id="levelTitle">कठिनाई स्तर चुनें</h2>
            <p class="text-center" id="levelDesc">CTET Paper 2 परीक्षा के अनुसार स्तर चुनें:</p>
            <div class="level-buttons">
                <button class="btn btn-level" id="level1Btn"><span id="l1Title">Level 1</span><br><small id="l1Sub">बुनियादी (प्रारंभिक)</small></button>
                <button class="btn btn-level" id="level2Btn"><span id="l2Title">Level 2</span><br><small id="l2Sub">मध्यम (CTET स्तर)</small></button>
                <button class="btn btn-level" id="level3Btn"><span id="l3Title">Level 3</span><br><small id="l3Sub">उच्च (शिक्षक पात्रता)</small></button>
            </div>
            <div id="timerOptions">
                <h3 class="section-title" id="timerTitle">समय सीमा चुनें</h3>
                <div class="timer-options">
                    <div class="timer-btn" data-time="30"><span id="t30">30 मिनट</span></div>
                    <div class="timer-btn" data-time="45"><span id="t45">45 मिनट</span></div>
                    <div class="timer-btn" data-time="60" class="selected"><span id="t60">60 मिनट</span></div>
                    <div class="timer-btn" data-time="90"><span id="t90">90 मिनट</span></div>
                </div>
            </div>
            <div class="btn-group">
                <button class="btn btn-danger" id="backToChaptersBtn"><span id="backChaptersBtnText">विषयों पर वापस</span></button>
                <button class="btn btn-success" id="generateFinalBtn"><span id="generateFinalBtnText">अभ्यास सेट जनरेट करें</span></button>
            </div>
        </div>
    </div>
</div>
<div class="container hidden" id="generatedPaperContainer"></div>

<script>
    const { jsPDF } = window.jspdf;
    
    // =====================================================
    // BILINGUAL QUESTIONS DATABASE (19 TOPICS) - CTET Paper 2
    // =====================================================
    const questionBank = {};

    // Helper to add questions
    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 Paper 2 - बाल विकास एवं शिक्षाशास्त्र (CDP) अभ्यास सेट जनरेटर",
            mainSubtitle: "CTET Paper 2 (उच्च प्राथमिक स्तर) हेतु बाल विकास, अधिगम एवं शिक्षण विधियों का विषयवार अभ्यास",
            startTitle: "🧠 बाल विकास एवं शिक्षाशास्त्र - अभ्यास सेट जनरेटर",
            startDesc: "CTET Paper 2 हेतु बाल विकास, अधिगम के सिद्धांत, शिक्षण विधियाँ एवं मनोविज्ञान का विस्तृत अभ्यास सेट तैयार करें",
            startBtn: "अभ्यास सेट बनाना शुरू करें",
            practiceTypeTitle: "अभ्यास का प्रकार चुनें",
            practiceTypeDesc: "अपनी तैयारी के अनुसार अभ्यास सेट चुनें:",
            optChapterTitle: "विषयानुसार अभ्यास",
            optChapterDesc: "किसी विशेष विषय का गहन अभ्यास करें",
            optFullTitle: "पूर्ण लंबाई टेस्ट",
            optFullDesc: "CTET पैटर्न पर आधारित 50 प्रश्नों का सेट",
            optPrevTitle: "पिछले वर्षों के प्रश्न",
            optPrevDesc: "पिछली TET परीक्षाओं पर आधारित प्रश्न",
            backStartBtn: "पीछे जाएं",
            proceedBtn: "विषय चुनें →",
            chapterTitle: "📚 बाल विकास एवं शिक्षाशास्त्र - विषय चुनें",
            qCountTitle: "प्रश्नों की संख्या चुनें",
            backPracticeBtn: "पीछे",
            generateAssignBtn: "कठिनाई स्तर चुनें →",
            levelTitle: "कठिनाई स्तर चुनें",
            levelDesc: "CTET Paper 2 परीक्षा के अनुसार स्तर चुनें:",
            l1Title: "Level 1",
            l1Sub: "बुनियादी (प्रारंभिक)",
            l2Title: "Level 2",
            l2Sub: "मध्यम (CTET स्तर)",
            l3Title: "Level 3",
            l3Sub: "उच्च (शिक्षक पात्रता)",
            timerTitle: "समय सीमा चुनें",
            t30: "30 मिनट",
            t45: "45 मिनट",
            t60: "60 मिनट",
            t90: "90 मिनट",
            backChaptersBtn: "विषयों पर वापस",
            generateFinalBtn: "अभ्यास सेट जनरेट करें",
            langLabel: "हिंदी",
            fullPaper: "सभी विषय (पूर्ण पाठ्यक्रम - 19 अध्याय)",
            noTopicAlert: "कृपया कम से कम एक विषय चुनें!",
            noLevelAlert: "कृपया कठिनाई स्तर चुनें!",
            noPracticeAlert: "कृपया अभ्यास का प्रकार चुनें!",
            instructions: "📌 निर्देश:",
            inst1: "इस सेट में {count} बहुविकल्पीय प्रश्न हैं।",
            inst2: "प्रत्येक प्रश्न के चार विकल्प, केवल एक सही।",
            inst3: "समय सीमा: {time} मिनट",
            inst4: "CTET Paper 2 (उच्च प्राथमिक स्तर) बाल विकास एवं शिक्षाशास्त्र हेतु अभ्यास।",
            inst5: "प्रत्येक प्रश्न 1 अंक का है, कोई निगेटिव मार्किंग नहीं।",
            mcqHeading: "🧠 बाल विकास एवं शिक्षाशास्त्र (CDP) प्रश्न",
            answerKey: "✅ उत्तर कुंजी (Answer Key)",
            qNo: "प्रश्न क्र.",
            ans: "उत्तर",
            print: "प्रिंट करें",
            download: "PDF डाउनलोड करें",
            newSet: "नया अभ्यास सेट",
            subjectLabel: "बाल विकास एवं शिक्षाशास्त्र",
            noQuestions: "प्रश्न उपलब्ध नहीं हैं। कृपया अन्य विषय चुनें।"
        },
        en: {
            mainTitle: "🧠 CTET Paper 2 - Child Development and Pedagogy (CDP) Practice Set Generator",
            mainSubtitle: "Topic-wise practice for Child Development, Learning Theories, Teaching Methods & Psychology for CTET Paper 2 (Upper Primary Level)",
            startTitle: "🧠 Child Development and Pedagogy - Practice Set Generator",
            startDesc: "Create comprehensive practice sets for CTET Paper 2 covering Child Development, Learning Theories, Teaching Methods and Psychology",
            startBtn: "Start Creating Practice Set",
            practiceTypeTitle: "Select Practice Type",
            practiceTypeDesc: "Choose practice set according to your preparation:",
            optChapterTitle: "Chapter-wise Practice",
            optChapterDesc: "Deep practice of a specific topic",
            optFullTitle: "Full Length Test",
            optFullDesc: "50 question set based on CTET pattern",
            optPrevTitle: "Previous Year Questions",
            optPrevDesc: "Questions based on previous TET exams",
            backStartBtn: "Back",
            proceedBtn: "Select Topics →",
            chapterTitle: "📚 Child Development and Pedagogy - Select Topics",
            qCountTitle: "Select Number of Questions",
            backPracticeBtn: "Back",
            generateAssignBtn: "Select Difficulty →",
            levelTitle: "Select Difficulty Level",
            levelDesc: "Choose level according to CTET Paper 2 exam:",
            l1Title: "Level 1",
            l1Sub: "Basic (Introductory)",
            l2Title: "Level 2",
            l2Sub: "Medium (CTET Level)",
            l3Title: "Level 3",
            l3Sub: "Advanced (Teacher Eligibility)",
            timerTitle: "Select Time Limit",
            t30: "30 min",
            t45: "45 min",
            t60: "60 min",
            t90: "90 min",
            backChaptersBtn: "Back to Topics",
            generateFinalBtn: "Generate Practice Set",
            langLabel: "English",
            fullPaper: "All Topics (Full Syllabus - 19 Chapters)",
            noTopicAlert: "Please select at least one topic!",
            noLevelAlert: "Please select a difficulty level!",
            noPracticeAlert: "Please select a practice type!",
            instructions: "📌 Instructions:",
            inst1: "This set has {count} multiple choice questions.",
            inst2: "Each question has four options, only one is correct.",
            inst3: "Time limit: {time} minutes",
            inst4: "For CTET Paper 2 (Upper Primary Level) Child Development and Pedagogy practice.",
            inst5: "Each question carries 1 mark, no negative marking.",
            mcqHeading: "🧠 Child Development and Pedagogy (CDP) Questions",
            answerKey: "✅ Answer Key",
            qNo: "Q. No.",
            ans: "Answer",
            print: "Print",
            download: "Download PDF",
            newSet: "New Practice Set",
            subjectLabel: "Child Development and Pedagogy",
            noQuestions: "Questions not available. Please select other topics."
        }
    };

    // =====================================================
    // DOM REFS & STATE
    // =====================================================
    const langToggleBtn = document.getElementById('langToggleBtn');
    const langLabel = document.getElementById('langLabel');
    let currentLang = 'hi';

    const startContainer = document.getElementById('startContainer');
    const startScreen = document.getElementById('startScreen');
    const practiceTypeSelection = document.getElementById('practiceTypeSelection');
    const chapterSelection = document.getElementById('chapterSelection');
    const levelSelection = document.getElementById('levelSelection');
    const generatedPaperContainer = document.getElementById('generatedPaperContainer');
    
    const startGeneratingBtn = document.getElementById('startGeneratingBtn');
    const backToStartBtn = document.getElementById('backToStartBtn');
    const proceedToChaptersBtn = document.getElementById('proceedToChaptersBtn');
    const backToPracticeTypeBtn = document.getElementById('backToPracticeTypeBtn');
    const generateAssignmentBtn = document.getElementById('generateAssignmentBtn');
    const backToChaptersBtn = document.getElementById('backToChaptersBtn');
    const generateFinalBtn = document.getElementById('generateFinalBtn');
    const level1Btn = document.getElementById('level1Btn');
    const level2Btn = document.getElementById('level2Btn');
    const level3Btn = document.getElementById('level3Btn');
    const decreaseCount = document.getElementById('decreaseCount');
    const increaseCount = document.getElementById('increaseCount');
    const questionCountSpan = document.getElementById('questionCount');
    const homeIconBtn = document.getElementById('homeIconBtn');
    
    let selectedTopics = [];
    let selectedLevel = null;
    let selectedPracticeType = null;
    let questionCount = 50;
    let timeLimit = 60;

    // =====================================================
    // UI LANGUAGE APPLICATION
    // =====================================================
    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('startDesc').textContent = t.startDesc;
        document.getElementById('startBtnText').textContent = t.startBtn;
        document.getElementById('practiceTypeTitle').textContent = t.practiceTypeTitle;
        document.getElementById('practiceTypeDesc').textContent = t.practiceTypeDesc;
        document.getElementById('optChapterTitle').textContent = t.optChapterTitle;
        document.getElementById('optChapterDesc').textContent = t.optChapterDesc;
        document.getElementById('optFullTitle').textContent = t.optFullTitle;
        document.getElementById('optFullDesc').textContent = t.optFullDesc;
        document.getElementById('optPrevTitle').textContent = t.optPrevTitle;
        document.getElementById('optPrevDesc').textContent = t.optPrevDesc;
        document.getElementById('backStartBtnText').textContent = t.backStartBtn;
        document.getElementById('proceedBtnText').textContent = t.proceedBtn;
        document.getElementById('chapterTitle').textContent = t.chapterTitle;
        document.getElementById('qCountTitle').textContent = t.qCountTitle;
        document.getElementById('backPracticeBtnText').textContent = t.backPracticeBtn;
        document.getElementById('generateAssignBtnText').textContent = t.generateAssignBtn;
        document.getElementById('levelTitle').textContent = t.levelTitle;
        document.getElementById('levelDesc').textContent = t.levelDesc;
        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('timerTitle').textContent = t.timerTitle;
        document.getElementById('t30').textContent = t.t30;
        document.getElementById('t45').textContent = t.t45;
        document.getElementById('t60').textContent = t.t60;
        document.getElementById('t90').textContent = t.t90;
        document.getElementById('backChaptersBtnText').textContent = t.backChaptersBtn;
        document.getElementById('generateFinalBtnText').textContent = t.generateFinalBtn;
        langLabel.textContent = t.langLabel;
        
        // Reload topics to update labels
        loadTopics();
        
        // If paper is already generated, re-render
        if (!generatedPaperContainer.classList.contains('hidden')) {
            if (selectedTopics.length > 0 && selectedLevel) {
                generatePaper(selectedTopics, selectedLevel, currentLang);
            }
        }
    }

    // Language toggle
    langToggleBtn.addEventListener('click', function() {
        currentLang = (currentLang === 'hi') ? 'en' : 'hi';
        applyUILanguage(currentLang);
    });

    // =====================================================
    // CORE LOGIC
    // =====================================================
    function loadTopics() {
        const container = document.getElementById('cdpTopicsContainer');
        const t = uiText[currentLang];
        const fullPaperLabel = (currentLang === 'hi') ? "✅ सभी विषय (पूर्ण पाठ्यक्रम - 19 अध्याय)" : "✅ All Topics (Full Syllabus - 19 Chapters)";
        container.innerHTML = `<div class="checkbox-item"><input type="checkbox" id="fullPaper" name="topic" value="सभी विषय"><label for="fullPaper">${fullPaperLabel}</label></div>`;
        topicKeys.forEach((key, idx) => {
            const id = `topic${idx}`;
            const displayName = getTopicDisplay(key, currentLang);
            container.innerHTML += `<div class="checkbox-item"><input type="checkbox" id="${id}" name="topic" value="${key}"><label for="${id}">🧠 ${displayName}</label></div>`;
        });
        document.getElementById('fullPaper')?.addEventListener('change', (e) => {
            const checkboxes = document.querySelectorAll('input[name="topic"]:not(#fullPaper)');
            checkboxes.forEach(cb => cb.disabled = e.target.checked);
            if(e.target.checked) checkboxes.forEach(cb => cb.checked = false);
        });
    }

    function getSelectedTopics() {
        const full = document.getElementById('fullPaper');
        if(full && full.checked) return [...topicKeys];
        return Array.from(document.querySelectorAll('input[name="topic"]:checked')).filter(cb => cb.id !== 'fullPaper').map(cb => cb.value);
    }

    function getRandomQuestions(topics, level, count, lang) {
        let allQuestions = [];
        topics.forEach(topic => {
            if(questionBank[topic] && questionBank[topic][lang] && questionBank[topic][lang][`level${level}`]) {
                allQuestions = allQuestions.concat(questionBank[topic][lang][`level${level}`]);
            }
        });
        if(allQuestions.length === 0) {
            const t = uiText[lang];
            return Array(count).fill({ question: t.noQuestions, options: ["A", "B", "C", "D"], answer: "A" });
        }
        allQuestions = allQuestions.sort(() => Math.random() - 0.5);
        return allQuestions.slice(0, Math.min(count, allQuestions.length));
    }

    function showPracticeTypeSelection() { startScreen.classList.add('hidden'); practiceTypeSelection.classList.remove('hidden'); }
    function backToStart() {
        generatedPaperContainer.classList.add('hidden');
        startContainer.classList.remove('hidden');
        practiceTypeSelection.classList.add('hidden');
        chapterSelection.classList.add('hidden');
        levelSelection.classList.add('hidden');
        startScreen.classList.remove('hidden');
        selectedTopics = []; selectedLevel = null; selectedPracticeType = null; questionCount = 50; timeLimit = 60;
        questionCountSpan.textContent = "50";
        document.querySelectorAll('.option-card').forEach(c => c.classList.remove('selected'));
        document.querySelectorAll('.timer-btn').forEach(b => b.classList.remove('selected'));
        if(document.querySelector('.timer-btn[data-time="60"]')) document.querySelector('.timer-btn[data-time="60"]').classList.add('selected');
        level1Btn.classList.remove('selected'); level2Btn.classList.remove('selected'); level3Btn.classList.remove('selected');
    }
    function backToPracticeType() { chapterSelection.classList.add('hidden'); practiceTypeSelection.classList.remove('hidden'); }
    function backToChapters() { levelSelection.classList.add('hidden'); chapterSelection.classList.remove('hidden'); }
    function showChapters() { 
        const t = uiText[currentLang];
        if(!selectedPracticeType) { alert(t.noPracticeAlert); return; } 
        practiceTypeSelection.classList.add('hidden'); 
        chapterSelection.classList.remove('hidden'); 
        loadTopics(); 
    }
    function showLevelSelection() { 
        const t = uiText[currentLang];
        selectedTopics = getSelectedTopics(); 
        if(selectedTopics.length === 0) { alert(t.noTopicAlert); return; } 
        chapterSelection.classList.add('hidden'); 
        levelSelection.classList.remove('hidden'); 
    }
    function selectLevel(level) { 
        level1Btn.classList.remove('selected'); 
        level2Btn.classList.remove('selected'); 
        level3Btn.classList.remove('selected'); 
        document.getElementById(`level${level}Btn`).classList.add('selected'); 
        selectedLevel = level; 
    }
    level1Btn.onclick = () => selectLevel(1); 
    level2Btn.onclick = () => selectLevel(2); 
    level3Btn.onclick = () => selectLevel(3);
    decreaseCount.onclick = () => { if(questionCount > 10) { questionCount -= 5; questionCountSpan.textContent = questionCount; } };
    increaseCount.onclick = () => { if(questionCount < 100) { questionCount += 5; questionCountSpan.textContent = questionCount; } };
    
    document.querySelectorAll('.option-card').forEach(card => {
        card.addEventListener('click', () => {
            document.querySelectorAll('.option-card').forEach(c => c.classList.remove('selected'));
            card.classList.add('selected');
            selectedPracticeType = card.dataset.type;
            if(selectedPracticeType === 'full-length') { questionCount = 50; questionCountSpan.textContent = "50"; }
            else if(selectedPracticeType === 'previous-year') { questionCount = 45; questionCountSpan.textContent = "45"; }
        });
    });
    document.querySelectorAll('.timer-btn').forEach(btn => {
        btn.addEventListener('click', () => { document.querySelectorAll('.timer-btn').forEach(b => b.classList.remove('selected')); btn.classList.add('selected'); timeLimit = parseInt(btn.dataset.time); });
    });

    function getPracticeTypeName(type, lang) {
        const t = uiText[lang];
        if(type === 'chapter-wise') return '📖 ' + t.optChapterTitle;
        if(type === 'full-length') return '📝 ' + t.optFullTitle;
        if(type === 'previous-year') return '⏳ ' + t.optPrevTitle;
        return '🧠 ' + t.subjectLabel;
    }

    function generatePaper(topics, level, lang) {
        const t = uiText[lang];
        const mcqs = getRandomQuestions(topics, level, questionCount, lang);
        let paperHTML = `
            <div class="header" style="background: linear-gradient(135deg, #8e24aa, #6a1b9a);">
                <h2>🧠 CTET Paper 2 - ${t.subjectLabel} अभ्यास सेत</h2>
                <h3>${getPracticeTypeName(selectedPracticeType, lang)}</h3>
                <p>${level === 1 ? t.l1Title : level === 2 ? t.l2Title : t.l3Title} - ${level === 1 ? t.l1Sub : level === 2 ? t.l2Sub : t.l3Sub} | समय: ${timeLimit} मिनट</p>
                <p>कुल प्रश्न: ${questionCount}</p>
            </div>
            <div class="content-area">
                <div class="instructions">
                    <p><strong>${t.instructions}</strong></p>
                    <ol>
                        <li>${t.inst1.replace('{count}', questionCount)}</li>
                        <li>${t.inst2}</li>
                        <li>${t.inst3.replace('{time}', timeLimit)}</li>
                        <li>${t.inst4}</li>
                        <li>${t.inst5}</li>
                    </ol>
                </div>
                <div class="question-section">
                    <div class="section-heading" style="font-size:1.2rem; font-weight:bold; margin-bottom:15px;">${t.mcqHeading}</div>`;
        let qNum = 1;
        mcqs.forEach(mcq => {
            paperHTML += `<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++;
        });
        paperHTML += `</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><th>${t.qNo}</th><th>${t.ans}</th></tr></thead><tbody>`;
        for(let i=0; i<mcqs.length; i+=3) {
            paperHTML += `<tr>`;
            for(let j=0; j<3; j++) {
                if(i+j < mcqs.length) paperHTML += `<td>${i+j+1}</td><td>${mcqs[i+j].answer}</td>`;
                else paperHTML += `<td></td><td></td>`;
            }
            paperHTML += `</tr>`;
        }
        paperHTML += `</tbody></table></div><div class="action-buttons"><button class="btn btn-primary" id="printBtn"><i class="fas fa-print"></i> ${t.print}</button><button class="btn btn-success" id="downloadBtn"><i class="fas fa-download"></i> ${t.download}</button><button class="btn btn-danger" id="newAssignmentBtn"><i class="fas fa-plus"></i> ${t.newSet}</button></div></div>`;
        generatedPaperContainer.innerHTML = paperHTML;
        generatedPaperContainer.classList.remove('hidden');
        startContainer.classList.add('hidden');
        document.getElementById('printBtn')?.addEventListener('click', () => window.print());
        document.getElementById('downloadBtn')?.addEventListener('click', downloadPDF);
        document.getElementById('newAssignmentBtn')?.addEventListener('click', () => backToStart());
    }

    async function downloadPDF() {
        const element = document.getElementById('generatedPaperContainer');
        const tempDiv = document.createElement('div');
        tempDiv.style.position = 'absolute'; tempDiv.style.left = '-9999px'; tempDiv.style.width = '794px'; tempDiv.style.backgroundColor = 'white'; tempDiv.style.padding = '20px';
        tempDiv.innerHTML = element.innerHTML;
        document.body.appendChild(tempDiv);
        try {
            const pdf = new jsPDF('p', 'mm', 'a4');
            const pageWidth = pdf.internal.pageSize.getWidth() - 25.4;
            let position = 12.7;
            let remainingHeight = tempDiv.scrollHeight;
            let pageNum = 1;
            while (remainingHeight > 0) {
                const canvas = await html2canvas(tempDiv, { scale: 1.5, backgroundColor: '#ffffff' });
                const imgData = canvas.toDataURL('image/jpeg', 0.92);
                if(pageNum > 1) pdf.addPage();
                pdf.addImage(imgData, 'JPEG', 12.7, 12.7, pageWidth, canvas.height * pageWidth / canvas.width);
                position += 277;
                remainingHeight -= 277 * 3.78;
                pageNum++;
            }
            pdf.save('CTET_Paper2_Child_Development_Pedagogy_Practice_Set.pdf');
        } catch(e) { console.error(e); alert("PDF generation error"); }
        finally { if(tempDiv) document.body.removeChild(tempDiv); }
    }

    // =====================================================
    // EVENT BINDINGS
    // =====================================================
    startGeneratingBtn.onclick = showPracticeTypeSelection;
    backToStartBtn.onclick = backToStart;
    proceedToChaptersBtn.onclick = showChapters;
    backToPracticeTypeBtn.onclick = backToPracticeType;
    generateAssignmentBtn.onclick = showLevelSelection;
    backToChaptersBtn.onclick = backToChapters;
    generateFinalBtn.onclick = function() {
        const t = uiText[currentLang];
        if(!selectedLevel) { alert(t.noLevelAlert); return; }
        generatePaper(selectedTopics, selectedLevel, currentLang);
    };
    homeIconBtn.onclick = backToStart;

    // Default timer selection
    document.querySelector('.timer-btn[data-time="60"]')?.classList.add('selected');

    // Initial load
    applyUILanguage('hi');
</script>
</body>
</html>