<!DOCTYPE html>
<html lang="hi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CTET Paper 1 - बाल विकास एवं शिक्षाशास्त्र असाइनमेंट जनरेटर</title>
    <link href="img/logo1.jpg" 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: #4361ee;
            --primary-dark: #3f37c9;
            --secondary: #4895ef;
            --danger: #f72585;
            --success: #4cc9f0;
            --light: #f8f9fa;
            --dark: #212529;
            --gray: #6c757d;
            --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', Tahoma, Geneva, Verdana, sans-serif;
        }

        body {
            background: linear-gradient(135deg, #f5f7fa 0%, #e2e8f0 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: 950px;
            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;
            top: -50px;
            right: -50px;
            width: 150px;
            height: 150px;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 50%;
        }

        .header h1 {
            font-size: 2rem;
            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(67, 97, 238, 0.3);
        }

        .btn-success {
            background: var(--success);
            color: white;
        }

        .btn-success:hover {
            background: #3ab0d6;
            transform: translateY(-2px);
            box-shadow: 0 8px 15px rgba(76, 201, 240, 0.3);
        }

        .btn-danger {
            background: var(--danger);
            color: white;
        }

        .btn-danger:hover {
            background: #d3166b;
            transform: translateY(-2px);
            box-shadow: 0 8px 15px rgba(247, 37, 133, 0.3);
        }

        .btn-level {
            background: var(--light);
            color: var(--dark);
            border: 2px solid var(--gray);
            font-size: 1.2rem;
            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;
        }

        .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(280px, 1fr));
            gap: 12px;
            margin: 25px 0;
            max-height: 500px;
            overflow-y: auto;
            padding: 10px;
            border: 1px solid #eee;
            border-radius: var(--border-radius);
        }

        .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.9rem;
        }

        .instructions {
            margin-bottom: 30px;
            padding: 20px;
            background: #f8f9fa;
            border-radius: var(--border-radius);
        }

        .instructions ol {
            padding-left: 20px;
            margin-top: 10px;
        }

        .instructions li {
            margin-bottom: 8px;
        }

        .question-section {
            margin-bottom: 30px;
        }

        .section-heading {
            font-weight: 600;
            color: var(--primary-dark);
            margin-bottom: 15px;
            padding-bottom: 5px;
            border-bottom: 1px solid #eee;
        }

        .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;
        }

        .answer-table tr:nth-child(even) {
            background-color: #f2f2f2;
        }

        @media (max-width: 768px) {
            .header h1 { font-size: 1.6rem; }
            .content-area { padding: 20px; }
            .checkbox-container { grid-template-columns: 1fr; }
            .btn { padding: 10px 20px; font-size: 0.9rem; }
            .btn-level { width: 150px; font-size: 1rem; padding: 12px 20px; }
            .level-buttons { flex-direction: column; align-items: center; }
            .header-controls { top: 12px; right: 12px; gap: 8px; }
            .lang-toggle { font-size: 0.7rem; padding: 4px 12px; }
        }

        @media (max-width: 480px) {
            .header { padding: 20px 15px; }
            .section-title { font-size: 1.3rem; }
            .action-buttons { flex-direction: column; align-items: center; }
            .btn { width: 100%; max-width: 250px; }
        }

        @media print {
            body { background: none; padding: 0; }
            .container { box-shadow: none; max-width: 100%; }
            .action-buttons { display: none; }
            .question { page-break-inside: avoid; }
            .header { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
            .header-controls { display: none; }
        }

        .temp-pdf-container {
            font-family: Arial, sans-serif;
            line-height: 1.5;
            width: 794px;
            background-color: white;
            color: black;
        }
        .question { page-break-inside: avoid; break-inside: avoid; }
        .text-center { text-align: center; margin-bottom: 15px; }
        .flex-center { display: flex; justify-content: center; align-items: center; gap: 10px; flex-wrap: wrap; }
    </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-assignment-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>
        <h1 id="mainTitle">CTET Paper 1</h1>
        <p id="mainSubtitle">बाल विकास एवं शिक्षाशास्त्र (Child Development and Pedagogy) असाइनमेंट जनरेटर</p>
    </div>
    <div class="content-area">
        <div id="startScreen">
            <h2 class="section-title" id="startTitle">बाल विकास एवं शिक्षाशास्त्र असाइनमेंट जनरेटर</h2>
            <div class="btn-group">
                <button class="btn btn-primary" id="startGeneratingBtn">असाइनमेंट बनाएँ</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="selectPedagogyBtn">बाल विकास एवं शिक्षाशास्त्र (Child Development & Pedagogy)</button>
            </div>
        </div>

        <div id="chapterSelection" class="hidden">
            <h2 class="section-title" id="chapterTitle">अध्याय / विषय चुनें</h2>
            <div id="chapterCheckboxContainer" class="checkbox-container"></div>
            <div class="btn-group">
                <button class="btn btn-danger" id="backToStartBtn">प्रारंभ पर वापस जाएँ</button>
                <button class="btn btn-success" id="generateAssignmentBtn">असाइनमेंट बनाएँ</button>
            </div>
        </div>

        <div id="levelSelection" class="hidden">
            <h2 class="section-title" id="levelTitle">कठिनाई स्तर चुनें</h2>
            <p class="text-center" id="levelDesc">अपने असाइनमेंट के लिए स्तर का चयन करें:</p>
            <div class="level-buttons">
                <button class="btn btn-level" id="level1Btn">स्तर 1<br><small id="level1Sub">बेसिक स्तर</small></button>
                <button class="btn btn-level" id="level2Btn">स्तर 2<br><small id="level2Sub">मध्यम स्तर</small></button>
                <button class="btn btn-level" id="level3Btn">स्तर 3<br><small id="level3Sub">परीक्षा स्तर</small></button>
            </div>
            <div class="btn-group">
                <button class="btn btn-danger" id="backToChaptersBtn">विषयों पर वापस जाएँ</button>
                <button class="btn btn-success" id="generateFinalBtn">असाइनमेंट जनरेट करें</button>
            </div>
        </div>
    </div>
</div>

<div class="container hidden" id="generatedPaperContainer"></div>

<script>
    const { jsPDF } = window.jspdf;
    
    // =====================================================
    // BILINGUAL QUESTIONS DATABASE (19 TOPICS)
    // =====================================================
    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" }
        ]
    );

    // Bilingual topic names (for UI display)
    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"
        ]
    };

    // Map topic keys to display names (both languages)
    function getTopicDisplay(key, lang) {
        const idx = topicKeys.indexOf(key);
        if (idx === -1) return key;
        return topicNames[lang][idx] || key;
    }

    // List of 19 topics in order (keys)
    const topicKeys = [
        "विकास की अवधारणा और सीखने के साथ इसका संबंध",
        "बाल विकास के सिद्धांत",
        "पर्यावरण और आनुवंशिकता का प्रभाव",
        "समाजीकरण प्रक्रिया एवं समाजिक दुनिया और बच्चे",
        "पियाजे, कोहलवर्ग, वायुगोल्पिकी: संरचना और आलोचनात्मक दृष्टिकोण",
        "बाल-केंद्रित और प्रगतिशील शिक्षा की अवधारणा",
        "बुद्धि निर्माण के लिए आलोचनात्मक और बहुआयामी दृष्टिकोण",
        "भाषा और विचार",
        "लिंग की भूमिका: एक सामाजिक संरचना के रूप में लिंग, लिंग भूमिकाएँ, लिंग-पूर्वाधिक और शैक्षणिक अभ्यास",
        "व्यक्तित्व और व्यक्तिगत अंतर",
        "शैक्षिक मापन एवं मूल्यांकन",
        "लाभान्वित और विचित्र वर्गों सहित विविध पृष्ठभूमियों के शिक्षार्थियों की पहचान",
        "शिक्षण और अधिगम",
        "सीखने की कठिनाई और अक्षमता वाले बच्चों की आवश्यकताओं की पहचान",
        "समस्या समाधानकर्ता और बेहतर विकास के रूप में बालक",
        "बच्चों के सीखने की बेकल्पिक अवधारणाएँ और बच्चों की त्रुटियाँ",
        "संज्ञान एवं संवेग",
        "अभिप्रेरणा और अधिगम",
        "एन.सी.एफ. 2005, आर.टी.ई. 2009 तथा एन.ई.पी. 2020"
    ];

    // Translation maps for UI
    const uiText = {
        hi: {
            mainTitle: "CTET Paper 1",
            mainSubtitle: "बाल विकास एवं शिक्षाशास्त्र (Child Development and Pedagogy) असाइनमेंट जनरेटर",
            startTitle: "बाल विकास एवं शिक्षाशास्त्र असाइनमेंट जनरेटर",
            startBtn: "असाइनमेंट बनाएँ",
            subjectTitle: "विषय का चयन करें",
            selectSubject: "बाल विकास एवं शिक्षाशास्त्र (Child Development & Pedagogy)",
            chapterTitle: "अध्याय / विषय चुनें",
            backStart: "प्रारंभ पर वापस जाएँ",
            generateAssign: "असाइनमेंट बनाएँ",
            levelTitle: "कठिनाई स्तर चुनें",
            levelDesc: "अपने असाइनमेंट के लिए स्तर का चयन करें:",
            level1: "स्तर 1",
            level1Sub: "बेसिक स्तर",
            level2: "स्तर 2",
            level2Sub: "मध्यम स्तर",
            level3: "स्तर 3",
            level3Sub: "परीक्षा स्तर",
            backChapters: "विषयों पर वापस जाएँ",
            generateFinal: "असाइनमेंट जनरेट करें",
            fullPaper: "पूर्ण पाठ्यक्रम (सभी 19 विषय)",
            noChapterAlert: "कृपया कम से कम एक अध्याय/विषय चुनें!",
            noLevelAlert: "कृपया कठिनाई स्तर चुनें!",
            fullPaperLabel: "पूर्ण पाठ्यक्रम (सभी 19 विषय)",
            instructions: "निर्देश:",
            inst1: "इस असाइनमेंट में 45 बहुविकल्पीय प्रश्न (MCQs) हैं।",
            inst2: "प्रत्येक प्रश्न के चार विकल्प हैं, केवल एक सही है।",
            inst3: "उचित विकल्प का चयन करें।",
            inst4: "समय: 60 मिनट",
            mcqHeading: "बहुविकल्पीय प्रश्न (MCQs)",
            answerKey: "उत्तर कुंजी (Answer Key)",
            qNo: "प्रश्न सं.",
            ans: "उत्तर",
            print: "प्रिंट करें",
            download: "PDF डाउनलोड करें",
            newAssign: "नया असाइनमेंट",
            subjectLabel: "बाल विकास एवं शिक्षाशास्त्र",
            langLabel: "हिंदी",
            noQuestions: "प्रश्न उपलब्ध नहीं हैं। कृपया अन्य अध्याय चुनें।"
        },
        en: {
            mainTitle: "CTET Paper 1",
            mainSubtitle: "Child Development and Pedagogy Assignment Generator",
            startTitle: "Child Development and Pedagogy Assignment Generator",
            startBtn: "Create Assignment",
            subjectTitle: "Select Subject",
            selectSubject: "Child Development & Pedagogy",
            chapterTitle: "Select Chapters / Topics",
            backStart: "Back to Start",
            generateAssign: "Generate Assignment",
            levelTitle: "Select Difficulty Level",
            levelDesc: "Choose the level for your assignment:",
            level1: "Level 1",
            level1Sub: "Basic Level",
            level2: "Level 2",
            level2Sub: "Medium Level",
            level3: "Level 3",
            level3Sub: "Exam Level",
            backChapters: "Back to Topics",
            generateFinal: "Generate Assignment",
            fullPaper: "Full Syllabus (All 19 Topics)",
            noChapterAlert: "Please select at least one chapter/topic!",
            noLevelAlert: "Please select a difficulty level!",
            fullPaperLabel: "Full Syllabus (All 19 Topics)",
            instructions: "Instructions:",
            inst1: "This assignment has 45 multiple-choice questions (MCQs).",
            inst2: "Each question has four options, only one is correct.",
            inst3: "Select the appropriate option.",
            inst4: "Time: 60 minutes",
            mcqHeading: "Multiple Choice Questions (MCQs)",
            answerKey: "Answer Key",
            qNo: "Q. No.",
            ans: "Answer",
            print: "Print",
            download: "Download PDF",
            newAssign: "New Assignment",
            subjectLabel: "Child Development & Pedagogy",
            langLabel: "English",
            noQuestions: "Questions not available. Please select other chapters."
        }
    };

    // DOM refs
    const langToggleBtn = document.getElementById('langToggleBtn');
    const langLabel = document.getElementById('langLabel');
    let currentLang = 'hi'; // 'hi' or 'en'

    // Apply UI language
    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('startGeneratingBtn').textContent = t.startBtn;
        document.getElementById('subjectTitle').textContent = t.subjectTitle;
        document.getElementById('selectPedagogyBtn').textContent = t.selectSubject;
        document.getElementById('chapterTitle').textContent = t.chapterTitle;
        document.getElementById('backToStartBtn').textContent = t.backStart;
        document.getElementById('generateAssignmentBtn').textContent = t.generateAssign;
        document.getElementById('levelTitle').textContent = t.levelTitle;
        document.getElementById('levelDesc').textContent = t.levelDesc;
        document.getElementById('level1Btn').innerHTML = `${t.level1}<br><small>${t.level1Sub}</small>`;
        document.getElementById('level2Btn').innerHTML = `${t.level2}<br><small>${t.level2Sub}</small>`;
        document.getElementById('level3Btn').innerHTML = `${t.level3}<br><small>${t.level3Sub}</small>`;
        document.getElementById('backToChaptersBtn').textContent = t.backChapters;
        document.getElementById('generateFinalBtn').textContent = t.generateFinal;
        langLabel.textContent = t.langLabel;
        // Re-populate chapters to update labels
        populateChapters();
        // Re-render generated paper if visible
        if (!generatedPaperContainer.classList.contains('hidden')) {
            if (selectedChapters && selectedLevel) {
                generatePaper(selectedChapters, selectedLevel, currentLang);
            }
        }
    }

    // Toggle language
    langToggleBtn.addEventListener('click', function() {
        currentLang = (currentLang === 'hi') ? 'en' : 'hi';
        applyUILanguage(currentLang);
    });

    // ----- Core logic -----
    let selectedChapters = [];
    let selectedLevel = null;
    const startContainer = document.getElementById('startContainer');
    const startScreen = document.getElementById('startScreen');
    const subjectSelection = document.getElementById('subjectSelection');
    const chapterSelection = document.getElementById('chapterSelection');
    const levelSelection = document.getElementById('levelSelection');
    const generatedPaperContainer = document.getElementById('generatedPaperContainer');

    function populateChapters() {
        const container = document.getElementById('chapterCheckboxContainer');
        const t = uiText[currentLang];
        const fullPaperLabel = (currentLang === 'hi') ? "पूर्ण पाठ्यक्रम (सभी 19 विषय)" : "Full Syllabus (All 19 Topics)";
        container.innerHTML = `<div class="checkbox-item"><input type="checkbox" id="fullPaper" value="full"><label for="fullPaper">${fullPaperLabel}</label></div>`;
        topicKeys.forEach((key, idx) => {
            const displayName = getTopicDisplay(key, currentLang);
            container.innerHTML += `<div class="checkbox-item"><input type="checkbox" id="topic_${idx}" name="chapter" value="${key}"><label for="topic_${idx}">${idx+1}. ${displayName}</label></div>`;
        });
        const fullPaperCheckbox = document.getElementById('fullPaper');
        if(fullPaperCheckbox) {
            fullPaperCheckbox.addEventListener('change', function() {
                const allChapterCheckboxes = document.querySelectorAll('input[name="chapter"]');
                allChapterCheckboxes.forEach(cb => cb.disabled = this.checked);
            });
        }
    }

    function getRandomQuestions(chapters, level, count, lang) {
        let allQuestions = [];
        chapters.forEach(ch => {
            if(questionBank[ch] && questionBank[ch][lang] && questionBank[ch][lang][`level${level}`]) {
                allQuestions = allQuestions.concat(questionBank[ch][lang][`level${level}`]);
            }
        });
        if(allQuestions.length === 0) {
            const t = uiText[lang];
            return [{ 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 generatePaper(chapters, level, lang) {
        const t = uiText[lang];
        const mcqs = getRandomQuestions(chapters, level, 45, lang);
        let questionNumber = 1;
        // Build chapter display string
        let chapterDisplay = '';
        if (chapters.length === topicKeys.length) {
            chapterDisplay = t.fullPaperLabel;
        } else {
            const displayNames = chapters.slice(0,3).map(k => getTopicDisplay(k, lang));
            chapterDisplay = displayNames.join(", ") + (chapters.length > 3 ? "..." : "");
        }
        let paperContent = `
            <div class="header">
                <h2>CTET Paper 1 - ${t.subjectLabel}</h2>
                <h3>${chapterDisplay}</h3>
                <p>${level === 1 ? t.level1 : level === 2 ? t.level2 : t.level3} - ${level === 1 ? t.level1Sub : level === 2 ? t.level2Sub : t.level3Sub}</p>
            </div>
            <div class="content-area">
                <div class="instructions">
                    <p><strong>${t.instructions}</strong></p>
                    <ol>
                        <li>${t.inst1}</li>
                        <li>${t.inst2}</li>
                        <li>${t.inst3}</li>
                        <li>${t.inst4}</li>
                    </ol>
                </div>
                <div class="question-section">
                    <div class="section-heading">${t.mcqHeading}</div>`;

        mcqs.forEach(mcq => {
            paperContent += `
                <div class="question">
                    <div class="question-text">${questionNumber}. ${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>`;
            questionNumber++;
        });

        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>
                                <th>${t.qNo}</th><th>${t.ans}</th>
                            </tr>
                        </thead>
                        <tbody>`;

        for(let i=0; i<mcqs.length; i+=3) {
            paperContent += `<tr>`;
            for(let j=0; j<3; j++) {
                if(i+j < mcqs.length) {
                    paperContent += `<td>${i+j+1}</td><td>${mcqs[i+j].answer}</td>`;
                } else {
                    paperContent += `<td></td><td></td>`;
                }
            }
            paperContent += `</tr>`;
        }

        paperContent += `
                        </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.newAssign}</button>
                </div>
            </div>`;

        generatedPaperContainer.innerHTML = paperContent;
        generatedPaperContainer.classList.remove('hidden');
        startContainer.classList.add('hidden');

        document.getElementById('printBtn').addEventListener('click', function() { window.print(); });
        document.getElementById('downloadBtn').addEventListener('click', downloadPDF);
        document.getElementById('newAssignmentBtn').addEventListener('click', function() {
            generatedPaperContainer.classList.add('hidden');
            startContainer.classList.remove('hidden');
            startScreen.classList.remove('hidden');
            subjectSelection.classList.add('hidden');
            chapterSelection.classList.add('hidden');
            levelSelection.classList.add('hidden');
            selectedLevel = null;
            level1Btn.classList.remove('selected');
            level2Btn.classList.remove('selected');
            level3Btn.classList.remove('selected');
        });
    }

    // Event Listeners
    document.getElementById('startGeneratingBtn').addEventListener('click', function() {
        startScreen.classList.add('hidden');
        subjectSelection.classList.remove('hidden');
    });

    document.getElementById('selectPedagogyBtn').addEventListener('click', function() {
        subjectSelection.classList.add('hidden');
        populateChapters();
        chapterSelection.classList.remove('hidden');
    });

    document.getElementById('backToStartBtn').addEventListener('click', function() {
        generatedPaperContainer.classList.add('hidden');
        startContainer.classList.remove('hidden');
        chapterSelection.classList.add('hidden');
        levelSelection.classList.add('hidden');
        startScreen.classList.remove('hidden');
        subjectSelection.classList.add('hidden');
    });

    document.getElementById('generateAssignmentBtn').addEventListener('click', function() {
        const fullPaper = document.getElementById('fullPaper');
        if(fullPaper && fullPaper.checked) {
            selectedChapters = [...topicKeys];
        } else {
            selectedChapters = Array.from(document.querySelectorAll('input[name="chapter"]:checked')).map(cb => cb.value);
        }
        if(selectedChapters.length === 0) {
            const t = uiText[currentLang];
            alert(t.noChapterAlert);
            return;
        }
        chapterSelection.classList.add('hidden');
        levelSelection.classList.remove('hidden');
    });

    document.getElementById('backToChaptersBtn').addEventListener('click', function() {
        levelSelection.classList.add('hidden');
        chapterSelection.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;
    }

    document.getElementById('level1Btn').addEventListener('click', function() { selectLevel(1); });
    document.getElementById('level2Btn').addEventListener('click', function() { selectLevel(2); });
    document.getElementById('level3Btn').addEventListener('click', function() { selectLevel(3); });

    document.getElementById('generateFinalBtn').addEventListener('click', function() {
        if(!selectedLevel) {
            const t = uiText[currentLang];
            alert(t.noLevelAlert);
            return;
        }
        startContainer.classList.add('hidden');
        levelSelection.classList.add('hidden');
        generatePaper(selectedChapters, selectedLevel, currentLang);
    });

    // PDF Download
    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;
            const pageHeight = pdf.internal.pageSize.getHeight() - 25.4;
            let position = 12.7;
            let remainingHeight = tempDiv.scrollHeight;
            let pageNum = 1;
            
            while(remainingHeight > 0) {
                const canvas = await html2canvas(tempDiv, { 
                    scale: 2,
                    windowHeight: pageHeight * 3.78,
                    windowWidth: pageWidth * 3.78,
                    y: position * 3.78,
                    height: pageHeight * 3.78,
                    useCORS: true,
                    backgroundColor: '#ffffff',
                    logging: false 
                });
                const imgData = canvas.toDataURL('image/jpeg', 0.95);
                if(pageNum > 1) pdf.addPage('a4', 'portrait');
                pdf.addImage(imgData, 'JPEG', 12.7, 12.7, pageWidth, (canvas.height * pageWidth) / canvas.width);
                position += pageHeight;
                remainingHeight -= pageHeight * 3.78;
                pageNum++;
            }
            pdf.save('CTET_CDP_Assignment.pdf');
        } catch(err) { 
            console.error(err); 
            alert('PDF generation error. Please try again.'); 
        } finally { 
            if(tempDiv && tempDiv.parentNode) document.body.removeChild(tempDiv); 
        }
    }

    // Home icon: reset to start
    document.getElementById('homeIconBtn').addEventListener('click', function(e) {
        e.preventDefault();
        generatedPaperContainer.classList.add('hidden');
        startContainer.classList.remove('hidden');
        startScreen.classList.remove('hidden');
        subjectSelection.classList.add('hidden');
        chapterSelection.classList.add('hidden');
        levelSelection.classList.add('hidden');
        selectedLevel = null;
        level1Btn.classList.remove('selected');
        level2Btn.classList.remove('selected');
        level3Btn.classList.remove('selected');
    });

    // Initial load: apply Hindi UI
    applyUILanguage('hi');
</script>
</body>
</html>