<!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 - विज्ञान एवं शिक्षाशास्त्र (Science & Pedagogy) अभ्यास सेट जनरेटर</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='%2300a86b'/%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: #00a86b;
            --primary-dark: #007a4d;
            --secondary: #66d9a0;
            --danger: #f44336;
            --success: #43a047;
            --light: #e6f9f0;
            --dark: #004d2e;
            --gray: #008a5e;
            --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, #e6f9f0 0%, #b3e6d0 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(0, 168, 107, 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(0, 168, 107, 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: #e6f9f0;
            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-flask"></i> CTET Paper 2 - विज्ञान एवं शिक्षाशास्त्र (Science & Pedagogy) अभ्यास सेट जनरेटर</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="scienceTopicsContainer"></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 (21 TOPICS: 11 Science + 10 Pedagogy) - CTET Paper 2
    // =====================================================
    const questionBank = {};

    function addQuestions(topicKey, enQ, hiQ) {
        if (!questionBank[topicKey]) questionBank[topicKey] = { en: { level1: [], level2: [], level3: [] }, hi: { level1: [], level2: [], level3: [] } };
        const levels = ['level1', 'level2', 'level3'];
        enQ.forEach((q, idx) => {
            const levelKey = levels[idx] || 'level1';
            questionBank[topicKey].en[levelKey].push(q);
        });
        hiQ.forEach((q, idx) => {
            const levelKey = levels[idx] || 'level1';
            questionBank[topicKey].hi[levelKey].push(q);
        });
    }

    // ----- SCIENCE TOPICS (11) -----
    addQuestions('भोजन',
        [
            { question: "Which nutrient provides energy to the body?", options: ["Carbohydrates", "Proteins", "Vitamins", "Minerals"], answer: "A" },
            { question: "Which vitamin is produced by sunlight?", options: ["Vitamin D", "Vitamin A", "Vitamin C", "Vitamin B"], answer: "A" },
            { question: "Which disease is caused by deficiency of Vitamin C?", options: ["Scurvy", "Rickets", "Beriberi", "Anaemia"], answer: "A" }
        ],
        [
            { question: "शरीर को ऊर्जा किस पोषक तत्व से मिलती है?", options: ["कार्बोहाइड्रेट", "प्रोटीन", "विटामिन", "खनिज"], answer: "A" },
            { question: "सूर्य के प्रकाश से कौन सा विटामिन बनता है?", options: ["विटामिन D", "विटामिन A", "विटामिन C", "विटामिन B"], answer: "A" },
            { question: "विटामिन C की कमी से कौन सा रोग होता है?", options: ["स्कर्वी", "रिकेट्स", "बेरीबेरी", "अरक्तता"], answer: "A" }
        ]
    );

    addQuestions('द्रव्य की अवस्थाएँ',
        [
            { question: "Which is not a state of matter?", options: ["Energy", "Solid", "Liquid", "Gas"], answer: "A" },
            { question: "The process of changing from liquid to gas is called:", options: ["Evaporation", "Condensation", "Melting", "Freezing"], answer: "A" },
            { question: "Which state of matter has definite shape and volume?", options: ["Solid", "Liquid", "Gas", "Plasma"], answer: "A" }
        ],
        [
            { question: "द्रव्य की अवस्था कौन नहीं है?", options: ["ऊर्जा", "ठोस", "द्रव", "गैस"], answer: "A" },
            { question: "द्रव से गैस में बदलने की प्रक्रिया क्या कहलाती है?", options: ["वाष्पीकरण", "संघनन", "गलन", "जमना"], answer: "A" },
            { question: "द्रव्य की किस अवस्था का आकार और आयतन निश्चित होता है?", options: ["ठोस", "द्रव", "गैस", "प्लाज्मा"], answer: "A" }
        ]
    );

    addQuestions('दैनिक उपयोगी पदार्थ',
        [
            { question: "Which substance is used to neutralize acidity?", options: ["Baking soda", "Salt", "Sugar", "Vinegar"], answer: "A" },
            { question: "Soap is made by reaction of fat with:", options: ["Sodium hydroxide", "Hydrochloric acid", "Sulfuric acid", "Nitric acid"], answer: "A" },
            { question: "Which is a preservative used in food?", options: ["Salt", "Sugar", "Vinegar", "All of these"], answer: "D" }
        ],
        [
            { question: "अम्लता को दूर करने के लिए किस पदार्थ का उपयोग किया जाता है?", options: ["बेकिंग सोडा", "नमक", "चीनी", "सिरका"], answer: "A" },
            { question: "साबुन वसा की किसके साथ प्रतिक्रिया से बनता है?", options: ["सोडियम हाइड्रॉक्साइड", "हाइड्रोक्लोरिक अम्ल", "सल्फ्यूरिक अम्ल", "नाइट्रिक अम्ल"], answer: "A" },
            { question: "भोजन में परिरक्षक के रूप में किसका उपयोग होता है?", options: ["नमक", "चीनी", "सिरका", "इन सभी का"], answer: "D" }
        ]
    );

    addQuestions('सजीव जगत',
        [
            { question: "Which organelle is known as the powerhouse of the cell?", options: ["Mitochondria", "Ribosome", "Golgi body", "Nucleus"], answer: "A" },
            { question: "The process of photosynthesis occurs in:", options: ["Chloroplasts", "Mitochondria", "Nucleus", "Ribosomes"], answer: "A" },
            { question: "Which is the smallest unit of life?", options: ["Cell", "Tissue", "Organ", "Organism"], answer: "A" }
        ],
        [
            { question: "किस कोशिकांग को कोशिका का पावर हाउस कहा जाता है?", options: ["माइटोकॉन्ड्रिया", "राइबोसोम", "गॉल्जी बॉडी", "केन्द्रक"], answer: "A" },
            { question: "प्रकाश संश्लेषण की प्रक्रिया कहाँ होती है?", options: ["हरितलवक में", "माइटोकॉन्ड्रिया में", "केन्द्रक में", "राइबोसोम में"], answer: "A" },
            { question: "जीवन की सबसे छोटी इकाई क्या है?", options: ["कोशिका", "ऊतक", "अंग", "जीव"], answer: "A" }
        ]
    );

    addQuestions('मानव कार्यकी',
        [
            { question: "Which organ pumps blood in the human body?", options: ["Heart", "Liver", "Kidney", "Lungs"], answer: "A" },
            { question: "The function of the kidney is:", options: ["Filter blood", "Digest food", "Pump blood", "Exchange gases"], answer: "A" },
            { question: "Which system helps in breathing?", options: ["Respiratory system", "Digestive system", "Circulatory system", "Nervous system"], answer: "A" }
        ],
        [
            { question: "मानव शरीर में रक्त पंप करने वाला अंग कौन है?", options: ["हृदय", "यकृत", "गुर्दा", "फेफड़े"], answer: "A" },
            { question: "गुर्दे का कार्य क्या है?", options: ["रक्त को छानना", "भोजन पचाना", "रक्त पंप करना", "गैसों का आदान-प्रदान"], answer: "A" },
            { question: "साँस लेने में कौन सा तंत्र सहायक है?", options: ["श्वसन तंत्र", "पाचन तंत्र", "परिसंचरण तंत्र", "तंत्रिका तंत्र"], answer: "A" }
        ]
    );

    addQuestions('सूक्ष्मजीव',
        [
            { question: "Which is not a microorganism?", options: ["Earthworm", "Bacteria", "Virus", "Fungi"], answer: "A" },
            { question: "Which microorganism causes malaria?", options: ["Plasmodium", "Virus", "Bacteria", "Fungi"], answer: "A" },
            { question: "Which microorganism is used in making bread?", options: ["Yeast", "Bacteria", "Virus", "Fungi"], answer: "A" }
        ],
        [
            { question: "सूक्ष्मजीव कौन नहीं है?", options: ["केंचुआ", "जीवाणु", "विषाणु", "कवक"], answer: "A" },
            { question: "मलेरिया किस सूक्ष्मजीव से होता है?", options: ["प्लाज्मोडियम", "विषाणु", "जीवाणु", "कवक"], answer: "A" },
            { question: "रोटी बनाने में किस सूक्ष्मजीव का उपयोग होता है?", options: ["यीस्ट", "जीवाणु", "विषाणु", "कवक"], answer: "A" }
        ]
    );

    addQuestions('गतिमान वस्तुएँ एवं उनके अनुप्रयोग',
        [
            { question: "Force is measured in:", options: ["Newton", "Joule", "Watt", "Pascal"], answer: "A" },
            { question: "Which law states that action and reaction are equal?", options: ["Newton's Third Law", "Newton's First Law", "Newton's Second Law", "Law of Inertia"], answer: "A" },
            { question: "The SI unit of speed is:", options: ["m/s", "km/h", "m/min", "cm/s"], answer: "A" }
        ],
        [
            { question: "बल को किस इकाई में मापा जाता है?", options: ["न्यूटन", "जूल", "वाट", "पास्कल"], answer: "A" },
            { question: "कौन सा नियम बताता है कि क्रिया और प्रतिक्रिया बराबर होती है?", options: ["न्यूटन का तीसरा नियम", "न्यूटन का पहला नियम", "न्यूटन का दूसरा नियम", "जड़त्व का नियम"], answer: "A" },
            { question: "चाल की SI इकाई क्या है?", options: ["m/s", "km/h", "m/min", "cm/s"], answer: "A" }
        ]
    );

    addQuestions('चीजें कैसे काम करती हैं?',
        [
            { question: "A lever is an example of:", options: ["Simple machine", "Complex machine", "Compound machine", "No machine"], answer: "A" },
            { question: "The fulcrum is the:", options: ["Fixed point of a lever", "Force applied", "Load", "Effort"], answer: "A" },
            { question: "Which is not a simple machine?", options: ["Engine", "Lever", "Pulley", "Inclined plane"], answer: "A" }
        ],
        [
            { question: "उत्तोलक किसका उदाहरण है?", options: ["सरल मशीन", "जटिल मशीन", "संयुक्त मशीन", "कोई मशीन नहीं"], answer: "A" },
            { question: "आधार बिंदु क्या होता है?", options: ["उत्तोलक का स्थिर बिंदु", "लगाया गया बल", "भार", "प्रयास"], answer: "A" },
            { question: "सरल मशीन कौन नहीं है?", options: ["इंजन", "उत्तोलक", "घिरनी", "झुका हुआ तल"], answer: "A" }
        ]
    );

    addQuestions('प्राकृतिक घटनाएँ',
        [
            { question: "Earthquake is caused by:", options: ["Movement of tectonic plates", "Volcanic eruption", "Tsunami", "Storm"], answer: "A" },
            { question: "Lightning is a:", options: ["Natural electrostatic discharge", "Chemical reaction", "Nuclear reaction", "Magnetic effect"], answer: "A" },
            { question: "Cyclone is a:", options: ["Weather phenomenon", "Geological phenomenon", "Biological phenomenon", "Nuclear phenomenon"], answer: "A" }
        ],
        [
            { question: "भूकंप किसके कारण होता है?", options: ["टेक्टोनिक प्लेटों की गति", "ज्वालामुखी विस्फोट", "सुनामी", "तूफान"], answer: "A" },
            { question: "बिजली एक:", options: ["प्राकृतिक स्थिर विद्युत विसर्जन", "रासायनिक अभिक्रिया", "नाभिकीय अभिक्रिया", "चुंबकीय प्रभाव"], answer: "A" },
            { question: "चक्रवात एक:", options: ["मौसमी घटना है", "भूवैज्ञानिक घटना है", "जैविक घटना है", "नाभिकीय घटना है"], answer: "A" }
        ]
    );

    addQuestions('तारे तथा सौर मण्डल',
        [
            { question: "Which is the largest planet in our solar system?", options: ["Jupiter", "Saturn", "Earth", "Neptune"], answer: "A" },
            { question: "The sun is a:", options: ["Star", "Planet", "Satellite", "Asteroid"], answer: "A" },
            { question: "Which planet is known as the red planet?", options: ["Mars", "Venus", "Jupiter", "Mercury"], answer: "A" }
        ],
        [
            { question: "हमारे सौर मंडल का सबसे बड़ा ग्रह कौन है?", options: ["बृहस्पति", "शनि", "पृथ्वी", "अरुण"], answer: "A" },
            { question: "सूर्य एक:", options: ["तारा है", "ग्रह है", "उपग्रह है", "क्षुद्रग्रह है"], answer: "A" },
            { question: "किस ग्रह को लाल ग्रह कहा जाता है?", options: ["मंगल", "शुक्र", "बृहस्पति", "बुध"], answer: "A" }
        ]
    );

    addQuestions('प्राकृतिक संसाधन',
        [
            { question: "Which is a renewable resource?", options: ["Solar energy", "Coal", "Petroleum", "Natural gas"], answer: "A" },
            { question: "Which is a non-renewable resource?", options: ["Coal", "Wind energy", "Solar energy", "Water energy"], answer: "A" },
            { question: "Conservation of resources means:", options: ["Careful use", "Excessive use", "No use", "Waste"], answer: "A" }
        ],
        [
            { question: "नवीकरणीय संसाधन कौन है?", options: ["सौर ऊर्जा", "कोयला", "पेट्रोलियम", "प्राकृतिक गैस"], answer: "A" },
            { question: "अनवीकरणीय संसाधन कौन है?", options: ["कोयला", "पवन ऊर्जा", "सौर ऊर्जा", "जल ऊर्जा"], answer: "A" },
            { question: "संसाधनों का संरक्षण क्या है?", options: ["सावधानीपूर्वक उपयोग", "अत्यधिक उपयोग", "कोई उपयोग नहीं", "बर्बादी"], answer: "A" }
        ]
    );

    // ----- PEDAGOGY TOPICS (10) - Updated as per user request -----
    addQuestions('विज्ञान की प्रकृति एवं संरचना',
        [
            { question: "Science is a:", options: ["Systematic knowledge", "Random knowledge", "Fixed knowledge", "Unchanging knowledge"], answer: "A" },
            { question: "The nature of science is:", options: ["Dynamic and evolving", "Static", "Fixed", "Unchanging"], answer: "A" },
            { question: "Science is based on:", options: ["Empirical evidence", "Belief", "Tradition", "Opinion"], answer: "A" }
        ],
        [
            { question: "विज्ञान एक:", options: ["व्यवस्थित ज्ञान है", "यादृच्छिक ज्ञान है", "निश्चित ज्ञान है", "अपरिवर्तनीय ज्ञान है"], answer: "A" },
            { question: "विज्ञान की प्रकृति:", options: ["गतिशील और विकासशील है", "स्थिर है", "निश्चित है", "अपरिवर्तनीय है"], answer: "A" },
            { question: "विज्ञान किस पर आधारित है?", options: ["अनुभवजन्य प्रमाण", "विश्वास", "परंपरा", "मत"], answer: "A" }
        ]
    );

    addQuestions('प्राकृतिक विज्ञान लक्ष्य एवं उद्देश्य',
        [
            { question: "The aim of science education is to:", options: ["Develop scientific attitude", "Memorize facts", "Pass exams", "Get degrees"], answer: "A" },
            { question: "The objective of science teaching includes:", options: ["Understanding concepts", "Rote learning", "Exam preparation", "Only theory"], answer: "A" },
            { question: "Science education aims to develop:", options: ["Scientific temper", "Religious faith", "Superstition", "Dogmatism"], answer: "A" }
        ],
        [
            { question: "विज्ञान शिक्षा का उद्देश्य क्या है?", options: ["वैज्ञानिक दृष्टिकोण विकसित करना", "तथ्यों को याद करना", "परीक्षा उत्तीर्ण करना", "डिग्री प्राप्त करना"], answer: "A" },
            { question: "विज्ञान शिक्षण का उद्देश्य शामिल है:", options: ["अवधारणाओं को समझना", "रटना", "परीक्षा की तैयारी", "केवल सिद्धांत"], answer: "A" },
            { question: "विज्ञान शिक्षा का लक्ष्य क्या विकसित करना है?", options: ["वैज्ञानिक स्वभाव", "धार्मिक आस्था", "अंधविश्वास", "हठधर्मिता"], answer: "A" }
        ]
    );

    addQuestions('विज्ञान का महत्त्व एवं इसकी समझ',
        [
            { question: "Science helps in:", options: ["Understanding nature", "Creating fear", "Spreading myths", "Promoting superstition"], answer: "A" },
            { question: "The importance of science lies in:", options: ["Solving daily problems", "Complicating life", "Increasing confusion", "Creating doubts"], answer: "A" },
            { question: "Science understanding is essential for:", options: ["Informed decision making", "Blind following", "Ignoring evidence", "Maintaining beliefs"], answer: "A" }
        ],
        [
            { question: "विज्ञान सहायक है:", options: ["प्रकृति को समझने में", "डर पैदा करने में", "मिथक फैलाने में", "अंधविश्वास को बढ़ावा देने में"], answer: "A" },
            { question: "विज्ञान का महत्व किसमें है?", options: ["दैनिक समस्याओं को हल करना", "जीवन को जटिल बनाना", "भ्रम बढ़ाना", "संदेह पैदा करना"], answer: "A" },
            { question: "विज्ञान की समझ किसके लिए आवश्यक है?", options: ["सूचित निर्णय लेने", "आँख बंद करके पालन", "प्रमाणों की अनदेखी", "विश्वासों को बनाए रखना"], answer: "A" }
        ]
    );

    addQuestions('उपागम/एकीकृत उपागम',
        [
            { question: "The integrated approach in science teaching:", options: ["Connects different subjects", "Separates subjects", "Focuses only on theory", "Ignores practicals"], answer: "A" },
            { question: "The integrated approach helps in:", options: ["Holistic learning", "Limited learning", "Memorization", "Exam focus"], answer: "A" },
            { question: "Which is a benefit of integrated approach?", options: ["Real-world connection", "Isolation of topics", "Narrow focus", "Theoretical knowledge"], answer: "A" }
        ],
        [
            { question: "विज्ञान शिक्षण में एकीकृत उपागम:", options: ["विभिन्न विषयों को जोड़ता है", "विषयों को अलग करता है", "केवल सिद्धांत पर केंद्रित है", "व्यावहारिक को अनदेखा करता है"], answer: "A" },
            { question: "एकीकृत उपागम किसमें सहायक है?", options: ["समग्र अधिगम", "सीमित अधिगम", "रटना", "परीक्षा केंद्रित"], answer: "A" },
            { question: "एकीकृत उपागम का लाभ क्या है?", options: ["वास्तविक दुनिया से जुड़ाव", "विषयों का अलगाव", "संकीर्ण ध्यान", "सैद्धांतिक ज्ञान"], answer: "A" }
        ]
    );

    addQuestions('विज्ञान शिक्षण की विधियाँ',
        [
            { question: "The scientific method involves:", options: ["Observation and experimentation", "Rote learning", "Memorization", "Only reading"], answer: "A" },
            { question: "Which method is effective in science teaching?", options: ["Laboratory method", "Lecture method only", "Dictation method", "Copying method"], answer: "A" },
            { question: "Inquiry-based learning in science emphasizes:", options: ["Student questions", "Teacher's answers", "Passive learning", "Rote memorization"], answer: "A" }
        ],
        [
            { question: "वैज्ञानिक विधि में शामिल है:", options: ["अवलोकन और प्रयोग", "रटना", "कंठस्थीकरण", "केवल पढ़ना"], answer: "A" },
            { question: "विज्ञान शिक्षण में कौन सी विधि प्रभावी है?", options: ["प्रयोगशाला विधि", "केवल व्याख्यान विधि", "श्रुतलेख विधि", "नकल विधि"], answer: "A" },
            { question: "विज्ञान में जाँच-पड़ताल-आधारित अधिगम किस पर जोर देता है?", options: ["छात्रों के प्रश्न", "शिक्षक के उत्तर", "निष्क्रिय अधिगम", "रटना"], answer: "A" }
        ]
    );

    addQuestions('नवाचार',
        [
            { question: "Innovation in science teaching means:", options: ["New methods and approaches", "Traditional methods", "Old approaches", "No change"], answer: "A" },
            { question: "Which is an innovative approach in science?", options: ["Project-based learning", "Only lecture", "Rote memorization", "Dictation"], answer: "A" },
            { question: "Innovation in science education helps in:", options: ["Engaging students", "Boring students", "Confusing students", "Frustrating students"], answer: "A" }
        ],
        [
            { question: "विज्ञान शिक्षण में नवाचार का अर्थ है:", options: ["नई विधियाँ और उपागम", "पारंपरिक विधियाँ", "पुराने उपागम", "कोई परिवर्तन नहीं"], answer: "A" },
            { question: "विज्ञान में नवीन उपागम कौन है?", options: ["परियोजना-आधारित अधिगम", "केवल व्याख्यान", "रटना", "श्रुतलेख"], answer: "A" },
            { question: "विज्ञान शिक्षा में नवाचार किसमें सहायक है?", options: ["छात्रों को संलग्न करना", "छात्रों को बोर करना", "छात्रों को भ्रमित करना", "छात्रों को निराश करना"], answer: "A" }
        ]
    );

    addQuestions('शिक्षण सहायक सामग्री',
        [
            { question: "Teaching learning materials in science include:", options: ["Models, charts, specimens", "Only textbooks", "Only notebooks", "Only pens"], answer: "A" },
            { question: "Which TLM is most effective for science?", options: ["Laboratory equipment", "Chalkboard only", "Textbook only", "Only oral instruction"], answer: "A" },
            { question: "The use of multimedia in science teaching:", options: ["Enhances understanding", "Confuses students", "Is useless", "Wastes time"], answer: "A" }
        ],
        [
            { question: "विज्ञान में शिक्षण सहायक सामग्री में शामिल हैं:", options: ["मॉडल, चार्ट, नमूने", "केवल पाठ्यपुस्तकें", "केवल कॉपियाँ", "केवल कलम"], answer: "A" },
            { question: "विज्ञान के लिए कौन सी शिक्षण सहायक सामग्री सबसे प्रभावी है?", options: ["प्रयोगशाला उपकरण", "केवल ब्लैकबोर्ड", "केवल पाठ्यपुस्तक", "केवल मौखिक निर्देश"], answer: "A" },
            { question: "विज्ञान शिक्षण में मल्टीमीडिया का उपयोग:", options: ["समझ को बढ़ाता है", "छात्रों को भ्रमित करता है", "बेकार है", "समय बर्बाद करता है"], answer: "A" }
        ]
    );

    addQuestions('मूल्यांकन',
        [
            { question: "Evaluation in science should be:", options: ["Continuous and comprehensive", "Only final exam", "Only oral", "Only written"], answer: "A" },
            { question: "Formative assessment in science is:", options: ["During learning process", "At the end", "Only once", "For grading only"], answer: "A" },
            { question: "Summative assessment in science aims to:", options: ["Evaluate overall achievement", "Improve learning", "Diagnose difficulties", "Plan instruction"], answer: "A" }
        ],
        [
            { question: "विज्ञान में मूल्यांकन होना चाहिए:", options: ["निरंतर और व्यापक", "केवल अंतिम परीक्षा", "केवल मौखिक", "केवल लिखित"], answer: "A" },
            { question: "विज्ञान में रचनात्मक मूल्यांकन है:", options: ["अधिगम प्रक्रिया के दौरान", "अंत में", "केवल एक बार", "केवल ग्रेडिंग के लिए"], answer: "A" },
            { question: "विज्ञान में योगात्मक मूल्यांकन का उद्देश्य है:", options: ["समग्र उपलब्धि का मूल्यांकन", "सीखने में सुधार", "कठिनाइयों का निदान", "शिक्षण की योजना"], answer: "A" }
        ]
    );

    addQuestions('विज्ञान शिक्षण से सम्बन्धित समस्याएँ',
        [
            { question: "A major problem in science teaching is:", options: ["Lack of practical equipment", "Too many teachers", "Too many books", "Over-enthusiastic students"], answer: "A" },
            { question: "Which is a challenge in science teaching?", options: ["Student disinterest", "High student interest", "Good resources", "Motivated students"], answer: "A" },
            { question: "Classroom management in science is difficult due to:", options: ["Diverse learning levels", "Same level", "Perfect behavior", "Full attendance"], answer: "A" }
        ],
        [
            { question: "विज्ञान शिक्षण में प्रमुख समस्या है:", options: ["प्रायोगिक उपकरणों की कमी", "बहुत अधिक शिक्षक", "बहुत अधिक पुस्तकें", "अत्यधिक उत्साही छात्र"], answer: "A" },
            { question: "विज्ञान शिक्षण में चुनौती है:", options: ["छात्रों की अरुचि", "उच्च छात्र रुचि", "अच्छे संसाधन", "प्रेरित छात्र"], answer: "A" },
            { question: "विज्ञान में कक्षा प्रबंधन किस कारण से कठिन है?", options: ["विविध अधिगम स्तर", "समान स्तर", "परिपूर्ण व्यवहार", "पूर्ण उपस्थिति"], answer: "A" }
        ]
    );

    addQuestions('उपचारात्मक शिक्षण',
        [
            { question: "Remedial teaching in science aims to:", options: ["Correct errors and build concepts", "Punish students", "Skip topics", "Ignore difficulties"], answer: "A" },
            { question: "Remedial teaching should be:", options: ["Individualized and specific", "General and broad", "Rote-based", "Theory-based"], answer: "A" },
            { question: "Diagnostic test in science helps to:", options: ["Identify learning difficulties", "Assign grades", "Compare students", "Select students"], answer: "A" }
        ],
        [
            { question: "विज्ञान में उपचारात्मक शिक्षण का उद्देश्य है:", options: ["त्रुटियों को सुधारना और अवधारणाएँ बनाना", "छात्रों को दंड देना", "विषय छोड़ना", "कठिनाइयों की अनदेखी"], answer: "A" },
            { question: "उपचारात्मक शिक्षण होना चाहिए:", options: ["व्यक्तिगत और विशिष्ट", "सामान्य और व्यापक", "रट-आधारित", "सिद्धांत-आधारित"], answer: "A" },
            { question: "विज्ञान में निदानात्मक परीक्षण किसमें सहायक है?", options: ["अधिगम कठिनाइयों की पहचान", "ग्रेड देने", "छात्रों की तुलना", "छात्रों का चयन"], answer: "A" }
        ]
    );

    // =====================================================
    // TOPIC KEYS & BILINGUAL NAMES - Updated for CTET Paper 2 Science
    // =====================================================
    const topicKeys = [
        // Science (11)
        "भोजन",
        "द्रव्य की अवस्थाएँ",
        "दैनिक उपयोगी पदार्थ",
        "सजीव जगत",
        "मानव कार्यकी",
        "सूक्ष्मजीव",
        "गतिमान वस्तुएँ एवं उनके अनुप्रयोग",
        "चीजें कैसे काम करती हैं?",
        "प्राकृतिक घटनाएँ",
        "तारे तथा सौर मण्डल",
        "प्राकृतिक संसाधन",
        // Pedagogy (10)
        "विज्ञान की प्रकृति एवं संरचना",
        "प्राकृतिक विज्ञान लक्ष्य एवं उद्देश्य",
        "विज्ञान का महत्त्व एवं इसकी समझ",
        "उपागम/एकीकृत उपागम",
        "विज्ञान शिक्षण की विधियाँ",
        "नवाचार",
        "शिक्षण सहायक सामग्री",
        "मूल्यांकन",
        "विज्ञान शिक्षण से सम्बन्धित समस्याएँ",
        "उपचारात्मक शिक्षण"
    ];

    const topicNames = {
        hi: [
            "भोजन",
            "द्रव्य की अवस्थाएँ",
            "दैनिक उपयोगी पदार्थ",
            "सजीव जगत",
            "मानव कार्यकी",
            "सूक्ष्मजीव",
            "गतिमान वस्तुएँ एवं उनके अनुप्रयोग",
            "चीजें कैसे काम करती हैं?",
            "प्राकृतिक घटनाएँ",
            "तारे तथा सौर मण्डल",
            "प्राकृतिक संसाधन",
            "विज्ञान की प्रकृति एवं संरचना",
            "प्राकृतिक विज्ञान लक्ष्य एवं उद्देश्य",
            "विज्ञान का महत्त्व एवं इसकी समझ",
            "उपागम/एकीकृत उपागम",
            "विज्ञान शिक्षण की विधियाँ",
            "नवाचार",
            "शिक्षण सहायक सामग्री",
            "मूल्यांकन",
            "विज्ञान शिक्षण से सम्बन्धित समस्याएँ",
            "उपचारात्मक शिक्षण"
        ],
        en: [
            "Food",
            "States of Matter",
            "Daily Use Substances",
            "Living World",
            "Human Physiology",
            "Microorganisms",
            "Moving Objects & Applications",
            "How Things Work?",
            "Natural Phenomena",
            "Stars and Solar System",
            "Natural Resources",
            "Nature and Structure of Science",
            "Aims and Objectives of Science",
            "Importance and Understanding of Science",
            "Approaches/Integrated Approach",
            "Methods of Teaching Science",
            "Innovations",
            "Teaching Learning Materials",
            "Evaluation",
            "Problems in Science Teaching",
            "Remedial Teaching"
        ]
    };

    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 - विज्ञान एवं शिक्षाशास्त्र (Science & Pedagogy) अभ्यास सेट जनरेटर",
            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: "सभी विषय (पूर्ण पाठ्यक्रम - 21 अध्याय)",
            noTopicAlert: "कृपया कम से कम एक विषय चुनें!",
            noLevelAlert: "कृपया कठिनाई स्तर चुनें!",
            noPracticeAlert: "कृपया अभ्यास का प्रकार चुनें!",
            instructions: "📌 निर्देश:",
            inst1: "इस सेट में {count} बहुविकल्पीय प्रश्न हैं।",
            inst2: "प्रत्येक प्रश्न के चार विकल्प, केवल एक सही।",
            inst3: "समय सीमा: {time} मिनट",
            inst4: "CTET Paper 2 (उच्च प्राथमिक स्तर) विज्ञान एवं शिक्षाशास्त्र हेतु अभ्यास।",
            inst5: "प्रत्येक प्रश्न 1 अंक का है, कोई निगेटिव मार्किंग नहीं।",
            mcqHeading: "🔬 विज्ञान एवं शिक्षाशास्त्र (Science & Pedagogy) प्रश्न",
            answerKey: "✅ उत्तर कुंजी (Answer Key)",
            qNo: "प्रश्न क्र.",
            ans: "उत्तर",
            print: "प्रिंट करें",
            download: "PDF डाउनलोड करें",
            newSet: "नया अभ्यास सेट",
            subjectLabel: "विज्ञान एवं शिक्षाशास्त्र",
            noQuestions: "प्रश्न उपलब्ध नहीं हैं। कृपया अन्य विषय चुनें।"
        },
        en: {
            mainTitle: "🔬 CTET Paper 2 - Science and Pedagogy (Science & Pedagogy) Practice Set Generator",
            mainSubtitle: "Topic-wise practice for Science, Scientific Concepts, Experimental Methods & Teaching Methods for CTET Paper 2 (Upper Primary Level)",
            startTitle: "🔬 Science and Pedagogy - Practice Set Generator",
            startDesc: "Create comprehensive practice sets for CTET Paper 2 covering Science, Scientific Concepts, Experimental Methods and Pedagogy",
            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: "📚 Science 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 - 21 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) Science and Pedagogy practice.",
            inst5: "Each question carries 1 mark, no negative marking.",
            mcqHeading: "🔬 Science and Pedagogy (Science & Pedagogy) Questions",
            answerKey: "✅ Answer Key",
            qNo: "Q. No.",
            ans: "Answer",
            print: "Print",
            download: "Download PDF",
            newSet: "New Practice Set",
            subjectLabel: "Science 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('scienceTopicsContainer');
        const t = uiText[currentLang];
        const fullPaperLabel = (currentLang === 'hi') ? "✅ सभी विषय (पूर्ण पाठ्यक्रम - 21 अध्याय)" : "✅ All Topics (Full Syllabus - 21 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, #00a86b, #007a4d);">
                <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_Science_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>