<!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 2 - विज्ञान अभ्यास सेट जनरेटर</title>
    <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232c7da0'%3E%3Cpath d='M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5'/%3E%3C/svg%3E">
    <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: #2c7da0;
            --primary-dark: #1f5068;
            --secondary: #61a5c2;
            --danger: #e63946;
            --success: #2a9d8f;
            --light: #f0f9ff;
            --dark: #2c3e50;
            --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', 'Noto Sans', 'Noto Sans Devanagari', system-ui, sans-serif; }
        body { background: linear-gradient(135deg, #e8f4f8 0%, #d4eaf0 100%); min-height: 100vh; display: flex; justify-content: center; align-items: center; padding: 20px; color: var(--dark); }
        .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; top: -50px; right: -50px; width: 150px; height: 150px; background: rgba(255,255,255,0.1); border-radius: 50%; }
        .header h1 { font-size: 1.5rem; margin-bottom: 10px; font-weight: 700; position: relative; z-index: 1; }
        .header p { font-size: 0.9rem; 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); }
        .btn-success { background: var(--success); color: white; }
        .btn-success:hover { background: #21867a; transform: translateY(-2px); }
        .btn-danger { background: var(--danger); color: white; }
        .btn-danger:hover { background: #c1121f; transform: translateY(-2px); }
        .btn-level { background: var(--light); color: var(--dark); border: 2px solid var(--gray); font-size: 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.4rem; 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(44,125,160,0.05); }
        .option-icon { font-size: 2.5rem; color: var(--primary); margin-bottom: 15px; }
        .option-title { font-size: 1.1rem; font-weight: 600; margin-bottom: 10px; color: var(--primary-dark); }
        .option-description { color: var(--gray); font-size: 0.8rem; }
        .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; }
        .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: #f0f9ff; border-radius: var(--border-radius); border-left: 5px solid var(--primary); }
        .instructions ol { padding-left: 20px; margin-top: 10px; }
        .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.1rem; } }
        @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-paper2-practice-set-generator.html" class="home-icon" ><i class="fas fa-home"></i></a>
        <h1>🔬 UP TET PAPER 2 - विज्ञान अभ्यास सेट जनरेटर</h1>
        <p>जीव विज्ञान, भौतिक विज्ञान, रसायन विज्ञान, पर्यावरण एवं अध्यापन सम्बन्धी मुद्दे</p>
    </div>
    <div class="content-area">
        <div id="startScreen">
            <h2 class="section-title">विज्ञान अभ्यास सेट जनरेटर</h2>
            <p class="text-center">UP TET Paper 2 हेतु विज्ञान के सम्पूर्ण पाठ्यक्रम (जीव विज्ञान, भौतिकी, रसायन, पर्यावरण, शिक्षण विधियाँ) पर आधारित अभ्यास सेट</p>
            <div class="btn-group"><button class="btn btn-primary" id="startGeneratingBtn">अभ्यास सेट बनाना शुरू करें →</button></div>
        </div>

        <div id="practiceTypeSelection" class="hidden">
            <h2 class="section-title">अभ्यास का प्रकार चुनें</h2>
            <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">विज्ञान के विषय चुनें (अध्यायवार)</h2>
            <form id="chapterForm"><div class="checkbox-container" id="scienceTopicsContainer"></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">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>मध्यम (नियम एवं अनुप्रयोग)</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;
    // ========== विज्ञान के अध्याय (TET पाठ्यक्रम अनुसार 35 विषय) ==========
    const scienceChapters = [
        "दैनिक जीवन में विज्ञान", "महत्वपूर्ण खोज, महत्व", "मानव विज्ञान एवं प्रौद्योगिकी", "रेशे एवं वस्त्र (प्रक्रिया)",
        "सजीव, निर्जीव पदार्थ – जीव जगत, वर्गीकरण", "पौधों एवं जन्तुओं का वर्गीकरण", "जीवों में अनुकूलन, परिवर्तन",
        "जन्तु की संरचना एवं कार्य", "सूक्ष्म जीव एवं उनका वर्गीकरण", "कोशिका से अंगतन्त्र तक", "किशोरावस्था, विकलांगता",
        "भोजन, स्वास्थ्य, स्वच्छता एवं रोग, फसल उत्पादन, नाइट्रोजन चक्र", "जन्तुओं में पोषण", "पौधों में पोषण, जनन, लाभदायक पौधे",
        "जीवों में श्वसन, उत्सर्जन, लाभदायक जन्तु", "मापन", "विद्युत धारा", "चुम्बकत्व", "गति, बल एवं यंत्र", "ऊर्जा",
        "कम्प्यूटर", "ध्वनि", "स्थिर विद्युत", "प्रकाश एवं प्रकाश यंत्र", "वायु – गुण, संघटन, ओजोन परत, हरित गृह प्रभाव",
        "जल – आवश्यकता, स्रोत, गुण, प्रदूषण, संरक्षण", "पदार्थ, पदार्थों के समूह, पृथक्करण, संरचना", "पास-पड़ोस में परिवर्तन, भौतिक एवं रासायनिक परिवर्तन",
        "अम्ल, क्षार, लवण", "ऊष्मा एवं ताप", "मानव निर्मित वस्तुएँ – प्लास्टिक, काँच, साबुन, मृत्तिका", "खनिज एवं धातु",
        "कार्बन एवं उसके यौगिक", "ऊर्जा के वैकल्पिक स्रोत", "अध्यापन सम्बन्धी मुद्दे (विज्ञान शिक्षण)"
    ];

    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 });
    }

    // ===================== विज्ञान प्रश्न डेटाबेस (TET स्तरीय) =====================
    // जीव विज्ञान
    addQuestion(scienceChapters[4],1,"मनुष्य किस जगत में शामिल है?",["पादप","प्राणी","कवक","मोनेरा"],"B");
    addQuestion(scienceChapters[5],1,"पौधों में कोशिका भित्ति किससे बनी होती है?",["प्रोटीन","सेलुलोज","लिपिड","काइटिन"],"B");
    addQuestion(scienceChapters[6],1,"रेगिस्तान में ऊँट का अनुकूलन है?",["लंबी गर्दन","कूबड़ में वसा संचय","बड़े कान","लंबी पूँछ"],"B");
    addQuestion(scienceChapters[7],1,"हृदय किस प्रकार का अंग है?",["पेशीय","तंत्रिकीय","उपकला","संयोजी"],"A");
    addQuestion(scienceChapters[8],1,"जीवाणु किस श्रेणी में आते हैं?",["प्रोटोजोआ","मोनेरा","कवक","शैवाल"],"B");
    addQuestion(scienceChapters[9],1,"कोशिका का 'पावर हाउस' कहलाता है?",["नाभिक","राइबोसोम","माइटोकॉन्ड्रिया","लाइसोसोम"],"C");
    addQuestion(scienceChapters[11],1,"प्रकाश संश्लेषण में पौधे कौन सी गैस छोड़ते हैं?",["कार्बन डाइऑक्साइड","ऑक्सीजन","नाइट्रोजन","हाइड्रोजन"],"B");
    addQuestion(scienceChapters[12],1,"मनुष्य में पाचन क्रिया कहाँ प्रारम्भ होती है?",["पेट","आमाशय","मुख","छोटी आंत"],"C");
    addQuestion(scienceChapters[13],1,"नाइट्रोजन स्थिरीकरण में कौन सा जीवाणु सहायक है?",["लैक्टोबैसिलस","राइजोबियम","ई.कोली","साल्मोनेला"],"B");
    // भौतिक विज्ञान
    addQuestion(scienceChapters[15],1,"SI प्रणाली में द्रव्यमान का मात्रक है?",["ग्राम","किलोग्राम","न्यूटन","पाउंड"],"B");
    addQuestion(scienceChapters[16],1,"विद्युत धारा का SI मात्रक क्या है?",["वोल्ट","ओम","एम्पीयर","वाट"],"C");
    addQuestion(scienceChapters[17],1,"चुम्बक के दो ध्रुव होते हैं – उत्तर और?",["पूर्व","पश्चिम","दक्षिण","ऊर्ध्व"],"C");
    addQuestion(scienceChapters[18],1,"बल का SI मात्रक है?",["जूल","न्यूटन","वाट","पास्कल"],"B");
    addQuestion(scienceChapters[19],1,"ऊर्जा का SI मात्रक है?",["न्यूटन","जूल","वाट","हर्ट्ज"],"B");
    addQuestion(scienceChapters[21],1,"ध्वनि की चाल सबसे अधिक किसमें होती है?",["वायु","जल","ठोस","निर्वात"],"C");
    addQuestion(scienceChapters[22],1,"स्थिर विद्युत आवेश किसके कारण उत्पन्न होता है?",["इलेक्ट्रॉनों का स्थानांतरण","प्रोटॉनों का प्रवाह","न्यूट्रॉनों की गति","परमाणु विखंडन"],"A");
    addQuestion(scienceChapters[23],1,"दर्पण में प्रतिबिम्ब बनने का नियम किस पर आधारित है?",["अपवर्तन","परावर्तन","विवर्तन","प्रकीर्णन"],"B");
    // रसायन विज्ञान
    addQuestion(scienceChapters[27],1,"लोहे में जंग लगना किस प्रकार का परिवर्तन है?",["भौतिक","रासायनिक","नाभिकीय","प्रतिवर्ती"],"B");
    addQuestion(scienceChapters[28],1,"सिरका में कौन सा अम्ल पाया जाता है?",["साइट्रिक अम्ल","एसिटिक अम्ल","लैक्टिक अम्ल","सल्फ्यूरिक अम्ल"],"B");
    addQuestion(scienceChapters[28],2,"सोडियम क्लोराइड (NaCl) किसका उदाहरण है?",["अम्ल","क्षार","लवण","आक्साइड"],"C");
    addQuestion(scienceChapters[29],1,"तापमान मापने का SI मात्रक है?",["सेल्सियस","फारेनहाइट","केल्विन","रैंकिन"],"C");
    addQuestion(scienceChapters[31],1,"सबसे अधिक विद्युत चालकता किस धातु में होती है?",["लोहा","ताँबा","चाँदी","एल्युमीनियम"],"C");
    addQuestion(scienceChapters[32],1,"कार्बन का अपररूप कौन सा है?",["हीरा","ग्रेफाइट","फुलरीन","उपरोक्त सभी"],"D");
    // पर्यावरण एवं अन्य
    addQuestion(scienceChapters[24],1,"ओजोन परत का मुख्य कार्य क्या है?",["ऑक्सीजन प्रदान करना","हानिकारक UV किरणों को रोकना","ग्लोबल वार्मिंग रोकना","वर्षा लाना"],"B");
    addQuestion(scienceChapters[25],1,"जल का pH मान कितना होता है?",["5","6","7","8"],"C");
    addQuestion(scienceChapters[33],1,"सौर ऊर्जा किस प्रकार का ऊर्जा स्रोत है?",["परम्परागत","नवीकरणीय","जीवाश्म ईंधन","नाभिकीय"],"B");
    addQuestion(scienceChapters[0],1,"विज्ञान शिक्षण में प्रयोगात्मक विधि का मुख्य लाभ है?",["रटना","अवधारणाओं को ठोस बनाना","परीक्षा उत्तीर्ण करना","समय बचाना"],"B");
    addQuestion(scienceChapters[34],1,"विज्ञान शिक्षण में 'आगमन विधि' (Inductive Method) किस पर जोर देती है?",["सूत्रों का सीधा देना","उदाहरणों से सिद्धांत की ओर","कंठस्थ करना","निगमन"],"B");
    addQuestion(scienceChapters[34],2,"विज्ञान प्रयोगशाला में सुरक्षा के लिए आवश्यक नहीं है?",["धूम्रपान करना","आई वॉश स्टेशन","प्राथमिक चिकित्सा किट","लेब कोट पहनना"],"A");
    addQuestion(scienceChapters[34],3,"निदानात्मक शिक्षण का उद्देश्य विज्ञान में है?",["नई अवधारणा पढ़ाना","त्रुटियों एवं कमियों का पता लगाना","पाठ योजना बनाना","मूल्यांकन करना"],"B");
    
    // फॉलबैक प्रश्न
    for(let i=0; i<scienceChapters.length; i++) {
        const chap = scienceChapters[i];
        if(!questions[chap]) questions[chap] = { level1: [], level2: [], level3: [] };
        if(questions[chap].level1.length < 2) questions[chap].level1.push({ question:`${chap} का बुनियादी प्रश्न: सही विकल्प चुनें।`, options:["विकल्प A","विकल्प B","विकल्प C","विकल्प D"], answer:"A" });
        if(questions[chap].level2.length < 2) questions[chap].level2.push({ question:`${chap} (मध्यम स्तर) : सही कथन चुनिए।`, options:["कथन 1","कथन 2","कथन 3","कथन 4"], answer:"B" });
        if(questions[chap].level3.length < 2) questions[chap].level3.push({ question:`${chap} उच्च स्तर: निम्न में से सही विकल्प चुनें।`, options:["विकल्प 1","विकल्प 2","विकल्प 3","विकल्प 4"], answer:"C" });
    }

    // DOM elements
    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 = [], selectedLevel = null, selectedPracticeType = null, questionCount = 50, timeLimit = 60;

    function loadTopics() {
        const container = document.getElementById('scienceTopicsContainer');
        container.innerHTML = `<div class="checkbox-item"><input type="checkbox" id="fullPaper" name="scienceTopic" value="सभी विषय"><label for="fullPaper">सभी विषय (सम्पूर्ण विज्ञान पाठ्यक्रम)</label></div>`;
        scienceChapters.forEach((topic, idx) => {
            const id = `scienceTopic${idx}`;
            container.innerHTML += `<div class="checkbox-item"><input type="checkbox" id="${id}" name="scienceTopic" value="${topic}"><label for="${id}">${topic}</label></div>`;
        });
        document.getElementById('fullPaper')?.addEventListener('change', (e) => {
            const checkboxes = document.querySelectorAll('input[name="scienceTopic"]: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 [...scienceChapters];
        return Array.from(document.querySelectorAll('input[name="scienceTopic"]: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 2 - विज्ञान)'; if(type === 'previous-year') return 'पिछले वर्षों के प्रश्न (प्रतिरूप)'; 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, #2c7da0, #1f5068);"><h2>🔬 UP TET PAPER 2 - विज्ञान</h2><h3>${getPracticeTypeName(selectedPracticeType)}</h3><p>स्तर ${selectedLevel} - ${selectedLevel===1?"बुनियादी (अवधारणाएँ)":selectedLevel===2?"मध्यम (नियम एवं अनुप्रयोग)":"उच्च (विश्लेषण एवं अध्यापन)"} | समय: ${timeLimit} मिनट</p><p>कुल प्रश्न: ${questionCount}</p></div>
        <div class="content-area"><div class="instructions"><strong>निर्देश:</strong><ol><li>इस सेट में विज्ञान (जीव विज्ञान, भौतिकी, रसायन, पर्यावरण) के ${questionCount} बहुविकल्पीय प्रश्न हैं।</li><li>प्रत्येक प्रश्न के चार विकल्प, केवल एक सही।</li><li>समय सीमा: ${timeLimit} मिनट, UP TET Paper 2 अभ्यास हेतु।</li></ol></div>
        <div class="question-section"><div class="section-heading" style="font-size:1.2rem; font-weight:bold;">विज्ञान प्रश्न</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;
            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: 1.5, windowHeight: pageHeight * 3.78, windowWidth: pageWidth * 3.78, y: position * 3.78, height: pageHeight * 3.78, 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 += pageHeight;
                remainingHeight -= pageHeight * 3.78;
                pageNum++;
            }
            pdf.save('UP_TET_Science_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;
    document.querySelector('.timer-btn[data-time="60"]')?.classList.add('selected');
</script>
</body>
</html>