<!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; }
    </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="#" class="home-icon" id="homeIconBtn"><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">पर्यावरणीय अध्ययन एवं शिक्षाशास्त्र (Environmental Studies 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="selectEvsBtn">पर्यावरणीय अध्ययन एवं शिक्षाशास्त्र (Environmental Studies & 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 (27 TOPICS: 15 EVS + 12 Pedagogy)
    // =====================================================
    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);
        });
    }

    // ----- EVS TOPICS (15) -----
    // 1. Family, Relations and Environment
    addQuestions('परिवार, सम्बन्ध एवं पर्यावरण',
        [
            { question: "What is the basic unit of society?", options: ["Family", "School", "Community", "Nation"], answer: "A" },
            { question: "Joint family system includes:", options: ["Multiple generations living together", "Only parents and children", "Only husband and wife", "Only grandparents"], answer: "A" },
            { question: "Environment influences family relationships by:", options: ["Shaping values and traditions", "Determining income", "Controlling emotions", "Providing shelter only"], answer: "A" }
        ],
        [
            { question: "समाज की मूल इकाई क्या है?", options: ["परिवार", "विद्यालय", "समुदाय", "राष्ट्र"], answer: "A" },
            { question: "संयुक्त परिवार प्रणाली में शामिल है:", options: ["कई पीढ़ियाँ एक साथ रहना", "केवल माता-पिता और बच्चे", "केवल पति-पत्नी", "केवल दादा-दादी"], answer: "A" },
            { question: "पर्यावरण पारिवारिक संबंधों को कैसे प्रभावित करता है?", options: ["मूल्यों और परंपराओं को आकार देकर", "आय निर्धारित करके", "भावनाओं को नियंत्रित करके", "केवल आश्रय प्रदान करके"], answer: "A" }
        ]
    );

    // 2. Plant and Animal Kingdom
    addQuestions('पादप एवं जंतु जगत',
        [
            { question: "Plants make their food through:", options: ["Photosynthesis", "Respiration", "Transpiration", "Germination"], answer: "A" },
            { question: "Which animal is a herbivore?", options: ["Cow", "Lion", "Tiger", "Bear"], answer: "A" },
            { question: "The process of photosynthesis requires:", options: ["Sunlight, water and carbon dioxide", "Only sunlight", "Only water", "Only oxygen"], answer: "A" }
        ],
        [
            { question: "पौधे अपना भोजन किसके द्वारा बनाते हैं?", options: ["प्रकाश संश्लेषण", "श्वसन", "वाष्पोत्सर्जन", "अंकुरण"], answer: "A" },
            { question: "कौन सा जानवर शाकाहारी है?", options: ["गाय", "शेर", "बाघ", "भालू"], answer: "A" },
            { question: "प्रकाश संश्लेषण के लिए क्या आवश्यक है?", options: ["सूर्य का प्रकाश, जल और कार्बन डाइऑक्साइड", "केवल सूर्य प्रकाश", "केवल जल", "केवल ऑक्सीजन"], answer: "A" }
        ]
    );

    // 3. Human Body and Diseases
    addQuestions('मानव शरीर एवं रोग',
        [
            { question: "The largest organ of the human body is:", options: ["Skin", "Liver", "Brain", "Heart"], answer: "A" },
            { question: "Vitamin C deficiency causes:", options: ["Scurvy", "Rickets", "Night blindness", "Anemia"], answer: "A" },
            { question: "Which disease is caused by a virus?", options: ["COVID-19", "Cholera", "Typhoid", "Tuberculosis"], answer: "A" }
        ],
        [
            { question: "मानव शरीर का सबसे बड़ा अंग कौन सा है?", options: ["त्वचा", "यकृत", "मस्तिष्क", "हृदय"], answer: "A" },
            { question: "विटामिन C की कमी से कौन सा रोग होता है?", options: ["स्कर्वी", "रिकेट्स", "रतौंधी", "एनीमिया"], answer: "A" },
            { question: "कौन सा रोग वायरस द्वारा होता है?", options: ["COVID-19", "हैजा", "टाइफाइड", "तपेदिक"], answer: "A" }
        ]
    );

    // 4. Our Basic Needs
    addQuestions('हमारी मूल आवश्यकताएँ',
        [
            { question: "Which is not a basic need?", options: ["Television", "Food", "Water", "Shelter"], answer: "A" },
            { question: "A balanced diet includes:", options: ["Carbohydrates, proteins, fats, vitamins, minerals", "Only proteins", "Only carbohydrates", "Only fats"], answer: "A" },
            { question: "Clean water is essential for:", options: ["Preventing waterborne diseases", "Cooking only", "Bathing only", "Washing clothes"], answer: "A" }
        ],
        [
            { question: "कौन सी मूल आवश्यकता नहीं है?", options: ["टेलीविजन", "भोजन", "जल", "आश्रय"], answer: "A" },
            { question: "संतुलित आहार में शामिल है:", options: ["कार्बोहाइड्रेट, प्रोटीन, वसा, विटामिन, खनिज", "केवल प्रोटीन", "केवल कार्बोहाइड्रेट", "केवल वसा"], answer: "A" },
            { question: "स्वच्छ जल किसके लिए आवश्यक है?", options: ["जलजनित रोगों को रोकने के लिए", "केवल खाना पकाने के लिए", "केवल स्नान के लिए", "कपड़े धोने के लिए"], answer: "A" }
        ]
    );

    // 5. Shelter
    addQuestions('आश्रय',
        [
            { question: "A pucca house is made of:", options: ["Bricks and cement", "Mud", "Wood", "Bamboo"], answer: "A" },
            { question: "In hot regions, houses have:", options: ["Light colors and high ceilings", "Dark colors", "Low ceilings", "No windows"], answer: "A" },
            { question: "In flood-prone areas, houses are built:", options: ["On stilts or raised platforms", "Underground", "On floating platforms", "Without foundations"], answer: "A" }
        ],
        [
            { question: "पक्का मकान किससे बनता है?", options: ["ईंट और सीमेंट", "मिट्टी", "लकड़ी", "बाँस"], answer: "A" },
            { question: "गर्म क्षेत्रों में मकान कैसे बनाए जाते हैं?", options: ["हल्के रंग और ऊँची छत", "गहरे रंग", "नीची छत", "बिना खिड़की"], answer: "A" },
            { question: "बाढ़-प्रभावित क्षेत्रों में मकान कैसे बनाए जाते हैं?", options: ["ऊँचे खंभों या उठे हुए प्लेटफॉर्म पर", "भूमिगत", "तैरते प्लेटफॉर्म पर", "बिना नींव के"], answer: "A" }
        ]
    );

    // 6. Transportation and Communication
    addQuestions('परिवहन तथा संचार',
        [
            { question: "The fastest mode of transport is:", options: ["Airplane", "Train", "Bus", "Ship"], answer: "A" },
            { question: "E-mail is an example of:", options: ["Communication technology", "Transport technology", "Construction technology", "Medical technology"], answer: "A" },
            { question: "Which transport is most eco-friendly?", options: ["Walking", "Car", "Bus", "Train"], answer: "A" }
        ],
        [
            { question: "परिवहन का सबसे तेज़ साधन कौन सा है?", options: ["हवाई जहाज", "ट्रेन", "बस", "जहाज"], answer: "A" },
            { question: "ई-मेल किसका उदाहरण है?", options: ["संचार प्रौद्योगिकी", "परिवहन प्रौद्योगिकी", "निर्माण प्रौद्योगिकी", "चिकित्सा प्रौद्योगिकी"], answer: "A" },
            { question: "कौन सा परिवहन सबसे पर्यावरण-अनुकूल है?", options: ["पैदल चलना", "कार", "बस", "ट्रेन"], answer: "A" }
        ]
    );

    // 7. Cultural and Natural Diversity of India and Freedom Movement
    addQuestions('भारत की सांस्कृतिक और प्राकृतिक विविधता और भारतीय स्वतंत्रता आंदोलन',
        [
            { question: "India's diversity includes:", options: ["Many languages, religions, and cultures", "Only one language", "Only one religion", "Only one culture"], answer: "A" },
            { question: "The Indian freedom movement was led by:", options: ["Mahatma Gandhi", "Subhas Chandra Bose", "Bhagat Singh", "All of the above"], answer: "D" },
            { question: "Which is a natural diversity of India?", options: ["Himalayas", "Only deserts", "Only rivers", "Only forests"], answer: "A" }
        ],
        [
            { question: "भारत की विविधता में शामिल है:", options: ["कई भाषाएँ, धर्म और संस्कृतियाँ", "केवल एक भाषा", "केवल एक धर्म", "केवल एक संस्कृति"], answer: "A" },
            { question: "भारतीय स्वतंत्रता आंदोलन का नेतृत्व किसने किया?", options: ["महात्मा गांधी", "सुभाष चंद्र बोस", "भगत सिंह", "उपरोक्त सभी"], answer: "D" },
            { question: "भारत की प्राकृतिक विविधता का उदाहरण क्या है?", options: ["हिमालय", "केवल रेगिस्तान", "केवल नदियाँ", "केवल वन"], answer: "A" }
        ]
    );

    // 8. Universe and Solar System
    addQuestions('ब्रह्मांड तथा सौर मंडल',
        [
            { question: "How many planets are in our solar system?", options: ["8", "9", "7", "6"], answer: "A" },
            { question: "The largest planet in our solar system is:", options: ["Jupiter", "Saturn", "Neptune", "Earth"], answer: "A" },
            { question: "The Sun is a:", options: ["Star", "Planet", "Satellite", "Comet"], answer: "A" }
        ],
        [
            { question: "हमारे सौर मंडल में कितने ग्रह हैं?", options: ["8", "9", "7", "6"], answer: "A" },
            { question: "सौर मंडल का सबसे बड़ा ग्रह है:", options: ["बृहस्पति", "शनि", "नेपच्यून", "पृथ्वी"], answer: "A" },
            { question: "सूर्य एक है:", options: ["तारा", "ग्रह", "उपग्रह", "धूमकेतु"], answer: "A" }
        ]
    );

    // 9. Earth (Interior, Seasons, Longitudes, Latitudes, Rocks)
    addQuestions('पृथ्वी (पृथ्वी की आंतरिक संरचना, ऋतु, अक्षांश, देशांतर तथा चहुंचे)',
        [
            { question: "The Earth's core is made of:", options: ["Iron and nickel", "Silicon", "Copper", "Aluminum"], answer: "A" },
            { question: "Seasons on Earth are caused by:", options: ["Tilt of Earth's axis", "Revolution around Sun", "Rotation on axis", "Both tilt and revolution"], answer: "D" },
            { question: "Latitudes are measured in:", options: ["Degrees", "Kilometers", "Miles", "Meters"], answer: "A" }
        ],
        [
            { question: "पृथ्वी का कोर किससे बना है?", options: ["लोहा और निकल", "सिलिकॉन", "तांबा", "एल्यूमीनियम"], answer: "A" },
            { question: "पृथ्वी पर ऋतुएँ किसके कारण आती हैं?", options: ["पृथ्वी के अक्ष का झुकाव", "सूर्य की परिक्रमा", "अपने अक्ष पर घूमना", "झुकाव और परिक्रमा दोनों"], answer: "D" },
            { question: "अक्षांश किसमें मापे जाते हैं?", options: ["डिग्री", "किलोमीटर", "मील", "मीटर"], answer: "A" }
        ]
    );

    // 10. Water and Air
    addQuestions('जल तथा वायु',
        [
            { question: "What percentage of Earth's surface is covered by water?", options: ["71%", "29%", "50%", "97%"], answer: "A" },
            { question: "Air contains which gas in the highest amount?", options: ["Nitrogen", "Oxygen", "Carbon dioxide", "Argon"], answer: "A" },
            { question: "Water cycle involves:", options: ["Evaporation, condensation, precipitation", "Only evaporation", "Only condensation", "Only precipitation"], answer: "A" }
        ],
        [
            { question: "पृथ्वी की सतह का कितना प्रतिशत जल से ढका है?", options: ["71%", "29%", "50%", "97%"], answer: "A" },
            { question: "वायु में कौन सी गैस सबसे अधिक मात्रा में होती है?", options: ["नाइट्रोजन", "ऑक्सीजन", "कार्बन डाइऑक्साइड", "आर्गन"], answer: "A" },
            { question: "जल चक्र में शामिल है:", options: ["वाष्पीकरण, संघनन, वर्षण", "केवल वाष्पीकरण", "केवल संघनन", "केवल वर्षण"], answer: "A" }
        ]
    );

    // 11. Soil and Crops
    addQuestions('मृदा तथा फसलें',
        [
            { question: "The most fertile soil type is:", options: ["Alluvial soil", "Sandy soil", "Clayey soil", "Laterite soil"], answer: "A" },
            { question: "Which crop is grown in black soil?", options: ["Cotton", "Rice", "Wheat", "Sugarcane"], answer: "A" },
            { question: "Soil conservation methods include:", options: ["Contour ploughing and terracing", "Burning crop residue", "Excessive ploughing", "Deforestation"], answer: "A" }
        ],
        [
            { question: "सबसे उपजाऊ मिट्टी कौन सी है?", options: ["जलोढ़ मिट्टी", "बलुई मिट्टी", "चिकनी मिट्टी", "लैटेराइट मिट्टी"], answer: "A" },
            { question: "काली मिट्टी में कौन सी फसल उगाई जाती है?", options: ["कपास", "चावल", "गेहूँ", "गन्ना"], answer: "A" },
            { question: "मृदा संरक्षण की विधियों में शामिल है:", options: ["समोच्च जुताई और सीढ़ीदार खेती", "फसल अवशेष जलाना", "अत्यधिक जुताई", "वनों की कटाई"], answer: "A" }
        ]
    );

    // 12. Energy
    addQuestions('कर्जा',
        [
            { question: "Which is a renewable source of energy?", options: ["Solar energy", "Petroleum", "Coal", "Natural gas"], answer: "A" },
            { question: "The main source of energy on Earth is:", options: ["Sun", "Moon", "Stars", "Planets"], answer: "A" },
            { question: "Which is a non-renewable energy source?", options: ["Coal", "Wind", "Solar", "Hydro"], answer: "A" }
        ],
        [
            { question: "कौन सा ऊर्जा का नवीकरणीय स्रोत है?", options: ["सौर ऊर्जा", "पेट्रोलियम", "कोयला", "प्राकृतिक गैस"], answer: "A" },
            { question: "पृथ्वी पर ऊर्जा का मुख्य स्रोत क्या है?", options: ["सूर्य", "चंद्रमा", "तारे", "ग्रह"], answer: "A" },
            { question: "कौन सा ऊर्जा का अनवीकरणीय स्रोत है?", options: ["कोयला", "पवन", "सौर", "जल"], answer: "A" }
        ]
    );

    // 13. Physical Features of India
    addQuestions('भारत की भौतिक विशेषताएँ',
        [
            { question: "The highest mountain peak in India is:", options: ["Kanchenjunga", "Mount Everest", "Nanda Devi", "Kamet"], answer: "A" },
            { question: "The Ganges river originates from:", options: ["Gangotri glacier", "Nanda Devi", "Kanchenjunga", "Amarnath"], answer: "A" },
            { question: "The Thar Desert is located in:", options: ["Rajasthan", "Gujarat", "Punjab", "Haryana"], answer: "A" }
        ],
        [
            { question: "भारत की सबसे ऊँची पर्वत चोटी कौन सी है?", options: ["कंचनजंगा", "माउंट एवरेस्ट", "नंदा देवी", "कामेत"], answer: "A" },
            { question: "गंगा नदी का उद्गम कहाँ से होता है?", options: ["गंगोत्री हिमनद", "नंदा देवी", "कंचनजंगा", "अमरनाथ"], answer: "A" },
            { question: "थार रेगिस्तान किस राज्य में स्थित है?", options: ["राजस्थान", "गुजरात", "पंजाब", "हरियाणा"], answer: "A" }
        ]
    );

    // 14. Garbage and Waste Management
    addQuestions('कचरा तथा अपशिष्ट प्रबंधन',
        [
            { question: "Which is the best method for waste disposal?", options: ["Recycling and composting", "Burning", "Dumping in water", "Landfilling"], answer: "A" },
            { question: "What is e-waste?", options: ["Electronic waste", "Food waste", "Plastic waste", "Paper waste"], answer: "A" },
            { question: "The 3R principle stands for:", options: ["Reduce, Reuse, Recycle", "Read, Write, Recite", "Rise, Run, Rest", "Reach, Relate, React"], answer: "A" }
        ],
        [
            { question: "अपशिष्ट निपटान का सबसे अच्छा तरीका क्या है?", options: ["पुनर्चक्रण और खाद बनाना", "जलाना", "जल में फेंकना", "लैंडफिलिंग"], answer: "A" },
            { question: "ई-वेस्ट क्या है?", options: ["इलेक्ट्रॉनिक अपशिष्ट", "खाद्य अपशिष्ट", "प्लास्टिक अपशिष्ट", "कागज अपशिष्ट"], answer: "A" },
            { question: "3R सिद्धांत का क्या अर्थ है?", options: ["Reduce, Reuse, Recycle", "Read, Write, Recite", "Rise, Run, Rest", "Reach, Relate, React"], answer: "A" }
        ]
    );

    // 15. Natural Disaster and Its Management
    addQuestions('प्राकृतिक आपदा एवं इसका प्रबंधन',
        [
            { question: "Which is a natural disaster?", options: ["Earthquake", "Industrial pollution", "Nuclear accident", "Oil spill"], answer: "A" },
            { question: "Disaster management includes:", options: ["Preparedness, response and recovery", "Only rescue", "Only relief", "Only rehabilitation"], answer: "A" },
            { question: "The first step in disaster management is:", options: ["Risk assessment and planning", "Rescue operations", "Relief distribution", "Reconstruction"], answer: "A" }
        ],
        [
            { question: "कौन सी प्राकृतिक आपदा है?", options: ["भूकंप", "औद्योगिक प्रदूषण", "परमाणु दुर्घटना", "तेल रिसाव"], answer: "A" },
            { question: "आपदा प्रबंधन में शामिल है:", options: ["तैयारी, प्रतिक्रिया और पुनर्वास", "केवल बचाव", "केवल राहत", "केवल पुनर्निर्माण"], answer: "A" },
            { question: "आपदा प्रबंधन का पहला कदम क्या है?", options: ["जोखिम आकलन और योजना", "बचाव कार्य", "राहत वितरण", "पुनर्निर्माण"], answer: "A" }
        ]
    );

    // ----- PEDAGOGY TOPICS (12) -----
    // 1. Concept and Scope of EVS
    addQuestions('पर्यावरण शिक्षा (ईवीएस) की अवधारणा और दायरा',
        [
            { question: "EVS stands for:", options: ["Environmental Studies", "Educational Value System", "Exam Verification System", "Evaluation of Varied Subjects"], answer: "A" },
            { question: "The scope of EVS includes:", options: ["Natural and social environment", "Only nature", "Only society", "Only economy"], answer: "A" },
            { question: "EVS is a:", options: ["Interdisciplinary subject", "Single subject", "Science only", "Art only"], answer: "A" }
        ],
        [
            { question: "EVS का पूर्ण रूप क्या है?", options: ["Environmental Studies", "Educational Value System", "Exam Verification System", "Evaluation of Varied Subjects"], answer: "A" },
            { question: "EVS के दायरे में शामिल है:", options: ["प्राकृतिक और सामाजिक पर्यावरण", "केवल प्रकृति", "केवल समाज", "केवल अर्थव्यवस्था"], answer: "A" },
            { question: "EVS एक है:", options: ["अंतःविषयक विषय", "एकल विषय", "केवल विज्ञान", "केवल कला"], answer: "A" }
        ]
    );

    // 2. Objectives, Concept and Significance of Environmental Education
    addQuestions('पर्यावरण शिक्षा के उद्देश्य, अवधारणा और महत्व',
        [
            { question: "Environmental education aims to:", options: ["Create awareness and develop skills", "Only provide information", "Only conduct exams", "Only give degrees"], answer: "A" },
            { question: "Significance of environmental education is:", options: ["To promote sustainable development", "To increase pollution", "To destroy nature", "To exploit resources"], answer: "A" },
            { question: "Which is a key objective of environmental education?", options: ["Developing positive attitudes towards environment", "Only learning facts", "Only passing exams", "Only memorizing definitions"], answer: "A" }
        ],
        [
            { question: "पर्यावरण शिक्षा का उद्देश्य है:", options: ["जागरूकता पैदा करना और कौशल विकसित करना", "केवल जानकारी देना", "केवल परीक्षा लेना", "केवल डिग्री देना"], answer: "A" },
            { question: "पर्यावरण शिक्षा का महत्व क्या है?", options: ["सतत विकास को बढ़ावा देना", "प्रदूषण बढ़ाना", "प्रकृति को नष्ट करना", "संसाधनों का दोहन करना"], answer: "A" },
            { question: "पर्यावरण शिक्षा का मुख्य उद्देश्य क्या है?", options: ["पर्यावरण के प्रति सकारात्मक दृष्टिकोण विकसित करना", "केवल तथ्य सीखना", "केवल परीक्षा पास करना", "केवल परिभाषाएँ याद करना"], answer: "A" }
        ]
    );

    // 3. Environment Studies and Environment Education
    addQuestions('पर्यावरण अध्ययन और पर्यावरण शिक्षा',
        [
            { question: "Environmental studies is the:", options: ["Scientific study of environment", "Only social study", "Only political study", "Only economic study"], answer: "A" },
            { question: "Environmental education is the:", options: ["Learning process about environment", "Only reading books", "Only watching videos", "Only listening to lectures"], answer: "A" },
            { question: "The difference between EVS and environmental education is:", options: ["EVS is broader and includes education", "Both are same", "EVS is only for children", "Environmental education is only for adults"], answer: "A" }
        ],
        [
            { question: "पर्यावरण अध्ययन है:", options: ["पर्यावरण का वैज्ञानिक अध्ययन", "केवल सामाजिक अध्ययन", "केवल राजनीतिक अध्ययन", "केवल आर्थिक अध्ययन"], answer: "A" },
            { question: "पर्यावरण शिक्षा है:", options: ["पर्यावरण के बारे में अधिगम प्रक्रिया", "केवल किताबें पढ़ना", "केवल वीडियो देखना", "केवल व्याख्यान सुनना"], answer: "A" },
            { question: "EVS और पर्यावरण शिक्षा में अंतर क्या है?", options: ["EVS व्यापक है और शिक्षा को शामिल करता है", "दोनों समान हैं", "EVS केवल बच्चों के लिए है", "पर्यावरण शिक्षा केवल वयस्कों के लिए है"], answer: "A" }
        ]
    );

    // 4. Scope and Relation to Science and Social Science
    addQuestions('विज्ञान और सामाजिक विज्ञान के लिए कार्यक्षेत्र और संबंध',
        [
            { question: "EVS relates to science in:", options: ["Understanding natural phenomena", "Only learning formulas", "Only conducting experiments", "Only memorizing facts"], answer: "A" },
            { question: "EVS relates to social science in:", options: ["Understanding human society and culture", "Only studying history", "Only learning geography", "Only studying economics"], answer: "A" },
            { question: "The interdisciplinary nature of EVS helps:", options: ["Holistic understanding", "Confusion", "Difficulty", "Isolation"], answer: "A" }
        ],
        [
            { question: "EVS का विज्ञान से संबंध है:", options: ["प्राकृतिक घटनाओं को समझने में", "केवल सूत्र सीखने में", "केवल प्रयोग करने में", "केवल तथ्य याद करने में"], answer: "A" },
            { question: "EVS का सामाजिक विज्ञान से संबंध है:", options: ["मानव समाज और संस्कृति को समझने में", "केवल इतिहास पढ़ने में", "केवल भूगोल सीखने में", "केवल अर्थशास्त्र पढ़ने में"], answer: "A" },
            { question: "EVS की अंतःविषयक प्रकृति सहायक है:", options: ["समग्र समझ में", "भ्रम में", "कठिनाई में", "अलगाव में"], answer: "A" }
        ]
    );

    // 5. Approaches of Presenting Concepts
    addQuestions('प्रस्तुत अवधारणाओं के दृष्टिकोण',
        [
            { question: "The best approach to present EVS concepts is:", options: ["Activity-based approach", "Lecture method only", "Book reading only", "Exam-focused approach"], answer: "A" },
            { question: "Which approach makes learning more effective?", options: ["Experiential learning", "Rote learning", "Theoretical learning", "Isolated learning"], answer: "A" },
            { question: "Thematic approach in EVS means:", options: ["Teaching through themes", "Teaching randomly", "Teaching without plan", "Teaching only facts"], answer: "A" }
        ],
        [
            { question: "EVS अवधारणाएँ प्रस्तुत करने का सबसे अच्छा दृष्टिकोण है:", options: ["गतिविधि-आधारित दृष्टिकोण", "केवल व्याख्यान विधि", "केवल किताबें पढ़ना", "परीक्षा-केंद्रित दृष्टिकोण"], answer: "A" },
            { question: "कौन सा दृष्टिकोण अधिगम को अधिक प्रभावी बनाता है?", options: ["अनुभवात्मक अधिगम", "रटना", "सैद्धांतिक अधिगम", "अलग-थलग अधिगम"], answer: "A" },
            { question: "EVS में विषयगत दृष्टिकोण का क्या अर्थ है?", options: ["विषयों के माध्यम से शिक्षण", "यादृच्छिक शिक्षण", "योजना के बिना शिक्षण", "केवल तथ्य सिखाना"], answer: "A" }
        ]
    );

    // 6. Principles of Learning
    addQuestions('अधिगम के सिद्धांत',
        [
            { question: "Learning is a:", options: ["Continuous process", "One-time event", "Passive process", "Unstructured process"], answer: "A" },
            { question: "Which is a principle of learning?", options: ["Learning by doing", "Learning by rote", "Learning by reading only", "Learning by listening only"], answer: "A" },
            { question: "The principle of 'constructivism' in learning means:", options: ["Active construction of knowledge", "Passive reception of knowledge", "Memorizing facts", "Copying from others"], answer: "A" }
        ],
        [
            { question: "अधिगम एक है:", options: ["सतत प्रक्रिया", "एक बार की घटना", "निष्क्रिय प्रक्रिया", "असंरचित प्रक्रिया"], answer: "A" },
            { question: "अधिगम का सिद्धांत क्या है?", options: ["करके सीखना", "रटकर सीखना", "केवल पढ़कर सीखना", "केवल सुनकर सीखना"], answer: "A" },
            { question: "अधिगम में 'रचनावाद' सिद्धांत का क्या अर्थ है?", options: ["ज्ञान का सक्रिय निर्माण", "ज्ञान का निष्क्रिय ग्रहण", "तथ्यों को याद करना", "दूसरों से नकल करना"], answer: "A" }
        ]
    );

    // 7. Activities
    addQuestions('गतिविधियाँ',
        [
            { question: "Which activity is best for learning EVS?", options: ["Nature walk", "Reading textbook", "Watching videos", "Listening to lecture"], answer: "A" },
            { question: "Group activities in EVS promote:", options: ["Collaboration", "Competition", "Isolation", "Confusion"], answer: "A" },
            { question: "Hands-on activities in EVS help in:", options: ["Understanding concepts practically", "Only entertainment", "Wasting time", "Creating noise"], answer: "A" }
        ],
        [
            { question: "EVS सीखने के लिए सबसे अच्छी गतिविधि कौन सी है?", options: ["प्रकृति भ्रमण", "पाठ्यपुस्तक पढ़ना", "वीडियो देखना", "व्याख्यान सुनना"], answer: "A" },
            { question: "EVS में समूह गतिविधियाँ किसे बढ़ावा देती हैं?", options: ["सहयोग", "प्रतिस्पर्धा", "अलगाव", "भ्रम"], answer: "A" },
            { question: "EVS में व्यावहारिक गतिविधियाँ किसमें सहायक हैं?", options: ["अवधारणाओं को व्यावहारिक रूप से समझने में", "केवल मनोरंजन", "समय बर्बाद करना", "शोर मचाना"], answer: "A" }
        ]
    );

    // 8. Experimentation/Project Work
    addQuestions('प्रयोग/परियोजना कार्य',
        [
            { question: "Project work in EVS encourages:", options: ["Inquiry and research skills", "Only copying", "Only memorizing", "Only answering questions"], answer: "A" },
            { question: "Experimentation in EVS helps to:", options: ["Test hypotheses and understand concepts", "Only have fun", "Only pass exams", "Only keep students busy"], answer: "A" },
            { question: "A good EVS project should be:", options: ["Relevant and practical", "Long and complex", "Only theoretical", "Only about writing"], answer: "A" }
        ],
        [
            { question: "EVS में परियोजना कार्य किसे प्रोत्साहित करता है?", options: ["जाँच और अनुसंधान कौशल", "केवल नकल", "केवल याद रखना", "केवल प्रश्नों का उत्तर देना"], answer: "A" },
            { question: "EVS में प्रयोग किसमें सहायक होते हैं?", options: ["परिकल्पनाओं का परीक्षण और अवधारणाओं को समझना", "केवल मज़े करना", "केवल परीक्षा पास करना", "केवल छात्रों को व्यस्त रखना"], answer: "A" },
            { question: "एक अच्छी EVS परियोजना कैसी होनी चाहिए?", options: ["प्रासंगिक और व्यावहारिक", "लंबी और जटिल", "केवल सैद्धांतिक", "केवल लिखने के बारे में"], answer: "A" }
        ]
    );

    // 9. Discussion
    addQuestions('चर्चा',
        [
            { question: "Discussion in EVS helps to:", options: ["Exchange ideas and clarify concepts", "Only waste time", "Only talk nonsense", "Only create noise"], answer: "A" },
            { question: "Group discussion promotes:", options: ["Critical thinking", "Passivity", "Confusion", "Isolation"], answer: "A" },
            { question: "The role of teacher in discussion is to:", options: ["Facilitate and guide", "Dominate and control", "Only listen", "Only speak"], answer: "A" }
        ],
        [
            { question: "EVS में चर्चा किसमें सहायक है?", options: ["विचारों का आदान-प्रदान और अवधारणाओं को स्पष्ट करना", "केवल समय बर्बाद करना", "केवल बकवास करना", "केवल शोर मचाना"], answer: "A" },
            { question: "समूह चर्चा किसे बढ़ावा देती है?", options: ["आलोचनात्मक चिंतन", "निष्क्रियता", "भ्रम", "अलगाव"], answer: "A" },
            { question: "चर्चा में शिक्षक की भूमिका क्या है?", options: ["सुविधाकर्ता और मार्गदर्शक", "प्रभुत्व और नियंत्रण", "केवल सुनना", "केवल बोलना"], answer: "A" }
        ]
    );

    // 10. Continuous and Comprehensive Evaluation (CCE)
    addQuestions('सतत एवं व्यापक मूल्यांकन (सीसीई)',
        [
            { question: "CCE in EVS aims to:", options: ["Assess all aspects of child development", "Only assess academic performance", "Only assess co-curricular", "Only assess behavior"], answer: "A" },
            { question: "Formative assessment in CCE is:", options: ["During the learning process", "At the end of the year", "At the beginning", "Only after exams"], answer: "A" },
            { question: "Summative assessment in CCE is:", options: ["At the end of the term", "During learning", "At the start", "Only for grading"], answer: "A" }
        ],
        [
            { question: "EVS में CCE का उद्देश्य है:", options: ["बालक के सर्वांगीण विकास का आकलन", "केवल अकादमिक प्रदर्शन का आकलन", "केवल सह-पाठ्यक्रम का आकलन", "केवल व्यवहार का आकलन"], answer: "A" },
            { question: "CCE में रचनात्मक मूल्यांकन है:", options: ["अधिगम प्रक्रिया के दौरान", "वर्ष के अंत में", "शुरुआत में", "केवल परीक्षा के बाद"], answer: "A" },
            { question: "CCE में योगात्मक मूल्यांकन है:", options: ["अवधि के अंत में", "अधिगम के दौरान", "प्रारंभ में", "केवल ग्रेडिंग के लिए"], answer: "A" }
        ]
    );

    // 11. Teaching Material/Aids
    addQuestions('शिक्षण सामग्री/संसाधन',
        [
            { question: "Teaching aids in EVS help to:", options: ["Make learning concrete and interesting", "Only make teaching easy", "Only save time", "Only impress students"], answer: "A" },
            { question: "Which is an effective teaching aid for EVS?", options: ["Models and specimens", "Only textbooks", "Only blackboard", "Only worksheets"], answer: "A" },
            { question: "Audio-visual aids in EVS help to:", options: ["Enhance understanding", "Only entertain", "Only fill time", "Only confuse"], answer: "A" }
        ],
        [
            { question: "EVS में शिक्षण सामग्री किसमें सहायक है?", options: ["अधिगम को मूर्त और रोचक बनाने में", "केवल शिक्षण को आसान बनाने में", "केवल समय बचाने में", "केवल छात्रों को प्रभावित करने में"], answer: "A" },
            { question: "EVS के लिए प्रभावी शिक्षण सामग्री कौन सी है?", options: ["मॉडल और नमूने", "केवल पाठ्यपुस्तकें", "केवल ब्लैकबोर्ड", "केवल वर्कशीट"], answer: "A" },
            { question: "EVS में श्रव्य-दृश्य सामग्री किसमें सहायक है?", options: ["समझ बढ़ाने में", "केवल मनोरंजन में", "केवल समय भरने में", "केवल भ्रमित करने में"], answer: "A" }
        ]
    );

    // 12. Problems
    addQuestions('समस्या',
        [
            { question: "A major problem in teaching EVS is:", options: ["Lack of practical resources", "Too many textbooks", "Less syllabus", "Short teaching hours"], answer: "A" },
            { question: "Which is a challenge in EVS education?", options: ["Connecting concepts to real life", "Teaching definitions", "Conducting exams", "Giving marks"], answer: "A" },
            { question: "To overcome problems in EVS teaching, teachers should:", options: ["Use local resources and examples", "Ignore problems", "Only follow textbooks", "Only give lectures"], answer: "A" }
        ],
        [
            { question: "EVS शिक्षण में प्रमुख समस्या क्या है?", options: ["व्यावहारिक संसाधनों की कमी", "बहुत अधिक पाठ्यपुस्तकें", "कम पाठ्यक्रम", "कम शिक्षण घंटे"], answer: "A" },
            { question: "EVS शिक्षा में चुनौती क्या है?", options: ["अवधारणाओं को वास्तविक जीवन से जोड़ना", "परिभाषाएँ सिखाना", "परीक्षा आयोजित करना", "अंक देना"], answer: "A" },
            { question: "EVS शिक्षण में समस्याओं को दूर करने के लिए शिक्षक को क्या करना चाहिए?", options: ["स्थानीय संसाधनों और उदाहरणों का उपयोग करना", "समस्याओं को अनदेखा करना", "केवल पाठ्यपुस्तकों का पालन करना", "केवल व्याख्यान देना"], answer: "A" }
        ]
    );

    // Topic keys for display (27 topics)
    const topicKeys = [
        "परिवार, सम्बन्ध एवं पर्यावरण",
        "पादप एवं जंतु जगत",
        "मानव शरीर एवं रोग",
        "हमारी मूल आवश्यकताएँ",
        "आश्रय",
        "परिवहन तथा संचार",
        "भारत की सांस्कृतिक और प्राकृतिक विविधता और भारतीय स्वतंत्रता आंदोलन",
        "ब्रह्मांड तथा सौर मंडल",
        "पृथ्वी (पृथ्वी की आंतरिक संरचना, ऋतु, अक्षांश, देशांतर तथा चहुंचे)",
        "जल तथा वायु",
        "मृदा तथा फसलें",
        "कर्जा",
        "भारत की भौतिक विशेषताएँ",
        "कचरा तथा अपशिष्ट प्रबंधन",
        "प्राकृतिक आपदा एवं इसका प्रबंधन",
        "पर्यावरण शिक्षा (ईवीएस) की अवधारणा और दायरा",
        "पर्यावरण शिक्षा के उद्देश्य, अवधारणा और महत्व",
        "पर्यावरण अध्ययन और पर्यावरण शिक्षा",
        "विज्ञान और सामाजिक विज्ञान के लिए कार्यक्षेत्र और संबंध",
        "प्रस्तुत अवधारणाओं के दृष्टिकोण",
        "अधिगम के सिद्धांत",
        "गतिविधियाँ",
        "प्रयोग/परियोजना कार्य",
        "चर्चा",
        "सतत एवं व्यापक मूल्यांकन (सीसीई)",
        "शिक्षण सामग्री/संसाधन",
        "समस्या"
    ];

    // Bilingual topic names for display
    const topicNames = {
        hi: [
            "परिवार, सम्बन्ध एवं पर्यावरण",
            "पादप एवं जंतु जगत",
            "मानव शरीर एवं रोग",
            "हमारी मूल आवश्यकताएँ",
            "आश्रय",
            "परिवहन तथा संचार",
            "भारत की सांस्कृतिक और प्राकृतिक विविधता और भारतीय स्वतंत्रता आंदोलन",
            "ब्रह्मांड तथा सौर मंडल",
            "पृथ्वी (पृथ्वी की आंतरिक संरचना, ऋतु, अक्षांश, देशांतर तथा चहुंचे)",
            "जल तथा वायु",
            "मृदा तथा फसलें",
            "कर्जा",
            "भारत की भौतिक विशेषताएँ",
            "कचरा तथा अपशिष्ट प्रबंधन",
            "प्राकृतिक आपदा एवं इसका प्रबंधन",
            "पर्यावरण शिक्षा (ईवीएस) की अवधारणा और दायरा",
            "पर्यावरण शिक्षा के उद्देश्य, अवधारणा और महत्व",
            "पर्यावरण अध्ययन और पर्यावरण शिक्षा",
            "विज्ञान और सामाजिक विज्ञान के लिए कार्यक्षेत्र और संबंध",
            "प्रस्तुत अवधारणाओं के दृष्टिकोण",
            "अधिगम के सिद्धांत",
            "गतिविधियाँ",
            "प्रयोग/परियोजना कार्य",
            "चर्चा",
            "सतत एवं व्यापक मूल्यांकन (सीसीई)",
            "शिक्षण सामग्री/संसाधन",
            "समस्या"
        ],
        en: [
            "Family, Relations and Environment",
            "Plant and Animal Kingdom",
            "Human Body and Diseases",
            "Our Basic Needs",
            "Shelter",
            "Transportation and Communication",
            "Cultural and Natural Diversity of India and Indian Freedom Movement",
            "Universe and Solar System",
            "Earth (Interior of Earth, Seasons, Longitudes, Latitudes and Rocks)",
            "Water and Air",
            "Soil and Crops",
            "Energy",
            "Physical Features of India",
            "Garbage and Waste Management",
            "Natural Disaster and Its Management",
            "Concept and Scope of EVS",
            "Objectives, Concept and Significance of Environmental Education",
            "Environment Studies and Environment Education",
            "Scope and Relation to Science and Social Science",
            "Approaches of Presenting Concepts",
            "Principles of Learning",
            "Activities",
            "Experimentation/Project Work",
            "Discussion",
            "Continuous and Comprehensive Evaluation (CCE)",
            "Teaching Material/Aids",
            "Problems"
        ]
    };

    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 1",
            mainSubtitle: "पर्यावरणीय अध्ययन एवं शिक्षाशास्त्र (Environmental Studies and Pedagogy) असाइनमेंट जनरेटर",
            startTitle: "पर्यावरणीय अध्ययन एवं शिक्षाशास्त्र असाइनमेंट जनरेटर",
            startBtn: "असाइनमेंट बनाएँ",
            subjectTitle: "विषय का चयन करें",
            selectSubject: "पर्यावरणीय अध्ययन एवं शिक्षाशास्त्र (Environmental Studies & Pedagogy)",
            chapterTitle: "अध्याय / विषय चुनें",
            backStart: "प्रारंभ पर वापस जाएँ",
            generateAssign: "असाइनमेंट बनाएँ",
            levelTitle: "कठिनाई स्तर चुनें",
            levelDesc: "अपने असाइनमेंट के लिए स्तर का चयन करें:",
            level1: "स्तर 1",
            level1Sub: "बेसिक स्तर",
            level2: "स्तर 2",
            level2Sub: "मध्यम स्तर",
            level3: "स्तर 3",
            level3Sub: "परीक्षा स्तर",
            backChapters: "विषयों पर वापस जाएँ",
            generateFinal: "असाइनमेंट जनरेट करें",
            fullPaper: "पूर्ण पाठ्यक्रम (सभी 27 विषय)",
            noChapterAlert: "कृपया कम से कम एक अध्याय/विषय चुनें!",
            noLevelAlert: "कृपया कठिनाई स्तर चुनें!",
            fullPaperLabel: "पूर्ण पाठ्यक्रम (सभी 27 विषय)",
            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: "Environmental Studies and Pedagogy Assignment Generator",
            startTitle: "Environmental Studies and Pedagogy Assignment Generator",
            startBtn: "Create Assignment",
            subjectTitle: "Select Subject",
            selectSubject: "Environmental Studies & 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 27 Topics)",
            noChapterAlert: "Please select at least one chapter/topic!",
            noLevelAlert: "Please select a difficulty level!",
            fullPaperLabel: "Full Syllabus (All 27 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: "Environmental Studies & 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';

    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('selectEvsBtn').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;
        populateChapters();
        if (!generatedPaperContainer.classList.contains('hidden')) {
            if (selectedChapters && selectedLevel) {
                generatePaper(selectedChapters, selectedLevel, currentLang);
            }
        }
    }

    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') ? "पूर्ण पाठ्यक्रम (सभी 27 विषय)" : "Full Syllabus (All 27 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;
        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('selectEvsBtn').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_EVS_Pedagogy_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
    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
    applyUILanguage('hi');
</script>
</body>
</html>