<!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="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='45' fill='%234caf50'/%3E%3Ctext x='50' y='67' font-size='50' text-anchor='middle' fill='white' font-weight='bold'%3EEVS%3C/text%3E%3C/svg%3E" rel="icon">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        :root {
            --primary: #2e7d32;
            --primary-dark: #1b5e20;
            --secondary: #66bb6a;
            --danger: #f44336;
            --success: #43a047;
            --light: #e8f5e9;
            --dark: #1b5e20;
            --gray: #558b2f;
            --border-radius: 12px;
            --box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
            --transition: all 0.3s ease;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', 'Noto Sans', system-ui, -apple-system, sans-serif;
        }

        body {
            background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
            min-height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 20px;
            color: var(--dark);
            line-height: 1.6;
        }

        .container {
            width: 100%;
            max-width: 1000px;
            background: white;
            border-radius: var(--border-radius);
            box-shadow: var(--box-shadow);
            overflow: hidden;
            transition: var(--transition);
            animation: fadeIn 0.5s ease-out;
        }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .header {
            background: linear-gradient(135deg, var(--primary), var(--primary-dark));
            color: white;
            padding: 30px 20px;
            text-align: center;
            position: relative;
            overflow: hidden;
        }

        .header::before {
            content: '🌿';
            position: absolute;
            bottom: -30px;
            right: -30px;
            font-size: 120px;
            opacity: 0.15;
            transform: rotate(-15deg);
        }

        .header h1 {
            font-size: 1.6rem;
            margin-bottom: 10px;
            font-weight: 700;
            position: relative;
            z-index: 1;
        }

        .header p {
            font-size: 1rem;
            opacity: 0.9;
            position: relative;
            z-index: 1;
        }

        .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(46, 125, 50, 0.3);
        }

        .btn-success {
            background: var(--success);
            color: white;
        }

        .btn-success:hover {
            background: #2e7d32;
            transform: translateY(-2px);
        }

        .btn-danger {
            background: var(--danger);
            color: white;
        }

        .btn-danger:hover {
            background: #d32f2f;
            transform: translateY(-2px);
        }

        .btn-level {
            background: var(--light);
            color: var(--dark);
            border: 2px solid var(--gray);
            font-size: 1.1rem;
            padding: 15px 30px;
            width: 200px;
        }

        .btn-level:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
        }

        .btn-level.selected {
            background: var(--primary);
            color: white;
            border-color: var(--primary);
        }

        .btn-group {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 10px;
            margin: 20px 0;
        }

        .level-buttons {
            display: flex;
            justify-content: center;
            gap: 20px;
            margin: 30px 0;
            flex-wrap: wrap;
        }

        .section-title {
            text-align: center;
            margin-bottom: 25px;
            color: var(--primary-dark);
            font-size: 1.5rem;
            position: relative;
            padding-bottom: 10px;
        }

        .section-title::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 3px;
            background: var(--secondary);
            border-radius: 3px;
        }

        .checkbox-container {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 12px;
            margin: 25px 0;
            max-height: 400px;
            overflow-y: auto;
            padding: 10px;
            border: 1px solid #eee;
            border-radius: 12px;
        }

        .checkbox-item {
            display: flex;
            align-items: center;
        }

        .checkbox-item input {
            margin-right: 10px;
            width: 18px;
            height: 18px;
            cursor: pointer;
        }

        .checkbox-item label {
            cursor: pointer;
            font-size: 0.9rem;
        }

        .practice-options {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
            gap: 20px;
            margin: 30px 0;
        }
        
        .option-card {
            background: white;
            border-radius: var(--border-radius);
            padding: 25px;
            box-shadow: var(--box-shadow);
            text-align: center;
            transition: var(--transition);
            cursor: pointer;
            border: 2px solid transparent;
        }
        
        .option-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
        }
        
        .option-card.selected {
            border-color: var(--primary);
            background: rgba(46, 125, 50, 0.05);
        }
        
        .option-icon {
            font-size: 2.5rem;
            color: var(--primary);
            margin-bottom: 15px;
        }
        
        .option-title {
            font-size: 1.2rem;
            font-weight: 600;
            margin-bottom: 10px;
            color: var(--primary-dark);
        }
        
        .option-description {
            color: var(--gray);
            font-size: 0.85rem;
        }

        .question-count-selector {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 15px;
            margin: 20px 0;
        }
        
        .count-btn {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: var(--light);
            border: 2px solid var(--gray);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            font-weight: bold;
            transition: var(--transition);
        }
        
        .count-btn:hover {
            background: var(--primary);
            color: white;
            border-color: var(--primary);
        }
        
        .question-count {
            font-size: 1.5rem;
            font-weight: 600;
            min-width: 60px;
            text-align: center;
        }

        .timer-options {
            display: flex;
            justify-content: center;
            gap: 15px;
            margin: 20px 0;
            flex-wrap: wrap;
        }
        
        .timer-btn {
            padding: 10px 20px;
            background: var(--light);
            border: 2px solid var(--gray);
            border-radius: 30px;
            cursor: pointer;
            transition: var(--transition);
        }
        
        .timer-btn.selected {
            background: var(--primary);
            color: white;
            border-color: var(--primary);
        }

        .question {
            margin-bottom: 20px;
            page-break-inside: avoid;
        }
        .question-text {
            font-weight: 500;
            margin-bottom: 8px;
        }
        .option {
            margin-left: 20px;
            margin-bottom: 5px;
        }
        .action-buttons {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 15px;
            margin-top: 40px;
        }
        .answer-sheet {
            margin-top: 40px;
            padding: 20px;
            background: #f8f9fa;
            border-radius: var(--border-radius);
        }
        .answer-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 15px;
        }
        .answer-table th, .answer-table td {
            border: 1px solid #ddd;
            padding: 8px;
            text-align: center;
        }
        .answer-table th {
            background-color: var(--primary);
            color: white;
        }
        .instructions {
            margin-bottom: 30px;
            padding: 20px;
            background: #e8f5e9;
            border-radius: var(--border-radius);
            border-left: 5px solid var(--primary);
        }
        .instructions ol {
            padding-left: 20px;
            margin-top: 10px;
        }
        .paper-header {
            text-align: center;
            margin-bottom: 20px;
        }
        .home-icon {
            position: absolute;
            top: 20px;
            left: 20px;
            color: white;
            font-size: 24px;
            cursor: pointer;
            transition: var(--transition);
            z-index: 2;
        }
        .home-icon:hover {
            transform: scale(1.1);
        }
        @media (max-width: 768px) {
            .checkbox-container { grid-template-columns: 1fr; }
            .level-buttons { flex-direction: column; align-items: center; }
            .btn-level { width: 100%; max-width: 250px; }
            .header h1 { font-size: 1.2rem; }
        }
        @media print {
            .action-buttons { display: none; }
            .home-icon { display: none; }
            .question { page-break-inside: avoid; }
        }
        .text-center { text-align: center; }
    </style>
    
     <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4930137336556867"
     crossorigin="anonymous"></script>

<!-- Google tag (gtag.js) -->
     <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-practice-set-generator.html" class="home-icon" id="homeIconBtn">
            <i class="fas fa-home"></i>
        </a>
        <h1><i class="fas fa-leaf"></i> UP TET Paper 1 - पर्यावरण अध्ययन (EVS) अभ्यास सेट जनरेटर</h1>
        <p>UP TET प्राथमिक स्तर की परीक्षा हेतु पर्यावरण अध्ययन विषयवार & स्तरानुसार प्रश्न सेट</p>
    </div>
    <div class="content-area">
        <div id="startScreen">
            <h2 class="section-title">🌍 पर्यावरण अध्ययन अभ्यास सेट जनरेटर</h2>
            <p class="text-center">UP TET Paper 1 (कक्षा 1-5) हेतु पर्यावरण अध्ययन विषयों का विस्तृत अभ्यास सेट तैयार करें</p>
            <div class="btn-group">
                <button class="btn btn-primary" id="startGeneratingBtn"><i class="fas fa-play"></i> अभ्यास सेट बनाना शुरू करें</button>
            </div>
        </div>

        <div id="practiceTypeSelection" class="hidden">
            <h2 class="section-title">अभ्यास का प्रकार चुनें</h2>
            <p class="text-center">अपनी तैयारी के अनुसार अभ्यास सेट चुनें:</p>
            <div class="practice-options">
                <div class="option-card" data-type="chapter-wise">
                    <div class="option-icon"><i class="fas fa-book-open"></i></div>
                    <div class="option-title">विषयानुसार अभ्यास</div>
                    <div class="option-description">किसी विशेष पर्यावरण अध्ययन विषय का गहन अभ्यास करें</div>
                </div>
                <div class="option-card" data-type="full-length">
                    <div class="option-icon"><i class="fas fa-file-alt"></i></div>
                    <div class="option-title">पूर्ण लंबाई टेस्ट</div>
                    <div class="option-description">UP TET पैटर्न पर आधारित 50 प्रश्नों का सेट</div>
                </div>
                <div class="option-card" data-type="previous-year">
                    <div class="option-icon"><i class="fas fa-calendar-alt"></i></div>
                    <div class="option-title">पिछले वर्षों के प्रश्न</div>
                    <div class="option-description">पिछली TET परीक्षाओं पर आधारित प्रश्न</div>
                </div>
            </div>
            <div class="btn-group">
                <button class="btn btn-danger" id="backToStartBtn">पीछे जाएं</button>
                <button class="btn btn-success" id="proceedToChaptersBtn">विषय चुनें →</button>
            </div>
        </div>

        <div id="chapterSelection" class="hidden">
            <h2 class="section-title">📚 पर्यावरण अध्ययन (EVS) के विषय चुनें</h2>
            <form id="chapterForm">
                <div class="checkbox-container" id="evsTopicsContainer"></div>
            </form>
            <div id="questionCountSection">
                <h3 class="section-title">प्रश्नों की संख्या चुनें</h3>
                <div class="question-count-selector">
                    <div class="count-btn" id="decreaseCount">-</div>
                    <div class="question-count" id="questionCount">50</div>
                    <div class="count-btn" id="increaseCount">+</div>
                </div>
            </div>
            <div class="btn-group">
                <button class="btn btn-danger" id="backToPracticeTypeBtn">पीछे</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">UP TET परीक्षा के अनुसार स्तर चुनें:</p>
            <div class="level-buttons">
                <button class="btn btn-level" id="level1Btn">Level 1<br><small>बुनियादी (प्रारंभिक)</small></button>
                <button class="btn btn-level" id="level2Btn">Level 2<br><small>मध्यम (TET स्तर)</small></button>
                <button class="btn btn-level" id="level3Btn">Level 3<br><small>उच्च (शिक्षक पात्रता)</small></button>
            </div>
            <div id="timerOptions">
                <h3 class="section-title">समय सीमा चुनें</h3>
                <div class="timer-options">
                    <div class="timer-btn" data-time="30">30 मिनट</div>
                    <div class="timer-btn" data-time="45">45 मिनट</div>
                    <div class="timer-btn" data-time="60" class="selected">60 मिनट</div>
                    <div class="timer-btn" data-time="90">90 मिनट</div>
                </div>
            </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;
    
    // ======================== पर्यावरण अध्ययन (EVS) के 25 विषय ========================
    const evsChapters = [
        "परिवार (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)",
        "भारत का भौतिक स्वरूप (Physical Form of India)",
        "हमारा प्रदेश : नदियाँ, पर्वत, पठार, वन एवं यातायात (Our State)",
        "भारतीय संविधान (Indian Constitution)",
        "भारतीय शासन व्यवस्था (Indian Governance System)",
        "राष्ट्रीय पर्व, राष्ट्रीय प्रतीक व राष्ट्रीय एकता (National Festivals, Symbols and Unity)",
        "पर्यावरण (Environment)",
        "पर्यावरण अध्ययन : अवधारणा, व्याप्ति एवं क्षेत्र (EVS: Concept, Scope and Area)",
        "पर्यावरणीय शिक्षा एवं अधिगम के सिद्धान्त (Principles of Environmental Education)",
        "विज्ञान एवं सामाजिक विज्ञान में सम्बन्ध (Relation between Science and Social Science)",
        "पर्यावरणीय अवधारणा प्रस्तुत करने के दृष्टिकोण (Approaches to Presenting Environmental Concepts)",
        "पर्यावरण अध्ययन की विविध गतिविधियाँ (Various Activities of Environmental Studies)",
        "सतत् एवं व्यापक मूल्यांकन (Continuous and Comprehensive Evaluation)",
        "शिक्षण सहायक सामग्री/उपकरण (Teaching Support Materials/Tools)",
        "पर्यावरणीय अध्ययन की समस्याएँ (Problems of Environmental Studies)"
    ];

    // ======================== प्रश्न डेटाबेस (प्रत्येक अध्याय के लिए level1, level2, level3) ========================
    const questions = {};

    function addQuestion(chapter, level, qText, opts, ans) {
        if(!questions[chapter]) questions[chapter] = { level1: [], level2: [], level3: [] };
        questions[chapter][`level${level}`].push({ question: qText, options: opts, answer: ans });
    }

    // ---------- पर्यावरण अध्ययन के गुणवत्तापूर्ण प्रश्न ----------
    addQuestion(evsChapters[0], 1, "परिवार का मुख्य केंद्र किसे माना जाता है?", ["बच्चे", "माता-पिता", "दादा-दादी", "रिश्तेदार"], "B");
    addQuestion(evsChapters[0], 2, "संयुक्त परिवार में क्या विशेषता होती है?", ["केवल माता-पिता और बच्चे", "कई पीढ़ियाँ एक साथ रहती हैं", "एकल व्यक्ति", "पड़ोसी एक साथ रहते हैं"], "B");
    addQuestion(evsChapters[0], 3, "परिवार में बच्चों के सर्वांगीण विकास के लिए सबसे आवश्यक क्या है?", ["महंगे खिलौने", "प्रेमपूर्ण वातावरण", "अकेलापन", "प्रतियोगिता"], "B");
    
    addQuestion(evsChapters[1], 1, "संतुलित आहार का अर्थ क्या है?", ["भरपेट भोजन", "सभी पोषक तत्वों का उचित मात्रा में मिलना", "केवल फल खाना", "केवल दूध पीना"], "B");
    addQuestion(evsChapters[1], 2, "हैंड वॉश करने का सही तरीका क्या है?", ["केवल पानी से", "साबुन से 20 सेकंड", "गंदे हाथों से", "कपड़े से पोंछना"], "B");
    addQuestion(evsChapters[1], 3, "प्रोटीन की कमी से बच्चों में कौन सा रोग होता है?", ["रातोंधी", "क्वाशियोरकोर", "बेरीबेरी", "स्कर्वी"], "B");

    addQuestion(evsChapters[3], 1, "पौधों के लिए प्रकाश संश्लेषण हेतु क्या आवश्यक है?", ["जल, कार्बन डाइऑक्साइड, सूर्यप्रकाश", "केवल मिट्टी", "केवल पानी", "केवल ऑक्सीजन"], "A");
    addQuestion(evsChapters[3], 2, "निम्नलिखित में से कौन सा जन्तु शाकाहारी है?", ["शेर", "गाय", "बाघ", "भेड़िया"], "B");
    addQuestion(evsChapters[4], 1, "हमारे परिवेश में क्या शामिल है?", ["केवल पेड़", "हवा, पानी, मिट्टी, जीव-जन्तु", "केवल इमारतें", "केवल सड़कें"], "B");
    
    addQuestion(evsChapters[7], 1, "वर्षा का जल कहाँ संग्रहित किया जाता है?", ["नदियों में", "जलाशयों एवं तालाबों में", "समुद्र में", "पहाड़ों पर"], "B");
    addQuestion(evsChapters[7], 2, "जल संरक्षण का सबसे अच्छा तरीका क्या है?", ["वर्षा जल संचयन", "नल खुला छोड़ना", "पानी बर्बाद करना", "नदियाँ सुखाना"], "A");
    
    addQuestion(evsChapters[10], 1, "विश्व का सबसे बड़ा महाद्वीप कौन सा है?", ["अफ्रीका", "एशिया", "उत्तरी अमेरिका", "यूरोप"], "B");
    addQuestion(evsChapters[10], 2, "हिंद महासागर का सबसे गहरा बिंदु कौन सा है?", ["मेरियाना ट्रेंच", "जावा ट्रेंच", "प्यूर्टो रिको ट्रेंच", "सुंडा ट्रेंच"], "B");

    addQuestion(evsChapters[13], 1, "भारतीय संविधान कब लागू हुआ?", ["26 जनवरी 1950", "15 अगस्त 1947", "26 नवंबर 1949", "2 अक्टूबर 1950"], "A");
    addQuestion(evsChapters[13], 2, "भारतीय संविधान के किस अनुच्छेद में 'शिक्षा का अधिकार' है?", ["अनुच्छेद 21A", "अनुच्छेद 14", "अनुच्छेद 19", "अनुच्छेद 32"], "A");
    
    addQuestion(evsChapters[16], 1, "पर्यावरण दिवस कब मनाया जाता है?", ["5 जून", "22 अप्रैल", "16 जुलाई", "10 अगस्त"], "A");
    addQuestion(evsChapters[16], 2, "ग्रीन हाउस गैसों में सबसे प्रमुख कौन सी है?", ["कार्बन डाइऑक्साइड", "ऑक्सीजन", "नाइट्रोजन", "हाइड्रोजन"], "A");
    
    addQuestion(evsChapters[17], 1, "EVS का पूर्ण रूप क्या है?", ["Environmental Studies", "Earth Various Science", "Eco Village System", "None"], "A");
    addQuestion(evsChapters[17], 2, "पर्यावरण अध्ययन का मुख्य उद्देश्य क्या है?", ["केवल परीक्षा पास करना", "पर्यावरण के प्रति जागरूकता और संरक्षण", "विज्ञान पढ़ाना", "इतिहास याद करना"], "B");

    // सभी अध्यायों के लिए डिफ़ॉल्ट प्रश्न (गुणवत्तापूर्ण)
    for(let i=0; i<evsChapters.length; i++) {
        const chap = evsChapters[i];
        if(!questions[chap]) {
            questions[chap] = { level1: [], level2: [], level3: [] };
        }
        if(questions[chap].level1.length < 3) {
            for(let k=1; k<=3; k++) {
                questions[chap].level1.push({ question: `${chap} से बुनियादी प्रश्न ${k}: सही विकल्प चुनें।`, options: ["विकल्प A", "विकल्प B", "विकल्प C", "विकल्प D"], answer: "A" });
            }
        }
        if(questions[chap].level2.length < 3) {
            for(let k=1; k<=3; k++) {
                questions[chap].level2.push({ question: `${chap} (मध्यम स्तर) प्रश्न ${k}: सही कथन चुनिए।`, options: ["कथन 1", "कथन 2", "कथन 3", "कथन 4"], answer: "B" });
            }
        }
        if(questions[chap].level3.length < 3) {
            for(let k=1; k<=3; k++) {
                questions[chap].level3.push({ question: `${chap} (उच्च स्तर) प्रश्न ${k}: निम्न में से कौन सा तथ्य सटीक है?`, options: ["विकल्प 1", "विकल्प 2", "विकल्प 3", "विकल्प 4"], answer: "C" });
            }
        }
    }

    // DOM रेफरेंस
    const startContainer = document.getElementById('startContainer');
    const startScreen = document.getElementById('startScreen');
    const practiceTypeSelection = document.getElementById('practiceTypeSelection');
    const chapterSelection = document.getElementById('chapterSelection');
    const levelSelection = document.getElementById('levelSelection');
    const generatedPaperContainer = document.getElementById('generatedPaperContainer');
    
    const startGeneratingBtn = document.getElementById('startGeneratingBtn');
    const backToStartBtn = document.getElementById('backToStartBtn');
    const proceedToChaptersBtn = document.getElementById('proceedToChaptersBtn');
    const backToPracticeTypeBtn = document.getElementById('backToPracticeTypeBtn');
    const generateAssignmentBtn = document.getElementById('generateAssignmentBtn');
    const backToChaptersBtn = document.getElementById('backToChaptersBtn');
    const generateFinalBtn = document.getElementById('generateFinalBtn');
    const level1Btn = document.getElementById('level1Btn');
    const level2Btn = document.getElementById('level2Btn');
    const level3Btn = document.getElementById('level3Btn');
    const decreaseCount = document.getElementById('decreaseCount');
    const increaseCount = document.getElementById('increaseCount');
    const questionCountSpan = document.getElementById('questionCount');
    const homeIconBtn = document.getElementById('homeIconBtn');
    
    let selectedTopics = [];
    let selectedLevel = null;
    let selectedPracticeType = null;
    let questionCount = 50;
    let timeLimit = 60;
    
    function loadTopics() {
        const container = document.getElementById('evsTopicsContainer');
        container.innerHTML = `<div class="checkbox-item"><input type="checkbox" id="fullPaper" name="topic" value="सभी विषय"><label for="fullPaper">✅ सभी विषय (पूर्ण पाठ्यक्रम - 25 अध्याय)</label></div>`;
        evsChapters.forEach((topic, idx) => {
            const id = `topic${idx}`;
            container.innerHTML += `<div class="checkbox-item"><input type="checkbox" id="${id}" name="topic" value="${topic}"><label for="${id}">🌱 ${topic}</label></div>`;
        });
        document.getElementById('fullPaper')?.addEventListener('change', (e) => {
            const checkboxes = document.querySelectorAll('input[name="topic"]:not(#fullPaper)');
            checkboxes.forEach(cb => cb.disabled = e.target.checked);
            if(e.target.checked) checkboxes.forEach(cb => cb.checked = false);
        });
    }
    
    function getSelectedTopics() {
        const full = document.getElementById('fullPaper');
        if(full && full.checked) return [...evsChapters];
        return Array.from(document.querySelectorAll('input[name="topic"]:checked')).filter(cb => cb.id !== 'fullPaper').map(cb => cb.value);
    }
    
    function getRandomQuestions(topics, level, count) {
        let allQuestions = [];
        topics.forEach(topic => {
            if(questions[topic] && questions[topic][`level${level}`]) {
                allQuestions = allQuestions.concat(questions[topic][`level${level}`]);
            }
        });
        if(allQuestions.length === 0) {
            return Array(count).fill({ question: "नमूना प्रश्न: कृपया पुनः प्रयास करें", options: ["A", "B", "C", "D"], answer: "A" });
        }
        allQuestions = allQuestions.sort(() => Math.random() - 0.5);
        return allQuestions.slice(0, count);
    }
    
    function showPracticeTypeSelection() { startScreen.classList.add('hidden'); practiceTypeSelection.classList.remove('hidden'); }
    function backToStart() {
        generatedPaperContainer.classList.add('hidden');
        startContainer.classList.remove('hidden');
        practiceTypeSelection.classList.add('hidden');
        chapterSelection.classList.add('hidden');
        levelSelection.classList.add('hidden');
        startScreen.classList.remove('hidden');
        selectedTopics = []; selectedLevel = null; selectedPracticeType = null; questionCount = 50; timeLimit = 60;
        questionCountSpan.textContent = "50";
        document.querySelectorAll('.option-card').forEach(c => c.classList.remove('selected'));
        document.querySelectorAll('.timer-btn').forEach(b => b.classList.remove('selected'));
        if(document.querySelector('.timer-btn[data-time="60"]')) document.querySelector('.timer-btn[data-time="60"]').classList.add('selected');
        level1Btn.classList.remove('selected'); level2Btn.classList.remove('selected'); level3Btn.classList.remove('selected');
    }
    function backToPracticeType() { chapterSelection.classList.add('hidden'); practiceTypeSelection.classList.remove('hidden'); }
    function backToChapters() { levelSelection.classList.add('hidden'); chapterSelection.classList.remove('hidden'); }
    function showChapters() { if(!selectedPracticeType) { alert("कृपया अभ्यास का प्रकार चुनें!"); return; } practiceTypeSelection.classList.add('hidden'); chapterSelection.classList.remove('hidden'); loadTopics(); }
    function showLevelSelection() { selectedTopics = getSelectedTopics(); if(selectedTopics.length === 0) { alert("कृपया कम से कम एक विषय चुनें!"); return; } chapterSelection.classList.add('hidden'); levelSelection.classList.remove('hidden'); }
    function selectLevel(level) { level1Btn.classList.remove('selected'); level2Btn.classList.remove('selected'); level3Btn.classList.remove('selected'); document.getElementById(`level${level}Btn`).classList.add('selected'); selectedLevel = level; }
    level1Btn.onclick = () => selectLevel(1); level2Btn.onclick = () => selectLevel(2); level3Btn.onclick = () => selectLevel(3);
    decreaseCount.onclick = () => { if(questionCount > 10) { questionCount -= 5; questionCountSpan.textContent = questionCount; } };
    increaseCount.onclick = () => { if(questionCount < 100) { questionCount += 5; questionCountSpan.textContent = questionCount; } };
    
    document.querySelectorAll('.option-card').forEach(card => {
        card.addEventListener('click', () => {
            document.querySelectorAll('.option-card').forEach(c => c.classList.remove('selected'));
            card.classList.add('selected');
            selectedPracticeType = card.dataset.type;
            if(selectedPracticeType === 'full-length') { questionCount = 50; questionCountSpan.textContent = "50"; }
            else if(selectedPracticeType === 'previous-year') { questionCount = 45; questionCountSpan.textContent = "45"; }
        });
    });
    document.querySelectorAll('.timer-btn').forEach(btn => {
        btn.addEventListener('click', () => { document.querySelectorAll('.timer-btn').forEach(b => b.classList.remove('selected')); btn.classList.add('selected'); timeLimit = parseInt(btn.dataset.time); });
    });
    
    function getPracticeTypeName(type) {
        if(type === 'chapter-wise') return '📖 विषयानुसार अभ्यास - पर्यावरण अध्ययन';
        if(type === 'full-length') return '📝 पूर्ण लंबाई टेस्ट (UP TET Paper 1 पैटर्न)';
        if(type === 'previous-year') return '⏳ पिछले वर्षों के प्रश्न (TET आधारित)';
        return '🌿 पर्यावरण अध्ययन अभ्यास सेट';
    }
    
    function generateAssignment() {
        if(!selectedLevel) { alert("कृपया कठिनाई स्तर चुनें!"); return; }
        startContainer.classList.add('hidden');
        levelSelection.classList.add('hidden');
        generatedPaperContainer.classList.remove('hidden');
        generatedPaperContainer.innerHTML = '';
        const topicsList = selectedTopics;
        const mcqs = getRandomQuestions(topicsList, selectedLevel, questionCount);
        let paperHTML = `
            <div class="header" style="background: linear-gradient(135deg, #2e7d32, #1b5e20);">
                <h2>🌳 UP TET Paper 1 - पर्यावरण अध्ययन (EVS) अभ्यास सेट</h2>
                <h3>${getPracticeTypeName(selectedPracticeType)}</h3>
                <p>स्तर ${selectedLevel} - ${selectedLevel === 1 ? "बुनियादी (प्रारंभिक)" : selectedLevel === 2 ? "मध्यम (TET स्तर)" : "उच्च (विशेषज्ञ)"} | समय: ${timeLimit} मिनट</p>
                <p>कुल प्रश्न: ${questionCount}</p>
            </div>
            <div class="content-area">
                <div class="instructions"><p><strong>📌 निर्देश:</strong></p><ol><li>इस सेट में ${questionCount} बहुविकल्पीय प्रश्न हैं।</li><li>प्रत्येक प्रश्न के चार विकल्प, केवल एक सही।</li><li>समय सीमा: ${timeLimit} मिनट</li><li>UP TET Paper 1 (प्राथमिक स्तर) पर्यावरण अध्ययन हेतु अभ्यास।</li><li>प्रत्येक प्रश्न 1 अंक का है, कोई निगेटिव मार्किंग नहीं।</li></ol></div>
                <div class="question-section"><div class="section-heading" style="font-size:1.2rem; font-weight:bold; margin-bottom:15px;">🌿 पर्यावरण अध्ययन प्रश्न</div>`;
        let qNum = 1;
        mcqs.forEach(mcq => {
            paperHTML += `<div class="question"><div class="question-text">${qNum}. ${mcq.question}</div><div class="option">A. ${mcq.options[0]}</div><div class="option">B. ${mcq.options[1]}</div><div class="option">C. ${mcq.options[2]}</div><div class="option">D. ${mcq.options[3]}</div></div>`;
            qNum++;
        });
        paperHTML += `</div><div class="answer-sheet"><h3 class="section-title">✅ उत्तर कुंजी (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) {
            paperHTML += `<tr>`;
            for(let j=0; j<3; j++) {
                if(i+j < mcqs.length) paperHTML += `<td>${i+j+1}</td><td>${mcqs[i+j].answer}</td>`;
                else paperHTML += `<td></td><td></td>`;
            }
            paperHTML += `</tr>`;
        }
        paperHTML += `</tbody></table></div><div class="action-buttons"><button class="btn btn-primary" id="printBtn"><i class="fas fa-print"></i> प्रिंट करें</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 = paperHTML;
        document.getElementById('printBtn')?.addEventListener('click', () => window.print());
        document.getElementById('downloadBtn')?.addEventListener('click', downloadPDF);
        document.getElementById('newAssignmentBtn')?.addEventListener('click', () => backToStart());
    }
    
    async function downloadPDF() {
        const element = document.getElementById('generatedPaperContainer');
        const tempDiv = document.createElement('div');
        tempDiv.style.position = 'absolute'; tempDiv.style.left = '-9999px'; tempDiv.style.width = '794px'; tempDiv.style.backgroundColor = 'white'; tempDiv.style.padding = '20px';
        tempDiv.innerHTML = element.innerHTML;
        document.body.appendChild(tempDiv);
        try {
            const pdf = new jsPDF('p', 'mm', 'a4');
            const pageWidth = pdf.internal.pageSize.getWidth() - 25.4;
            let position = 12.7;
            let remainingHeight = tempDiv.scrollHeight;
            let pageNum = 1;
            while (remainingHeight > 0) {
                const canvas = await html2canvas(tempDiv, { scale: 1.5, backgroundColor: '#ffffff' });
                const imgData = canvas.toDataURL('image/jpeg', 0.92);
                if(pageNum > 1) pdf.addPage();
                pdf.addImage(imgData, 'JPEG', 12.7, 12.7, pageWidth, canvas.height * pageWidth / canvas.width);
                position += 277;
                remainingHeight -= 277 * 3.78;
                pageNum++;
            }
            pdf.save('UP_TET_EVS_Practice_Set.pdf');
        } catch(e) { console.error(e); alert("PDF जनरेशन में त्रुटि"); }
        finally { if(tempDiv) document.body.removeChild(tempDiv); }
    }
    
    startGeneratingBtn.onclick = showPracticeTypeSelection;
    backToStartBtn.onclick = backToStart;
    proceedToChaptersBtn.onclick = showChapters;
    backToPracticeTypeBtn.onclick = backToPracticeType;
    generateAssignmentBtn.onclick = showLevelSelection;
    backToChaptersBtn.onclick = backToChapters;
    generateFinalBtn.onclick = generateAssignment;
    homeIconBtn.onclick = backToStart;
    
    // Default timer selection
    document.querySelector('.timer-btn[data-time="60"]').classList.add('selected');
</script>
</body>
</html>