<!DOCTYPE html>
<html lang="hi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>UP TET Paper 1 - पर्यावरण अध्ययन (EVS) असाइनमेंट जनरेटर</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;
        }

        .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; }
        }

        @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; }
        }

        .home-icon {
            position: absolute;
            top: 20px;
            left: 20px;
            color: white;
            font-size: 24px;
            cursor: pointer;
            transition: var(--transition);
            z-index: 2;
            text-decoration: none;
            display: inline-block;
        }
        .home-icon:hover {
            transform: scale(1.1);
            color: rgba(255, 255, 255, 0.8);
        }
        @media (max-width: 480px) {
            .home-icon { font-size: 20px; top: 15px; left: 15px; }
        }
        @media print { .home-icon { 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">
        <a href="up-tet-exam-paper1-assignment-generator.html" class="home-icon"><i class="fas fa-home"></i></a>
        <h1>UP TET Paper 1</h1>
        <p>पर्यावरण अध्ययन (Environmental Studies - EVS) असाइनमेंट जनरेटर</p>
    </div>
    <div class="content-area">
        <div id="startScreen">
            <h2 class="section-title">पर्यावरण अध्ययन असाइनमेंट जनरेटर</h2>
            <div class="btn-group">
                <button class="btn btn-primary" id="startGeneratingBtn">असाइनमेंट बनाएँ</button>
            </div>
        </div>

        <div id="subjectSelection" class="hidden">
            <h2 class="section-title">विषय का चयन करें</h2>
            <div class="btn-group">
                <button class="btn btn-primary" id="selectEvsBtn">पर्यावरण अध्ययन (Environmental Studies - EVS)</button>
            </div>
        </div>

        <div id="chapterSelection" class="hidden">
            <h2 class="section-title">अध्याय / विषय चुनें</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">कठिनाई स्तर चुनें</h2>
            <p class="text-center">अपने असाइनमेंट के लिए स्तर का चयन करें:</p>
            <div class="level-buttons">
                <button class="btn btn-level" id="level1Btn">स्तर 1<br><small>बेसिक स्तर</small></button>
                <button class="btn btn-level" id="level2Btn">स्तर 2<br><small>मध्यम स्तर</small></button>
                <button class="btn btn-level" id="level3Btn">स्तर 3<br><small>परीक्षा स्तर</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;
    
    // =====================================================
    // COMPLETE QUESTIONS DATABASE FOR EVS (25 TOPICS)
    // =====================================================
    const questions = {
        "परिवार (Family)": {
            level1: [
                { question: "परिवार का मुखिया कौन होता है?", options: ["पिता और माता", "दादा-दादी", "बच्चे", "चाचा-चाची"], answer: "A" },
                { question: "संयुक्त परिवार किसे कहते हैं?", options: ["जहाँ दादा-दादी, माता-पिता, बच्चे एक साथ रहते हैं", "जहाँ केवल माता-पिता और बच्चे रहते हैं", "जहाँ एकल परिवार होता है", "जहाँ केवल पति-पत्नी रहते हैं"], answer: "A" }
            ],
            level2: [
                { question: "एकल परिवार की विशेषता क्या है?", options: ["सीमित सदस्य और स्वतंत्रता", "कई पीढ़ियाँ एक साथ", "परस्पर निर्भरता", "पारंपरिक रीति-रिवाज"], answer: "A" }
            ],
            level3: [
                { question: "परिवार का समाज में क्या महत्व है?", options: ["सामाजिकरण की प्राथमिक इकाई", "केवल आर्थिक इकाई", "केवल राजनीतिक इकाई", "केवल धार्मिक इकाई"], answer: "A" }
            ]
        },
        "भोजन, स्वास्थ्य एवं स्वच्छता (Food, Health and Hygiene)": {
            level1: [
                { question: "संतुलित आहार में क्या शामिल होता है?", options: ["सभी पोषक तत्व", "केवल प्रोटीन", "केवल कार्बोहाइड्रेट", "केवल वसा"], answer: "A" },
                { question: "हाथ धोने का सबसे उपयुक्त समय क्या है?", options: ["भोजन से पहले और शौच के बाद", "सुबह उठकर", "रात को सोने से पहले", "खेलने के बाद"], answer: "A" }
            ],
            level2: [
                { question: "विटामिन 'C' की कमी से कौन सा रोग होता है?", options: ["स्कर्वी", "रिकेट्स", "रतौंधी", "एनीमिया"], answer: "A" }
            ],
            level3: [
                { question: "खाद्य श्रृंखला में प्रथम स्तर के उपभोक्ता कौन होते हैं?", options: ["शाकाहारी", "मांसाहारी", "सर्वाहारी", "अपघटक"], answer: "A" }
            ]
        },
        "आवास (Shelter)": {
            level1: [
                { question: "पक्के मकान किससे बनते हैं?", options: ["ईंट, सीमेंट और लोहा", "कच्ची मिट्टी", "लकड़ी", "बाँस"], answer: "A" },
                { question: "गर्म क्षेत्रों में कैसे मकान बनाए जाते हैं?", options: ["हल्के रंग और ऊँची छत", "गहरे रंग", "नीची छत", "बिना खिड़की"], answer: "A" }
            ],
            level2: [
                { question: "बाढ़ प्रभावित क्षेत्रों में कैसे मकान बनाए जाते हैं?", options: ["ऊँचे स्तर पर और मजबूत नींव", "निचले स्तर पर", "कच्चे मकान", "तिरपाल के"], answer: "A" }
            ],
            level3: [
                { question: "टिकाऊ आवास के लिए कौन सा सिद्धांत महत्वपूर्ण है?", options: ["ऊर्जा दक्षता और पर्यावरण अनुकूलता", "कम लागत", "बड़ा क्षेत्र", "सजावट"], answer: "A" }
            ]
        },
        "पेड़-पौधे व जन्तु (Plants and Animals)": {
            level1: [
                { question: "पौधे भोजन कैसे बनाते हैं?", options: ["प्रकाश संश्लेषण द्वारा", "जड़ों से", "तनों से", "फूलों से"], answer: "A" },
                { question: "कौन सा जानवर शाकाहारी है?", options: ["गाय", "शेर", "बाघ", "भेड़िया"], answer: "A" }
            ],
            level2: [
                { question: "प्रकाश संश्लेषण के लिए क्या आवश्यक है?", options: ["सूर्य का प्रकाश, कार्बन डाइऑक्साइड, जल", "केवल सूर्य प्रकाश", "केवल जल", "केवल ऑक्सीजन"], answer: "A" }
            ],
            level3: [
                { question: "जैव विविधता का संरक्षण क्यों आवश्यक है?", options: ["पारिस्थितिकीय संतुलन के लिए", "केवल सौंदर्य के लिए", "केवल पर्यटन के लिए", "केवल दवाइयों के लिए"], answer: "A" }
            ]
        },
        "हमारा परिवेश (Our Surroundings)": {
            level1: [
                { question: "हमारे परिवेश में कौन-कौन सी चीजें शामिल हैं?", options: ["प्राकृतिक और मानव निर्मित दोनों", "केवल प्राकृतिक", "केवल मानव निर्मित", "केवल जीवित प्राणी"], answer: "A" },
                { question: "वायु प्रदूषण का मुख्य कारण क्या है?", options: ["वाहनों और कारखानों का धुआँ", "बारिश", "हवा", "पेड़-पौधे"], answer: "A" }
            ],
            level2: [
                { question: "कूड़ा-करकट के निपटान का सबसे अच्छा तरीका क्या है?", options: ["पुनर्चक्रण और खाद बनाना", "जलाना", "नदी में फेंकना", "जमीन में गाड़ना"], answer: "A" }
            ],
            level3: [
                { question: "पर्यावरण संरक्षण के लिए '3R' सिद्धांत क्या है?", options: ["Reduce, Reuse, Recycle", "Read, Write, Recite", "Rise, Run, Rest", "Reach, Relate, React"], answer: "A" }
            ]
        },
        "चर्चित मेले (Famous Fairs)": {
            level1: [
                { question: "कुंभ मेला कहाँ आयोजित होता है?", options: ["प्रयागराज, हरिद्वार, उज्जैन, नासिक", "केवल प्रयागराज", "केवल हरिद्वार", "केवल उज्जैन"], answer: "A" },
                { question: "पुष्कर मेला किस राज्य में लगता है?", options: ["राजस्थान", "गुजरात", "मध्य प्रदेश", "उत्तर प्रदेश"], answer: "A" }
            ],
            level2: [
                { question: "सोनपुर मेला किस नदी के किनारे लगता है?", options: ["गंडक नदी", "गंगा नदी", "यमुना नदी", "सरयू नदी"], answer: "A" }
            ],
            level3: [
                { question: "मेलों का सामाजिक-आर्थिक महत्व क्या है?", options: ["सांस्कृतिक आदान-प्रदान और व्यापार", "केवल मनोरंजन", "केवल धार्मिक अनुष्ठान", "केवल खेल प्रतियोगिताएँ"], answer: "A" }
            ]
        },
        "स्थानीय पेशे एवं व्यवसाय (Local Professions and Occupations)": {
            level1: [
                { question: "बढ़ई क्या काम करता है?", options: ["लकड़ी का सामान बनाना", "बर्तन बनाना", "कपड़े सिलना", "जूते बनाना"], answer: "A" },
                { question: "डॉक्टर का पेशा किससे संबंधित है?", options: ["स्वास्थ्य सेवा", "शिक्षा", "कृषि", "निर्माण"], answer: "A" }
            ],
            level2: [
                { question: "ग्रामीण क्षेत्रों में प्रमुख पेशा क्या है?", options: ["कृषि", "उद्योग", "सेवा क्षेत्र", "आईटी क्षेत्र"], answer: "A" }
            ],
            level3: [
                { question: "हरित क्रांति का संबंध किस क्षेत्र से है?", options: ["कृषि", "उद्योग", "स्वास्थ्य", "शिक्षा"], answer: "A" }
            ]
        },
        "जल (Water)": {
            level1: [
                { question: "पृथ्वी पर कितना प्रतिशत जल मीठा (पेयजल) है?", options: ["लगभग 2.5%", "50%", "75%", "97%"], answer: "A" },
                { question: "वर्षा का जल कैसे संग्रहित किया जाता है?", options: ["जल संचयन द्वारा", "नदियों में", "समुद्र में", "तालाबों में"], answer: "A" }
            ],
            level2: [
                { question: "जल चक्र में कौन सी प्रक्रिया शामिल नहीं है?", options: ["निस्पंदन", "वाष्पीकरण", "संघनन", "वर्षण"], answer: "A" }
            ],
            level3: [
                { question: "जल प्रदूषण का मुख्य स्रोत क्या है?", options: ["औद्योगिक अपशिष्ट", "वर्षा जल", "बाढ़ का जल", "भूजल"], answer: "A" }
            ]
        },
        "यातायात एवं संचार (Transport and Communication)": {
            level1: [
                { question: "सड़क परिवहन का कौन सा साधन सबसे तेज़ है?", options: ["कार", "बस", "साइकिल", "रिक्शा"], answer: "A" },
                { question: "डाक सेवा किसका उदाहरण है?", options: ["संचार का साधन", "परिवहन का साधन", "मनोरंजन का साधन", "शिक्षा का साधन"], answer: "A" }
            ],
            level2: [
                { question: "रेल परिवहन का मुख्य लाभ क्या है?", options: ["लंबी दूरी के लिए सस्ता और अधिक भार ढोना", "तेज़ गति", "कम प्रदूषण", "दरवाजे तक सेवा"], answer: "A" }
            ],
            level3: [
                { question: "सूचना प्रौद्योगिकी ने संचार के क्षेत्र में कैसे बदलाव लाया है?", options: ["तत्काल और वैश्विक संचार संभव बनाया", "संचार धीमा किया", "संचार महंगा किया", "संचार बंद किया"], answer: "A" }
            ]
        },
        "खेल व खेल भावना (Sports and Sportsmanship)": {
            level1: [
                { question: "खेल की मुख्य भावना क्या होनी चाहिए?", options: ["खेल भावना और टीम भावना", "केवल जीतना", "प्रतिद्वंद्वी को हराना", "नियम तोड़ना"], answer: "A" },
                { question: "राष्ट्रीय खेल दिवस किसकी जयंती पर मनाया जाता है?", options: ["मेजर ध्यानचंद", "सचिन तेंदुलकर", "पी.टी. उषा", "मिल्खा सिंह"], answer: "A" }
            ],
            level2: [
                { question: "स्पोर्ट्समैनशिप का क्या अर्थ है?", options: ["निष्पक्षता, सम्मान और शालीनता", "केवल जीत की चाह", "प्रतिद्वंद्वी से घृणा", "नियमों की अवहेलना"], answer: "A" }
            ],
            level3: [
                { question: "खेल में कपटपूर्ण व्यवहार (डोपिंग) का क्या परिणाम होता है?", options: ["अयोग्यता और प्रतिबंध", "पुरस्कार", "प्रशंसा", "पदोन्नति"], answer: "A" }
            ]
        },
        "हमारी पृथ्वी (विश्व के महाद्वीप एवं महासागर) (Our Earth: Continents and Oceans of the World)": {
            level1: [
                { question: "विश्व में कितने महाद्वीप हैं?", options: ["7", "5", "6", "8"], answer: "A" },
                { question: "सबसे बड़ा महासागर कौन सा है?", options: ["प्रशांत महासागर", "अटलांटिक महासागर", "हिंद महासागर", "आर्कटिक महासागर"], answer: "A" }
            ],
            level2: [
                { question: "एशिया महाद्वीप का सबसे बड़ा देश कौन सा है?", options: ["रूस", "चीन", "भारत", "इंडोनेशिया"], answer: "A" }
            ],
            level3: [
                { question: "महाद्वीपीय बहाव का सिद्धांत किसने दिया था?", options: ["अल्फ्रेड वेगनर", "चार्ल्स डार्विन", "गैलीलियो", "न्यूटन"], answer: "A" }
            ]
        },
        "भारत का भौतिक स्वरूप (Physical Form of India)": {
            level1: [
                { question: "हिमालय किस प्रकार का पर्वत है?", options: ["नवीन वलित पर्वत", "प्राचीन पर्वत", "ज्वालामुखी पर्वत", "अवशेष पर्वत"], answer: "A" },
                { question: "भारत की सबसे लंबी नदी कौन सी है?", options: ["गंगा", "यमुना", "ब्रह्मपुत्र", "नर्मदा"], answer: "A" }
            ],
            level2: [
                { question: "थार रेगिस्तान किस राज्य में स्थित है?", options: ["राजस्थान", "गुजरात", "पंजाब", "हरियाणा"], answer: "A" }
            ],
            level3: [
                { question: "भारत की मानसूनी जलवायु का मुख्य कारण क्या है?", options: ["हिमालय और समुद्र की स्थिति", "रेगिस्तान", "जंगल", "नदियाँ"], answer: "A" }
            ]
        },
        "हमारा प्रदेश : नदियाँ, पर्वत, पठार, वन एवं यातायात (Our State: Rivers, Mountains, Plateaus, Forests and Transport)": {
            level1: [
                { question: "उत्तर प्रदेश की प्रमुख नदी कौन सी है?", options: ["गंगा और यमुना", "कावेरी", "गोदावरी", "कृष्णा"], answer: "A" },
                { question: "उत्तर प्रदेश में कौन सा राष्ट्रीय उद्यान स्थित है?", options: ["दुधवा राष्ट्रीय उद्यान", "कान्हा राष्ट्रीय उद्यान", "बांदीपुर राष्ट्रीय उद्यान", "काजीरंगा राष्ट्रीय उद्यान"], answer: "A" }
            ],
            level2: [
                { question: "उत्तर प्रदेश की राजधानी क्या है?", options: ["लखनऊ", "कानपुर", "आगरा", "वाराणसी"], answer: "A" }
            ],
            level3: [
                { question: "उत्तर प्रदेश में कौन सा पर्वतीय क्षेत्र स्थित है?", options: ["शिवालिक पर्वतमाला", "अरावली", "विंध्याचल", "सतपुड़ा"], answer: "A" }
            ]
        },
        "भारतीय संविधान (Indian Constitution)": {
            level1: [
                { question: "भारतीय संविधान कब लागू हुआ था?", options: ["26 जनवरी 1950", "15 अगस्त 1947", "26 नवंबर 1949", "2 अक्टूबर 1950"], answer: "A" },
                { question: "भारतीय संविधान के प्रमुख निर्माता कौन थे?", options: ["डॉ. भीमराव अंबेडकर", "महात्मा गांधी", "जवाहरलाल नेहरू", "सरदार पटेल"], answer: "A" }
            ],
            level2: [
                { question: "भारतीय संविधान में मूल कर्तव्य कितने हैं?", options: ["11", "6", "10", "12"], answer: "A" }
            ],
            level3: [
                { question: "संविधान की कौन सी अनुसूची राजभाषा से संबंधित है?", options: ["8वीं अनुसूची", "7वीं अनुसूची", "9वीं अनुसूची", "10वीं अनुसूची"], answer: "A" }
            ]
        },
        "भारतीय शासन व्यवस्था (Indian Governance System)": {
            level1: [
                { question: "भारत की संसद के कितने सदन हैं?", options: ["दो - लोकसभा और राज्यसभा", "एक", "तीन", "चार"], answer: "A" },
                { question: "भारत का राष्ट्रपति कैसे चुना जाता है?", options: ["निर्वाचक मंडल द्वारा", "जनता द्वारा", "प्रधानमंत्री द्वारा", "सुप्रीम कोर्ट द्वारा"], answer: "A" }
            ],
            level2: [
                { question: "लोकसभा का कार्यकाल कितने वर्ष का होता है?", options: ["5 वर्ष", "4 वर्ष", "6 वर्ष", "3 वर्ष"], answer: "A" }
            ],
            level3: [
                { question: "संघीय सरकार और राज्य सरकार के बीच शक्तियों का विभाजन किस अनुसूची में दर्शाया गया है?", options: ["7वीं अनुसूची", "5वीं अनुसूची", "6वीं अनुसूची", "8वीं अनुसूची"], answer: "A" }
            ]
        },
        "राष्ट्रीय पर्व, राष्ट्रीय प्रतीक व राष्ट्रीय एकता (National Festivals, National Symbols and National Unity)": {
            level1: [
                { question: "गणतंत्र दिवस कब मनाया जाता है?", options: ["26 जनवरी", "15 अगस्त", "2 अक्टूबर", "26 नवंबर"], answer: "A" },
                { question: "भारत का राष्ट्रीय पशु कौन सा है?", options: ["बाघ", "शेर", "हाथी", "मोर"], answer: "A" }
            ],
            level2: [
                { question: "भारत का राष्ट्रगान किसने लिखा था?", options: ["रविंद्रनाथ टैगोर", "बंकिम चंद्र चट्टोपाध्याय", "सरोजिनी नायडू", "मोहम्मद इकबाल"], answer: "A" }
            ],
            level3: [
                { question: "राष्ट्रीय एकता दिवस कब मनाया जाता है?", options: ["31 अक्टूबर", "30 जनवरी", "15 अगस्त", "26 जनवरी"], answer: "A" }
            ]
        },
        "पर्यावरण (Environment)": {
            level1: [
                { question: "पर्यावरण का अर्थ क्या है?", options: ["हमारे आसपास का वातावरण", "केवल पेड़-पौधे", "केवल जानवर", "केवल नदियाँ"], answer: "A" },
                { question: "ग्रीनहाउस प्रभाव के लिए कौन सी गैस मुख्य रूप से जिम्मेदार है?", options: ["कार्बन डाइऑक्साइड", "ऑक्सीजन", "नाइट्रोजन", "हाइड्रोजन"], answer: "A" }
            ],
            level2: [
                { question: "ओजोन परत का क्षरण किस गैस से होता है?", options: ["सी.एफ.सी.", "कार्बन डाइऑक्साइड", "मीथेन", "नाइट्रस ऑक्साइड"], answer: "A" }
            ],
            level3: [
                { question: "सतत विकास का मुख्य उद्देश्य क्या है?", options: ["भावी पीढ़ियों की आवश्यकताओं से समझौता किए बिना वर्तमान की आवश्यकताओं को पूरा करना", "केवल आर्थिक विकास", "केवल पर्यावरण संरक्षण", "केवल सामाजिक विकास"], answer: "A" }
            ]
        },
        "पर्यावरण अध्ययन : अवधारणा, व्याप्ति एवं क्षेत्र (Environmental Studies: Concept, Scope and Area)": {
            level1: [
                { question: "पर्यावरण अध्ययन में क्या शामिल है?", options: ["पर्यावरण के सभी पहलू", "केवल पर्यावरणीय समस्याएँ", "केवल पर्यावरणीय कानून", "केवल पारिस्थितिकी"], answer: "A" },
                { question: "पर्यावरण अध्ययन का उद्देश्य क्या है?", options: ["पर्यावरणीय जागरूकता बढ़ाना", "केवल प्रदूषण नियंत्रण", "केवल वन संरक्षण", "केवल वन्यजीव संरक्षण"], answer: "A" }
            ],
            level2: [
                { question: "पर्यावरण अध्ययन की प्रकृति क्या है?", options: ["अंतर-विषयक", "एक-विषयक", "विज्ञान आधारित", "कला आधारित"], answer: "A" }
            ],
            level3: [
                { question: "पर्यावरण अध्ययन के अंतर्गत कौन से विषय आते हैं?", options: ["जीव विज्ञान, रसायन, भूगोल, समाजशास्त्र", "केवल जीव विज्ञान", "केवल भूगोल", "केवल अर्थशास्त्र"], answer: "A" }
            ]
        },
        "पर्यावरणीय शिक्षा एवं अधिगम के सिद्धान्त (Principles of Environmental Education and Learning)": {
            level1: [
                { question: "पर्यावरणीय शिक्षा का मुख्य सिद्धांत क्या है?", options: ["समग्र दृष्टिकोण", "पाठ्यपुस्तक केंद्रित", "परीक्षा केंद्रित", "व्याख्यान केंद्रित"], answer: "A" },
                { question: "पर्यावरणीय शिक्षा के लिए कौन सी विधि सर्वोत्तम है?", options: ["अनुभवात्मक शिक्षण", "कंठस्थीकरण", "व्याख्यान विधि", "लिखित परीक्षा"], answer: "A" }
            ],
            level2: [
                { question: "पर्यावरणीय शिक्षा में स्थानीय पर्यावरण का उपयोग क्यों आवश्यक है?", options: ["प्रासंगिक और सार्थक सीखने के लिए", "पाठ्यक्रम पूरा करने के लिए", "परीक्षा की तैयारी के लिए", "शिक्षकों के लिए सुविधा के लिए"], answer: "A" }
            ],
            level3: [
                { question: "पर्यावरणीय शिक्षा में समस्या-समाधान दृष्टिकोण क्यों महत्वपूर्ण है?", options: ["वास्तविक जीवन की समस्याओं से निपटने के कौशल के लिए", "याद रखने में आसानी के लिए", "परीक्षा में अच्छे अंक लाने के लिए", "शिक्षक को कम काम करने के लिए"], answer: "A" }
            ]
        },
        "विज्ञान एवं सामाजिक विज्ञान में सम्बन्ध एवं उनके क्षेत्र (Relation between Science and Social Science and their Areas)": {
            level1: [
                { question: "पर्यावरण अध्ययन में विज्ञान और सामाजिक विज्ञान का क्या संबंध है?", options: ["दोनों परस्पर संबंधित हैं", "कोई संबंध नहीं", "विरोधी हैं", "एक दूसरे के पूरक नहीं"], answer: "A" },
                { question: "प्रदूषण का अध्ययन किस श्रेणी में आता है?", options: ["विज्ञान और सामाजिक विज्ञान दोनों", "केवल विज्ञान", "केवल सामाजिक विज्ञान", "केवल अर्थशास्त्र"], answer: "A" }
            ],
            level2: [
                { question: "जनसंख्या वृद्धि का अध्ययन किस क्षेत्र में आता है?", options: ["सामाजिक विज्ञान", "भौतिक विज्ञान", "जीव विज्ञान", "रसायन विज्ञान"], answer: "A" }
            ],
            level3: [
                { question: "पर्यावरणीय समस्याओं के समाधान के लिए किस प्रकार के दृष्टिकोण की आवश्यकता है?", options: ["बहु-विषयक दृष्टिकोण", "एक-विषयक दृष्टिकोण", "केवल तकनीकी दृष्टिकोण", "केवल सामाजिक दृष्टिकोण"], answer: "A" }
            ]
        },
        "पर्यावरणीय अवधारणा प्रस्तुत करने के दृष्टिकोण (विधियाँ) (Approaches to Presenting Environmental Concepts: Methods)": {
            level1: [
                { question: "पर्यावरणीय अवधारणाएँ प्रस्तुत करने की सबसे प्रभावी विधि कौन सी है?", options: ["प्रायोगिक और क्षेत्रीय विधि", "व्याख्यान विधि", "प्रश्नोत्तर विधि", "स्वाध्याय विधि"], answer: "A" },
                { question: "पर्यटन विधि का उपयोग किस लिए किया जाता है?", options: ["प्रत्यक्ष अनुभव प्रदान करने के लिए", "परीक्षा की तैयारी के लिए", "समय बचाने के लिए", "शिक्षक के बोझ को कम करने के लिए"], answer: "A" }
            ],
            level2: [
                { question: "प्रोजेक्ट विधि का पर्यावरण अध्ययन में क्या लाभ है?", options: ["व्यावहारिक ज्ञान और कौशल विकास", "कम समय लगता है", "कम सामग्री चाहिए", "केवल सिद्धांत पर केंद्रित"], answer: "A" }
            ],
            level3: [
                { question: "पर्यावरणीय शिक्षा में खेल-खेल में सीखने की विधि का उद्देश्य क्या है?", options: ["रुचिपूर्ण और प्रभावी सीखना", "केवल मनोरंजन", "शिक्षक का आलस्य", "परीक्षा में सहायता"], answer: "A" }
            ]
        },
        "पर्यावरण अध्ययन की विविध गतिविधियाँ, क्रियाकलाप एवं परिचर्चा (Various Activities, Actions and Discussions of Environmental Studies)": {
            level1: [
                { question: "पर्यावरण अध्ययन में चर्चा का मुख्य उद्देश्य क्या है?", options: ["विचारों का आदान-प्रदान और स्पष्टीकरण", "समय बिताना", "शोर मचाना", "पाठ याद करना"], answer: "A" },
                { question: "पर्यावरण संबंधी जागरूकता के लिए कौन सी गतिविधि प्रभावी है?", options: ["वृक्षारोपण अभियान", "पाठ्यपुस्तक पढ़ना", "व्याख्यान सुनना", "परीक्षा देना"], answer: "A" }
            ],
            level2: [
                { question: "पर्यावरण अध्ययन में समूह चर्चा का क्या लाभ है?", options: ["सहयोगात्मक सीखना और विभिन्न दृष्टिकोण", "समय की बचत", "शिक्षक कम बोलें", "किताबों की आवश्यकता नहीं"], answer: "A" }
            ],
            level3: [
                { question: "पर्यावरणीय परियोजना कार्य का मुख्य उद्देश्य क्या है?", options: ["वास्तविक पर्यावरणीय समस्याओं का समाधान खोजना", "पाठ्यक्रम पूरा करना", "अंक प्राप्त करना", "शिक्षक को संतुष्ट करना"], answer: "A" }
            ]
        },
        "सतत् एवं व्यापक मूल्यांकन (Continuous and Comprehensive Evaluation)": {
            level1: [
                { question: "सतत् मूल्यांकन का अर्थ क्या है?", options: ["लगातार मूल्यांकन", "वर्ष के अंत में मूल्यांकन", "प्रवेश पर मूल्यांकन", "निकास पर मूल्यांकन"], answer: "A" },
                { question: "व्यापक मूल्यांकन में क्या शामिल होता है?", options: ["सभी पहलुओं का मूल्यांकन", "केवल अकादमिक प्रदर्शन", "केवल सह-पाठ्यक्रम", "केवल अनुशासन"], answer: "A" }
            ],
            level2: [
                { question: "पर्यावरण अध्ययन में CCE का मुख्य उद्देश्य क्या है?", options: ["बालक के समग्र विकास का आकलन", "परीक्षा का दबाव कम करना", "अंक सुधारना", "शिक्षक का मूल्यांकन"], answer: "A" }
            ],
            level3: [
                { question: "मूल्यांकन के किस रूप को 'शिक्षण-अधिगम का अभिन्न अंग' माना जाता है?", options: ["रचनात्मक मूल्यांकन", "योगात्मक मूल्यांकन", "नैदानिक मूल्यांकन", "मानकीकृत मूल्यांकन"], answer: "A" }
            ]
        },
        "शिक्षण सहायक सामग्री/उपकरण (Teaching Support Materials/Tools)": {
            level1: [
                { question: "पर्यावरण अध्ययन के लिए सबसे उपयुक्त शिक्षण सहायक सामग्री क्या है?", options: ["वास्तविक वस्तुएँ और चित्र", "केवल पाठ्यपुस्तक", "केवल अभ्यास पुस्तिका", "केवल श्वेत पट्ट"], answer: "A" },
                { question: "प्रदर्शनी बोर्ड का उपयोग किस लिए किया जाता है?", options: ["सूचना और चित्र प्रदर्शित करने के लिए", "परीक्षा परिणाम दिखाने के लिए", "अनुशासन के नियम लिखने के लिए", "समय सारणी के लिए"], answer: "A" }
            ],
            level2: [
                { question: "पर्यावरण अध्ययन में मॉडल का क्या उपयोग है?", options: ["जटिल अवधारणाओं को सरलता से समझाने के लिए", "बच्चों का मनोरंजन करने के लिए", "समय बिताने के लिए", "शिक्षक का काम कम करने के लिए"], answer: "A" }
            ],
            level3: [
                { question: "डिजिटल मीडिया का उपयोग पर्यावरण अध्ययन में कैसे किया जा सकता है?", options: ["आभासी क्षेत्र भ्रमण और एनिमेशन द्वारा", "ऑनलाइन परीक्षा लेकर", "होमवर्क देकर", "अंक अपडेट करके"], answer: "A" }
            ]
        },
        "पर्यावरणीय अध्ययन की समस्याएँ (Problems of Environmental Studies)": {
            level1: [
                { question: "पर्यावरण अध्ययन में मुख्य समस्या क्या है?", options: ["व्यावहारिक संसाधनों की कमी", "पाठ्यपुस्तकों की कमी", "शिक्षकों की कमी", "समय की कमी"], answer: "A" },
                { question: "पर्यावरण अध्ययन में रुचि की कमी का मुख्य कारण क्या है?", options: ["सैद्धांतिक शिक्षण", "व्यावहारिक शिक्षण", "खेल विधि", "कहानी विधि"], answer: "A" }
            ],
            level2: [
                { question: "पर्यावरण अध्ययन को प्रभावी बनाने के लिए क्या आवश्यक है?", options: ["शिक्षकों का प्रशिक्षण और संसाधनों की उपलब्धता", "कठोर परीक्षा प्रणाली", "पाठ्यक्रम में कटौती", "कम समय देना"], answer: "A" }
            ],
            level3: [
                { question: "पर्यावरण अध्ययन में स्थानीय ज्ञान के उपयोग में क्या बाधा आती है?", options: ["पाठ्यपुस्तकों में अनुपलब्धता", "शिक्षकों की अरुचि", "समयाभाव", "परीक्षा प्रणाली"], answer: "A" }
            ]
        }
    };
    
    // Complete list of 25 EVS topics
    const allTopics = [
        "परिवार (Family)", "भोजन, स्वास्थ्य एवं स्वच्छता (Food, Health and Hygiene)", "आवास (Shelter)",
        "पेड़-पौधे व जन्तु (Plants and Animals)", "हमारा परिवेश (Our Surroundings)", "चर्चित मेले (Famous Fairs)",
        "स्थानीय पेशे एवं व्यवसाय (Local Professions and Occupations)", "जल (Water)", "यातायात एवं संचार (Transport and Communication)",
        "खेल व खेल भावना (Sports and Sportsmanship)", "हमारी पृथ्वी (विश्व के महाद्वीप एवं महासागर) (Our Earth: Continents and Oceans of the World)",
        "भारत का भौतिक स्वरूप (Physical Form of India)", "हमारा प्रदेश : नदियाँ, पर्वत, पठार, वन एवं यातायात (Our State: Rivers, Mountains, Plateaus, Forests and Transport)",
        "भारतीय संविधान (Indian Constitution)", "भारतीय शासन व्यवस्था (Indian Governance System)",
        "राष्ट्रीय पर्व, राष्ट्रीय प्रतीक व राष्ट्रीय एकता (National Festivals, National Symbols and National Unity)",
        "पर्यावरण (Environment)", "पर्यावरण अध्ययन : अवधारणा, व्याप्ति एवं क्षेत्र (Environmental Studies: Concept, Scope and Area)",
        "पर्यावरणीय शिक्षा एवं अधिगम के सिद्धान्त (Principles of Environmental Education and Learning)",
        "विज्ञान एवं सामाजिक विज्ञान में सम्बन्ध एवं उनके क्षेत्र (Relation between Science and Social Science and their Areas)",
        "पर्यावरणीय अवधारणा प्रस्तुत करने के दृष्टिकोण (विधियाँ) (Approaches to Presenting Environmental Concepts: Methods)",
        "पर्यावरण अध्ययन की विविध गतिविधियाँ, क्रियाकलाप एवं परिचर्चा (Various Activities, Actions and Discussions of Environmental Studies)",
        "सतत् एवं व्यापक मूल्यांकन (Continuous and Comprehensive Evaluation)",
        "शिक्षण सहायक सामग्री/उपकरण (Teaching Support Materials/Tools)",
        "पर्यावरणीय अध्ययन की समस्याएँ (Problems of Environmental Studies)"
    ];
    
    // DOM Elements
    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');
    
    const startGeneratingBtn = document.getElementById('startGeneratingBtn');
    const selectEvsBtn = document.getElementById('selectEvsBtn');
    const backToStartBtn = document.getElementById('backToStartBtn');
    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');
    
    let selectedChapters = [];
    let selectedLevel = null;
    
    function populateChapters() {
        const container = document.getElementById('chapterCheckboxContainer');
        container.innerHTML = `<div class="checkbox-item"><input type="checkbox" id="fullPaper" value="full"><label for="fullPaper">पूर्ण पाठ्यक्रम (सभी ${allTopics.length} विषय)</label></div>`;
        allTopics.forEach((topic, idx) => {
            container.innerHTML += `<div class="checkbox-item"><input type="checkbox" id="topic_${idx}" name="chapter" value="${topic}"><label for="topic_${idx}">${idx+1}. ${topic}</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) {
        let allQuestions = [];
        chapters.forEach(ch => {
            if(questions[ch] && questions[ch][`level${level}`]) {
                allQuestions = allQuestions.concat(questions[ch][`level${level}`]);
            }
        });
        if(allQuestions.length === 0) {
            return [{ question: "प्रश्न उपलब्ध नहीं हैं। कृपया अन्य अध्याय चुनें।", options: ["A", "B", "C", "D"], answer: "A" }];
        }
        allQuestions = allQuestions.sort(() => Math.random() - 0.5);
        return allQuestions.slice(0, Math.min(count, allQuestions.length));
    }
    
    // Event Listeners
    startGeneratingBtn.addEventListener('click', function() {
        startScreen.classList.add('hidden');
        subjectSelection.classList.remove('hidden');
    });
    
    selectEvsBtn.addEventListener('click', function() {
        subjectSelection.classList.add('hidden');
        populateChapters();
        chapterSelection.classList.remove('hidden');
    });
    
    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');
    });
    
    generateAssignmentBtn.addEventListener('click', function() {
        const fullPaper = document.getElementById('fullPaper');
        if(fullPaper && fullPaper.checked) {
            selectedChapters = [...allTopics];
        } else {
            selectedChapters = Array.from(document.querySelectorAll('input[name="chapter"]:checked')).map(cb => cb.value);
        }
        if(selectedChapters.length === 0) {
            alert("कृपया कम से कम एक अध्याय/विषय चुनें!");
            return;
        }
        chapterSelection.classList.add('hidden');
        levelSelection.classList.remove('hidden');
    });
    
    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;
    }
    
    level1Btn.addEventListener('click', function() { selectLevel(1); });
    level2Btn.addEventListener('click', function() { selectLevel(2); });
    level3Btn.addEventListener('click', function() { selectLevel(3); });
    
    generateFinalBtn.addEventListener('click', function() {
        if(!selectedLevel) {
            alert("कृपया कठिनाई स्तर चुनें!");
            return;
        }
        
        startContainer.classList.add('hidden');
        levelSelection.classList.add('hidden');
        generatedPaperContainer.classList.remove('hidden');
        generatedPaperContainer.innerHTML = '';
        
        const mcqs = getRandomQuestions(selectedChapters, selectedLevel, 45);
        let questionNumber = 1;
        let paperContent = `
            <div class="header">
                <h2>UP TET Paper 1 - पर्यावरण अध्ययन (EVS) असाइनमेंट</h2>
                <h3>${selectedChapters.length === allTopics.length ? "पूर्ण पाठ्यक्रम (सभी विषय)" : selectedChapters.slice(0,3).join(", ")+ (selectedChapters.length>3 ? "..." : "")}</h3>
                <p>स्तर ${selectedLevel} - ${selectedLevel === 1 ? "बेसिक" : selectedLevel === 2 ? "मध्यम" : "परीक्षा स्तर"}</p>
            </div>
            <div class="content-area">
                <div class="instructions">
                    <p><strong>निर्देश:</strong></p>
                    <ol>
                        <li>इस असाइनमेंट में 45 बहुविकल्पीय प्रश्न (MCQs) हैं।</li>
                        <li>प्रत्येक प्रश्न के चार विकल्प हैं, केवल एक सही है।</li>
                        <li>उचित विकल्प का चयन करें।</li>
                        <li>समय: 60 मिनट</li>
                    </ol>
                </div>
                <div class="question-section">
                    <div class="section-heading">बहुविकल्पीय प्रश्न (MCQs)</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">उत्तर कुंजी (Answer Key)</h3>
                    <table class="answer-table">
                        <thead>
                            <tr>
                                <th>प्रश्न सं.</th><th>उत्तर</th>
                                <th>प्रश्न सं.</th><th>उत्तर</th>
                                <th>प्रश्न सं.</th><th>उत्तर</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> प्रिंट करें</button>
                    <button class="btn btn-success" id="downloadBtn"><i class="fas fa-download"></i> PDF डाउनलोड करें</button>
                    <button class="btn btn-danger" id="newAssignmentBtn"><i class="fas fa-plus"></i> नया असाइनमेंट</button>
                </div>
            </div>`;
        
        generatedPaperContainer.innerHTML = paperContent;
        
        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');
        });
    });
    
    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('UP_TET_EVS_Assignment.pdf');
        } catch(err) { 
            console.error(err); 
            alert('PDF जनरेशन में त्रुटि। कृपया पुनः प्रयास करें।'); 
        } finally { 
            if(tempDiv && tempDiv.parentNode) document.body.removeChild(tempDiv); 
        }
    }
</script>
</body>
</html>