<!DOCTYPE html>
<html lang="hi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>UP TET पेपर-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='%234361ee'/%3E%3Ctext x='50' y='68' font-size='48' text-anchor='middle' fill='white' font-weight='bold'%3Eप%3C/text%3E%3C/svg%3E" rel="icon">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        :root {
            --primary: #2e7d32;
            --primary-dark: #1b5e20;
            --secondary: #43a047;
            --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', 'Poppins', system-ui, 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: 1100px; 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: 10px; right: 20px; font-size: 70px; opacity: 0.1; }
        .header h1 { font-size: 1.9rem; margin-bottom: 10px; font-weight: 700; letter-spacing: -0.5px; }
        .header p { font-size: 1rem; opacity: 0.9; }
        .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); }
        .btn-success { background: #2e7d32; color: white; }
        .btn-success:hover { background: #1b5e20; transform: translateY(-2px); }
        .btn-danger { background: var(--danger); color: white; }
        .btn-danger:hover { background: #d3166b; transform: translateY(-2px); }
        .btn-level { background: var(--light); color: var(--dark); border: 2px solid var(--gray); font-size: 1.1rem; padding: 14px 28px; 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: 12px; margin: 20px 0; }
        .level-buttons { display: flex; justify-content: center; gap: 25px; margin: 30px 0; flex-wrap: wrap; }
        .section-title { text-align: center; margin-bottom: 25px; color: var(--primary-dark); font-size: 1.6rem; position: relative; padding-bottom: 12px; font-weight: 600; }
        .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(310px, 1fr)); gap: 14px; margin: 25px 0; max-height: 480px; overflow-y: auto; padding: 15px; border: 1px solid #e2e8f0; border-radius: 18px; background: #fafef7; }
        .checkbox-item { display: flex; align-items: center; background: white; padding: 8px 12px; border-radius: 40px; transition: all 0.2s; border: 1px solid #e9ecef; }
        .checkbox-item:hover { background: #e8f5e9; transform: translateX(3px); }
        .checkbox-item input { margin-right: 12px; width: 18px; height: 18px; cursor: pointer; accent-color: var(--primary); }
        .checkbox-item label { cursor: pointer; font-size: 0.92rem; font-weight: 500; }
        .question { margin-bottom: 25px; page-break-inside: avoid; background: #ffffff; padding: 15px; border-radius: 16px; box-shadow: 0 1px 2px rgba(0,0,0,0.05); border-left: 4px solid var(--secondary); }
        .question-text { font-weight: 700; margin-bottom: 12px; font-size: 1.05rem; color: #2d3748; }
        .option { margin-left: 24px; margin-bottom: 6px; color: #4a5568; }
        .action-buttons { display: flex; justify-content: center; flex-wrap: wrap; gap: 18px; margin-top: 40px; }
        .answer-sheet { margin-top: 40px; padding: 20px; background: #f0faf4; border-radius: var(--border-radius); }
        .answer-table { width: 100%; border-collapse: collapse; margin-top: 15px; border-radius: 12px; overflow: hidden; }
        .answer-table th, .answer-table td { border: 1px solid #cbd5e0; padding: 10px; text-align: center; }
        .answer-table th { background-color: var(--primary); color: white; font-weight: 600; }
        .streak-container { display: flex; justify-content: center; align-items: center; margin: 20px 0; gap: 20px; flex-wrap: wrap; }
        .streak-counter { background: #ff9100; color: white; padding: 10px 20px; border-radius: 60px; font-weight: bold; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
        .date-display { font-size: 1rem; font-weight: 600; background: #e2e8f0; padding: 8px 18px; border-radius: 40px; color: var(--primary-dark); }
        .progress-container { margin: 20px 0; background: #edf2f7; padding: 20px; border-radius: 28px; }
        .progress-bar { height: 12px; background: #cbd5e0; border-radius: 20px; overflow: hidden; margin-top: 12px; }
        .progress-fill { height: 100%; background: var(--secondary); border-radius: 20px; transition: width 0.5s ease; }
        .problem-of-day { background: linear-gradient(115deg, #fff6e5, #ffedd5); border-left: 5px solid var(--danger); padding: 20px; margin: 20px 0; border-radius: 24px; }
        .daily-summary { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 15px; margin: 20px 0; }
        .summary-card { flex: 1; min-width: 110px; background: white; padding: 15px; border-radius: 20px; box-shadow: 0 8px 20px rgba(0,0,0,0.05); text-align: center; border: 1px solid #e2e8f0; }
        .home-icon { position: absolute; top: 20px; left: 20px; color: white; font-size: 26px; cursor: pointer; transition: transform 0.2s; z-index: 5; background: rgba(0,0,0,0.2); width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
        .home-icon:hover { transform: scale(1.08); background: rgba(0,0,0,0.4); }
        .instructions { margin-bottom: 30px; padding: 18px 22px; background: #f7fafc; border-radius: 24px; border: 1px solid #e2e8f0; }
        @media (max-width: 680px) { .header h1 { font-size: 1.3rem; } .btn-level { width: 140px; font-size: 0.9rem; padding: 12px 16px; } .checkbox-container { grid-template-columns: 1fr; } }
        @media print { .action-buttons, .streak-container, .progress-container, .problem-of-day, .daily-summary, .home-icon { display: none; } .question { break-inside: avoid; } }
    </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-daily-practice-problem-generator.html" class="home-icon" ><i class="fas fa-leaf"></i></a>
        <h1><i class="fas fa-globe-asia"></i> UP TET पेपर-1</h1>
        <p>पर्यावरण अध्ययन (EVS) | दैनिक अभ्यास समस्या जनरेटर (हिंदी में)</p>
    </div>
    <div class="content-area">
        <div id="startScreen">
            <h2 class="section-title">🌍 पर्यावरण अध्ययन (EVS)</h2>
            <div class="streak-container">
                <div class="streak-counter"><i class="fas fa-fire"></i> लगातार: <span id="streakDays">0</span> दिन</div>
                <div class="date-display" id="currentDate"></div>
            </div>
            <div class="progress-container">
                <h3><i class="fas fa-chart-line"></i> आपकी प्रगति</h3>
                <div class="progress-bar"><div class="progress-fill" id="progressFill" style="width: 0%"></div></div>
                <p id="progressText" style="margin-top: 8px;">0% पूर्ण</p>
            </div>
            <div class="btn-group">
                <button class="btn btn-primary" id="problemOfDayBtn"><i class="fas fa-calendar-day"></i> दिन की समस्या</button>
                <button class="btn btn-success" id="customPracticeBtn"><i class="fas fa-pen-ruler"></i> कस्टम अभ्यास</button>
            </div>
        </div>
        <div id="subjectSelection" class="hidden">
            <h2 class="section-title">🎯 विषय चयन</h2>
            <div class="btn-group"><button class="btn btn-primary" id="selectEVSBtn"><i class="fas fa-tree"></i> पर्यावरण अध्ययन (EVS)</button></div>
        </div>
        <div id="topicSelection" class="hidden">
            <h2 class="section-title">📚 अध्यायों का चयन करें (25 अध्याय)</h2>
            <form id="topicForm">
                <div class="checkbox-container" id="topicsContainer"></div>
            </form>
            <div class="btn-group">
                <button class="btn btn-danger" id="backToStartBtn"><i class="fas fa-arrow-left"></i> प्रारंभ पर वापस</button>
                <button class="btn btn-success" id="generateAssignmentBtn"><i class="fas fa-cogs"></i> अभ्यास प्रश्न जेनरेट करें</button>
            </div>
        </div>
        <div id="levelSelection" class="hidden">
            <h2 class="section-title">⚡ कठिनाई स्तर चुनें</h2>
            <p class="text-center" style="text-align:center; margin-bottom:10px;">अपने TET स्तर के अनुसार चुनें:</p>
            <div class="level-buttons">
                <button class="btn btn-level" id="level1Btn">स्तर 1 <br><small>बेसिक / TET आधार</small></button>
                <button class="btn btn-level" id="level2Btn">स्तर 2 <br><small>मध्यम (UP TET मानक)</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="backToTopicsBtn">विषयों पर वापस</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;
    const startContainer = document.getElementById('startContainer');
    const startScreen = document.getElementById('startScreen');
    const subjectSelection = document.getElementById('subjectSelection');
    const topicSelection = document.getElementById('topicSelection');
    const levelSelection = document.getElementById('levelSelection');
    const generatedPaperContainer = document.getElementById('generatedPaperContainer');
    
    // ======================== पर्यावरण अध्ययन (EVS) - 25 अध्याय ========================
    const chaptersList = [
        "परिवार (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)",
        "पर्यावरणीय शिक्षा एवं अधिगम के सिद्धान्त (Principles of Environmental Education)",
        "विज्ञान एवं सामाजिक विज्ञान में सम्बन्ध (Relation between Science and Social Science)",
        "पर्यावरणीय अवधारणा प्रस्तुत करने के दृष्टिकोण (विधियाँ) (Teaching Approaches)",
        "पर्यावरण अध्ययन की विविध गतिविधियाँ (Activities and Discussions)",
        "सतत् एवं व्यापक मूल्यांकन (Continuous and Comprehensive Evaluation)",
        "शिक्षण सहायक सामग्री/उपकरण (Teaching Support Materials/Tools)",
        "पर्यावरणीय अध्ययन की समस्याएँ (Problems of Environmental Studies)"
    ];
    
    // =============== अध्यायवार प्रश्न डेटाबेस (समृद्ध, स्तरानुसार) ===============
    const questions = {};
    
    // 1. परिवार
    questions["परिवार (Family)"] = {
        level1: [
            { question: "परिवार किसे कहते हैं?", options: ["रक्त संबंधों से जुड़े लोगों का समूह", "एक ही घर में रहने वाले लोग", "पड़ोसी", "मित्रों का समूह"], answer: "A" },
            { question: "संयुक्त परिवार का मुख्य लक्षण क्या है?", options: ["कई पीढ़ियाँ एक साथ रहती हैं", "केवल माता-पिता और बच्चे", "एकल व्यक्ति", "केवल दादा-दादी"], answer: "A" }
        ],
        level2: [
            { question: "एकल परिवार के क्या लाभ हैं?", options: ["स्वतंत्रता और व्यक्तिगत स्थान", "आर्थिक सुरक्षा", "अधिक संसाधन", "सामूहिक निर्णय"], answer: "A" }
        ],
        level3: [
            { question: "परिवार का सामाजिक विकास में क्या योगदान है?", options: ["मूल्यों और संस्कारों का हस्तांतरण", "केवल आर्थिक सहायता", "राजनीतिक प्रशिक्षण", "वैज्ञानिक शिक्षा"], answer: "A" }
        ]
    };
    
    // 2. भोजन, स्वास्थ्य एवं स्वच्छता
    questions["भोजन, स्वास्थ्य एवं स्वच्छता (Food, Health and Hygiene)"] = {
        level1: [
            { question: "संतुलित आहार का क्या अर्थ है?", options: ["सभी पोषक तत्वों का उचित मात्रा में समावेश", "केवल प्रोटीन", "केवल कार्बोहाइड्रेट", "केवल वसा"], answer: "A" },
            { question: "हाथ धोने का सबसे उपयुक्त समय कौन सा है?", options: ["भोजन से पहले और शौच के बाद", "सुबह में", "रात में", "कभी नहीं"], answer: "A" }
        ],
        level2: [
            { question: "कुपोषण का मुख्य कारण क्या है?", options: ["अपर्याप्त एवं असंतुलित भोजन", "अधिक भोजन", "व्यायाम की कमी", "नींद की कमी"], answer: "A" }
        ],
        level3: [
            { question: "स्वच्छ भारत मिशन का मुख्य उद्देश्य क्या है?", options: ["खुले में शौच को खत्म करना", "वृक्षारोपण", "जल संरक्षण", "वायु प्रदूषण कम करना"], answer: "A" }
        ]
    };
    
    // 4. पेड़-पौधे व जन्तु
    questions["पेड़-पौधे व जन्तु (Plants and Animals)"] = {
        level1: [
            { question: "पेड़ पौधों के लिए क्या आवश्यक है?", options: ["सूर्य का प्रकाश, जल, वायु, मिट्टी", "केवल पानी", "केवल धूप", "केवल मिट्टी"], answer: "A" },
            { question: "प्रकाश संश्लेषण की प्रक्रिया में क्या बनता है?", options: ["भोजन (ग्लूकोज)", "कार्बन डाईऑक्साइड", "नाइट्रोजन", "ऑक्सीजन मात्र"], answer: "A" }
        ],
        level2: [
            { question: "वनों के कटने से क्या होता है?", options: ["पर्यावरण असंतुलन", "अधिक वर्षा", "मृदा उर्वरता बढ़ना", "जलवायु ठंडी होना"], answer: "A" }
        ],
        level3: [
            { question: "जैव विविधता संरक्षण का सबसे प्रभावी तरीका क्या है?", options: ["जैवमंडल आरक्षित क्षेत्र बनाना", "वनों को पूर्णतः काटना", "अधिक पेड़ लगाना", "शिकार को प्रोत्साहन"], answer: "A" }
        ]
    };
    
    // 8. जल
    questions["जल (Water)"] = {
        level1: [
            { question: "पृथ्वी पर कितने प्रतिशत जल खारा (समुद्री) है?", options: ["97%", "70%", "50%", "30%"], answer: "A" },
            { question: "वर्षा जल संचयन का क्या उद्देश्य है?", options: ["जल संरक्षण एवं भूजल स्तर बढ़ाना", "प्रदूषण फैलाना", "नदियाँ सुखाना", "समुद्र भरना"], answer: "A" }
        ],
        level2: [
            { question: "जल चक्र में कौन सी प्रक्रिया शामिल नहीं है?", options: ["विसरण", "वाष्पीकरण", "संघनन", "वर्षण"], answer: "A" }
        ],
        level3: [
            { question: "भूजल स्तर घटने का मुख्य कारण क्या है?", options: ["अत्यधिक दोहन और कम पुनर्भरण", "अधिक वर्षा", "अधिक नदियाँ", "जलवायु परिवर्तन मात्र"], answer: "A" }
        ]
    };
    
    // 11. हमारी पृथ्वी
    questions["हमारी पृथ्वी (विश्व के महाद्वीप एवं महासागर) (Our Earth: Continents and Oceans)"] = {
        level1: [
            { question: "विश्व में कितने महाद्वीप हैं?", options: ["7", "5", "6", "8"], answer: "A" },
            { question: "सबसे बड़ा महासागर कौन सा है?", options: ["प्रशांत महासागर", "हिन्द महासागर", "अटलांटिक महासागर", "आर्कटिक महासागर"], answer: "A" }
        ],
        level2: [
            { question: "एशिया महाद्वीप का क्षेत्रफल कितना है?", options: ["लगभग 44.6 मिलियन वर्ग किमी", "30 मिलियन", "25 मिलियन", "50 मिलियन"], answer: "A" }
        ],
        level3: [
            { question: "पृथ्वी पर सबसे ऊँची पर्वत चोटी माउंट एवरेस्ट किस महाद्वीप में स्थित है?", options: ["एशिया", "अफ्रीका", "दक्षिण अमेरिका", "उत्तरी अमेरिका"], answer: "A" }
        ]
    };
    
    // 14. भारतीय संविधान
    questions["भारतीय संविधान (Indian Constitution)"] = {
        level1: [
            { question: "भारतीय संविधान कब लागू हुआ?", options: ["26 जनवरी 1950", "15 अगस्त 1947", "26 नवंबर 1949", "2 अक्टूबर 1950"], answer: "A" },
            { question: "भारतीय संविधान के मुख्य वास्तुकार कौन थे?", options: ["डॉ. भीमराव अम्बेडकर", "महात्मा गांधी", "जवाहरलाल नेहरू", "सरदार पटेल"], answer: "A" }
        ],
        level2: [
            { question: "भारतीय संविधान में मौलिक कर्तव्य किस अनुच्छेद में वर्णित हैं?", options: ["अनुच्छेद 51A", "अनुच्छेद 21", "अनुच्छेद 14", "अनुच्छेद 32"], answer: "A" }
        ],
        level3: [
            { question: "राज्य सभा के सदस्यों का कार्यकाल कितना होता है?", options: ["6 वर्ष", "5 वर्ष", "4 वर्ष", "3 वर्ष"], answer: "A" }
        ]
    };
    
    // 16. राष्ट्रीय पर्व, प्रतीक व एकता
    questions["राष्ट्रीय पर्व, राष्ट्रीय प्रतीक व राष्ट्रीय एकता (National Festivals, Symbols and Unity)"] = {
        level1: [
            { question: "भारत का राष्ट्रीय पशु कौन सा है?", options: ["बाघ", "शेर", "हाथी", "मोर"], answer: "A" },
            { question: "गणतंत्र दिवस कब मनाया जाता है?", options: ["26 जनवरी", "15 अगस्त", "2 अक्टूबर", "26 नवंबर"], answer: "A" }
        ],
        level2: [
            { question: "राष्ट्रीय एकता के लिए कौन सा सिद्धांत महत्वपूर्ण है?", options: ["एकता में विविधता", "भेदभाव", "अलगाव", "प्रतिस्पर्धा"], answer: "A" }
        ],
        level3: [
            { question: "राष्ट्रीय ध्वज के चक्र में कितनी तीलियाँ होती हैं?", options: ["24", "20", "18", "22"], answer: "A" }
        ]
    };
    
    // 17. पर्यावरण
    questions["पर्यावरण (Environment)"] = {
        level1: [
            { question: "पर्यावरण का कौन सा घटक जैविक है?", options: ["पेड़-पौधे और जीव-जंतु", "पानी", "हवा", "मिट्टी"], answer: "A" },
            { question: "ग्लोबल वार्मिंग का मुख्य कारण क्या है?", options: ["ग्रीनहाउस गैसों में वृद्धि", "ओजोन परत का क्षरण", "ज्वालामुखी विस्फोट", "सूर्य की तीव्रता"], answer: "A" }
        ],
        level2: [
            { question: "ओजोन परत का क्षरण मुख्यतः किस गैस के कारण होता है?", options: ["CFC (क्लोरोफ्लोरोकार्बन)", "कार्बन डाईऑक्साइड", "मीथेन", "नाइट्रस ऑक्साइड"], answer: "A" }
        ],
        level3: [
            { question: "सतत विकास का मुख्य उद्देश्य क्या है?", options: ["वर्तमान की जरूरतें पूरी करना भविष्य की पीढ़ियों से समझौता किए बिना", "अधिकतम आर्थिक विकास", "प्राकृतिक संसाधनों का अंधाधुंध उपयोग", "औद्योगीकरण को बढ़ावा"], answer: "A" }
        ]
    };
    
    // 23. सतत एवं व्यापक मूल्यांकन (CCE)
    questions["सतत् एवं व्यापक मूल्यांकन (Continuous and Comprehensive Evaluation)"] = {
        level1: [
            { question: "CCE का पूर्ण रूप क्या है?", options: ["Continuous and Comprehensive Evaluation", "Central Comprehensive Exam", "Continuous Class Evaluation", "Comprehensive Children Evaluation"], answer: "A" },
            { question: "CCE में मूल्यांकन के कितने पहलू होते हैं?", options: ["दो (शैक्षिक और सह-शैक्षिक)", "एक", "तीन", "चार"], answer: "A" }
        ],
        level2: [
            { question: "CCE के अंतर्गत 'फॉर्मेटिव असेसमेंट' का उद्देश्य क्या है?", options: ["अधिगम के दौरान नियमित फीडबैक देना", ["वार्षिक परीक्षा"], ["प्रतियोगिता"], ["प्रमाणन"]], answer: "A" }
        ],
        level3: [
            { question: "CCE में 'सह-शैक्षिक' क्षेत्रों में क्या शामिल है?", options: ["खेल, कला, संगीत, नैतिक शिक्षा", "केवल गणित", "केवल विज्ञान", "केवल भाषाएँ"], answer: "A" }
        ]
    };
    
    // शेष अध्यायों के लिए डिफ़ॉल्ट प्रश्न (सभी 25 अध्याय कवर)
    for (let i = 0; i < chaptersList.length; i++) {
        const chap = chaptersList[i];
        if (!questions[chap]) {
            questions[chap] = {
                level1: [
                    { question: `${chap} के अंतर्गत मुख्य शैक्षिक उद्देश्य क्या है?`, options: ["पर्यावरणीय जागरूकता एवं संरक्षण", "केवल पाठ्यक्रम पूरा करना", "रटना", "प्रतियोगिता में भाग लेना"], answer: "A" },
                    { question: `UP TET परीक्षा में ${chap} से किस प्रकार के प्रश्न पूछे जाते हैं?`, options: ["अवधारणात्मक एवं अनुप्रयोगात्मक", "केवल परिभाषाएँ", "केवल आंकड़े", "केवल नाम याद करना"], answer: "A" }
                ],
                level2: [
                    { question: `${chap} के प्रभावी शिक्षण के लिए कौन सी विधि सर्वोत्तम है?`, options: ["प्रायोगिक एवं क्रियाकलाप आधारित", "व्याख्यान विधि", "कंठस्थीकरण", "प्रश्न-उत्तर मात्र"], answer: "A" }
                ],
                level3: [
                    { question: `${chap} में विश्लेषणात्मक प्रश्नों को हल करने के लिए क्या आवश्यक है?`, options: ["विषय की गहरी समझ एवं अंतःविषय संबंध", "रटना", "अनुमान लगाना", "सूत्र याद करना"], answer: "A" }
                ]
            };
        }
    }
    
    const finalTopicList = chaptersList;
    let selectedTopics = [];
    let selectedLevel = null;
    let userProgress = { streak: 0, lastPracticeDate: null, totalProblemsSolved: 0, topicsCompleted: 0, totalTopics: finalTopicList.length };
    
    function loadUserProgress() {
        const saved = localStorage.getItem('upTetEVSProgress');
        if (saved) userProgress = JSON.parse(saved);
        const today = new Date().toDateString();
        if (userProgress.lastPracticeDate !== today) {
            const yesterday = new Date(); yesterday.setDate(yesterday.getDate() - 1);
            if (userProgress.lastPracticeDate === yesterday.toDateString()) userProgress.streak++;
            else userProgress.streak = 1;
            userProgress.lastPracticeDate = today;
            saveUserProgress();
        }
        updateUI();
    }
    function saveUserProgress() { localStorage.setItem('upTetEVSProgress', JSON.stringify(userProgress)); }
    function updateUI() {
        document.getElementById('streakDays').textContent = userProgress.streak;
        const today = new Date();
        document.getElementById('currentDate').textContent = today.toLocaleDateString('hi-IN', { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' });
        const percent = Math.min(100, Math.round((userProgress.topicsCompleted / userProgress.totalTopics) * 100));
        document.getElementById('progressFill').style.width = `${percent}%`;
        document.getElementById('progressText').textContent = `${percent}% पूर्ण (${userProgress.topicsCompleted}/${userProgress.totalTopics} अध्याय)`;
    }
    
    function getRandomQuestions(topicsArray, level, count) {
        let allQs = [];
        topicsArray.forEach(topic => {
            if (questions[topic] && questions[topic][`level${level}`]) {
                allQs = allQs.concat(questions[topic][`level${level}`]);
            }
        });
        if(allQs.length === 0) return [{ question: "पर्यावरण अध्ययन का मुख्य उद्देश्य क्या है?", options: ["पर्यावरणीय जागरूकता एवं संवेदनशीलता विकसित करना", "केवल जानकारी देना", "परीक्षा उत्तीर्ण करना", "तथ्य याद करना"], answer: "A" }];
        allQs = allQs.sort(() => Math.random() - 0.5);
        return allQs.slice(0, count);
    }
    
    function renderTopics() {
        const container = document.getElementById('topicsContainer');
        container.innerHTML = `<div class="checkbox-item" style="background:#e9f5ec;"><input type="checkbox" id="fullSyllabus" value="full"><label for="fullSyllabus"><strong>✅ संपूर्ण पाठ्यक्रम (सभी 25 अध्याय)</strong></label></div>`;
        finalTopicList.forEach(topic => {
            const id = `topic_${topic.replace(/[\s,?()]/g, '_').substring(0, 30)}`;
            container.innerHTML += `<div class="checkbox-item"><input type="checkbox" id="${id}" name="topic" value="${topic}"><label for="${id}">${topic}</label></div>`;
        });
        document.getElementById('fullSyllabus')?.addEventListener('change', (e) => {
            const allCheckboxes = document.querySelectorAll('input[name="topic"]');
            allCheckboxes.forEach(cb => cb.disabled = e.target.checked);
            if(e.target.checked) allCheckboxes.forEach(cb => cb.checked = false);
        });
    }
    
    // Event listeners
    document.getElementById('customPracticeBtn').addEventListener('click', () => { startScreen.classList.add('hidden'); subjectSelection.classList.remove('hidden'); });
    document.getElementById('selectEVSBtn').addEventListener('click', () => { renderTopics(); subjectSelection.classList.add('hidden'); topicSelection.classList.remove('hidden'); });
    document.getElementById('backToStartBtn').addEventListener('click', () => { topicSelection.classList.add('hidden'); startContainer.classList.remove('hidden'); startScreen.classList.remove('hidden'); updateUI(); });
    document.getElementById('generateAssignmentBtn').addEventListener('click', () => {
        const full = document.getElementById('fullSyllabus')?.checked;
        if (full) selectedTopics = [...finalTopicList];
        else selectedTopics = Array.from(document.querySelectorAll('input[name="topic"]:checked')).map(cb => cb.value);
        if (selectedTopics.length === 0) { alert("कृपया कम से कम एक अध्याय चुनें!"); return; }
        topicSelection.classList.add('hidden');
        levelSelection.classList.remove('hidden');
    });
    document.getElementById('backToTopicsBtn').addEventListener('click', () => { levelSelection.classList.add('hidden'); topicSelection.classList.remove('hidden'); });
    document.getElementById('level1Btn').addEventListener('click', () => { document.querySelectorAll('.btn-level').forEach(b => b.classList.remove('selected')); document.getElementById('level1Btn').classList.add('selected'); selectedLevel = 1; });
    document.getElementById('level2Btn').addEventListener('click', () => { document.querySelectorAll('.btn-level').forEach(b => b.classList.remove('selected')); document.getElementById('level2Btn').classList.add('selected'); selectedLevel = 2; });
    document.getElementById('level3Btn').addEventListener('click', () => { document.querySelectorAll('.btn-level').forEach(b => b.classList.remove('selected')); document.getElementById('level3Btn').classList.add('selected'); selectedLevel = 3; });
    document.getElementById('generateFinalBtn').addEventListener('click', () => { if (!selectedLevel) { alert("कृपया कठिनाई स्तर चुनें!"); return; } generateAssignment(); });
    document.getElementById('homeIconBtn').addEventListener('click', (e) => { e.preventDefault(); backToStart(); });
    document.getElementById('problemOfDayBtn').addEventListener('click', generateProblemOfDay);
    
    function generateAssignment() {
        startContainer.classList.add('hidden');
        levelSelection.classList.add('hidden');
        generatedPaperContainer.classList.remove('hidden');
        const topicNames = selectedTopics.length > 5 ? selectedTopics.slice(0,5).join(", ")+" ..." : selectedTopics.join(", ");
        const mcqs = getRandomQuestions(selectedTopics, selectedLevel, 10);
        let paperContent = `
            <div class="header"><h2>📘 UP TET पेपर-1 (पर्यावरण अध्ययन - EVS)</h2><h3>📌 ${selectedTopics.length === finalTopicList.length ? "संपूर्ण पाठ्यक्रम (25 अध्याय)" : topicNames.substring(0, 85)}</h3><p>⚡ कठिनाई स्तर ${selectedLevel} — ${selectedLevel === 1 ? "बेसिक" : selectedLevel === 2 ? "मध्यम (UP TET मानक)" : "उन्नत"}</p></div>
            <div class="content-area"><div class="instructions"><p><strong>निर्देश (EVS Practice):</strong></p><ol><li>इस सेट में 10 बहुविकल्पी प्रश्न हैं।</li><li>प्रत्येक प्रश्न पर्यावरण अध्ययन के विभिन्न अध्यायों पर आधारित है।</li><li>15-20 मिनट में हल करें, फिर उत्तर कुंजी से मिलाएँ।</li></ol></div>
            <div class="question-section"><div style="font-size:1.4rem; margin-bottom:20px; font-weight:bold;">✍️ अभ्यास प्रश्न</div>`;
        let qNum = 1;
        mcqs.forEach(mcq => {
            paperContent += `<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++;
        });
        paperContent += `</div><div class="answer-sheet"><h3 class="section-title">🔑 उत्तर कुंजी</h3><table class="answer-table"><thead><tr><th>प्रश्न सं.</th><th>उत्तर</th><th>प्रश्न सं.</th><th>उत्तर</th></tr></thead><tbody>`;
        for (let i = 0; i < mcqs.length; i += 2) {
            paperContent += `<tr><td>${i+1}</td><td><strong>${mcqs[i].answer}</strong></td>`;
            if (i+1 < mcqs.length) paperContent += `<td>${i+2}</td><td><strong>${mcqs[i+1].answer}</strong></td>`;
            else paperContent += `<td></td><td></td>`;
            paperContent += `</tr>`;
        }
        paperContent += `</tbody></table></div><div class="action-buttons"><button class="btn btn-success" id="markCompleteBtn"><i class="fas fa-check-circle"></i> पूर्ण चिह्नित करें</button><button class="btn btn-primary" id="printBtn"><i class="fas fa-print"></i> प्रिंट / PDF</button><button class="btn btn-danger" id="newAssignmentBtn"><i class="fas fa-undo-alt"></i> नया अभ्यास</button></div></div>`;
        generatedPaperContainer.innerHTML = paperContent;
        document.getElementById('markCompleteBtn')?.addEventListener('click', markPracticeComplete);
        document.getElementById('printBtn')?.addEventListener('click', () => window.print());
        document.getElementById('newAssignmentBtn')?.addEventListener('click', backToStart);
    }
    
    function markPracticeComplete() {
        userProgress.totalProblemsSolved += 10;
        let newlyCompleted = 0;
        selectedTopics.forEach(t => { if (!userProgress[`comp_${t}`]) { userProgress[`comp_${t}`] = true; newlyCompleted++; } });
        userProgress.topicsCompleted = Math.min(userProgress.totalTopics, userProgress.topicsCompleted + newlyCompleted);
        saveUserProgress(); updateUI();
        alert("🎉 शानदार! अभ्यास पूर्ण हुआ। प्रगति सहेजी गई।");
        backToStart();
    }
    
    function generateProblemOfDay() {
        const randomTopic = finalTopicList[Math.floor(Math.random() * finalTopicList.length)];
        const randomLevel = Math.floor(Math.random() * 3) + 1;
        selectedTopics = [randomTopic]; selectedLevel = randomLevel;
        startContainer.classList.add('hidden');
        generatedPaperContainer.classList.remove('hidden');
        const mcq = getRandomQuestions(selectedTopics, selectedLevel, 1)[0];
        let content = `<div class="header"><h2>🌟 दिन की चुनौती (पर्यावरण अध्ययन)</h2><h3>🎯 ${randomTopic}</h3><p>स्तर ${randomLevel}</p></div><div class="content-area"><div class="problem-of-day"><h3><i class="fas fa-star-of-life"></i> आज का अभ्यास प्रश्न</h3><p>अपनी पर्यावरणीय जागरूकता बढ़ाएं!</p></div><div class="daily-summary"><div class="summary-card"><h4>🔥 लगातार</h4><p>${userProgress.streak} दिन</p></div><div class="summary-card"><h4>✅ हल प्रश्न</h4><p>${userProgress.totalProblemsSolved}</p></div><div class="summary-card"><h4>📚 प्रगति</h4><p>${Math.round((userProgress.topicsCompleted / userProgress.totalTopics) * 100)}%</p></div></div><div class="question"><div class="question-text">${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><div class="answer-sheet"><h3>📌 समाधान</h3><p><strong>सही उत्तर:</strong> ${mcq.answer}</p><p><strong>व्याख्या:</strong> UP TET पर्यावरण अध्ययन अवधारणा के अनुसार</p></div><div class="action-buttons"><button class="btn btn-success" id="markCompleteDailyBtn"><i class="fas fa-check"></i> पूर्ण किया</button><button class="btn btn-primary" id="printBtn">प्रिंट करें</button><button class="btn btn-danger" id="newAssignmentBtn">नया अभ्यास</button></div></div>`;
        generatedPaperContainer.innerHTML = content;
        document.getElementById('markCompleteDailyBtn')?.addEventListener('click', () => { userProgress.totalProblemsSolved++; saveUserProgress(); updateUI(); alert("बधाई हो! दिन की समस्या हल हुई।"); backToStart(); });
        document.getElementById('printBtn')?.addEventListener('click', () => window.print());
        document.getElementById('newAssignmentBtn')?.addEventListener('click', backToStart);
    }
    
    function backToStart() {
        generatedPaperContainer.classList.add('hidden');
        startContainer.classList.remove('hidden');
        topicSelection.classList.add('hidden');
        levelSelection.classList.add('hidden');
        subjectSelection.classList.add('hidden');
        startScreen.classList.remove('hidden');
        updateUI();
    }
    document.addEventListener('DOMContentLoaded', () => { loadUserProgress(); });
</script>
</body>
</html>