<!DOCTYPE html>
<html lang="hi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>UP TET पेपर 2 - गणित (Mathematics) असाइनमेंट जनरेटर</title>
    <link href="img/logo1.jpg" rel="icon">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        :root {
            --primary: #1e6f5c;
            --primary-dark: #135a4a;
            --secondary: #289672;
            --danger: #e5533b;
            --success: #2c7da0;
            --light: #eefbfb;
            --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', Tahoma, Geneva, Verdana, sans-serif; }
        body { background: linear-gradient(135deg, #e0f2f1 0%, #b2dfdb 100%); min-height: 100vh; display: flex; justify-content: center; align-items: center; padding: 20px; color: var(--dark); line-height: 1.6; }
        .container { width: 100%; max-width: 950px; background: white; border-radius: var(--border-radius); box-shadow: var(--box-shadow); overflow: hidden; transition: var(--transition); animation: fadeIn 0.5s ease-out; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
        .header { background: linear-gradient(135deg, var(--primary), var(--primary-dark)); color: white; padding: 30px 20px; text-align: center; position: relative; overflow: hidden; }
        .header::before { content: ''; position: absolute; top: -50px; right: -50px; width: 150px; height: 150px; background: rgba(255, 255, 255, 0.1); border-radius: 50%; }
        .header h1 { font-size: 2rem; margin-bottom: 10px; font-weight: 700; position: relative; z-index: 1; }
        .header p { font-size: 1rem; opacity: 0.9; position: relative; z-index: 1; }
        .content-area { padding: 30px; }
        .hidden { display: none !important; }
        .btn { display: inline-block; padding: 12px 28px; border-radius: 50px; font-weight: 600; cursor: pointer; transition: var(--transition); border: none; text-align: center; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); margin: 10px 5px; }
        .btn-primary { background: var(--primary); color: white; }
        .btn-primary:hover { background: var(--primary-dark); transform: translateY(-2px); box-shadow: 0 8px 15px rgba(30, 111, 92, 0.3); }
        .btn-success { background: var(--success); color: white; }
        .btn-success:hover { background: #1f5e7a; transform: translateY(-2px); }
        .btn-danger { background: var(--danger); color: white; }
        .btn-danger:hover { background: #c53a1f; transform: translateY(-2px); }
        .btn-level { background: var(--light); color: var(--dark); border: 2px solid var(--gray); font-size: 1.2rem; padding: 15px 30px; width: 200px; }
        .btn-level:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); }
        .btn-level.selected { background: var(--primary); color: white; border-color: var(--primary); }
        .btn-group { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 20px 0; }
        .level-buttons { display: flex; justify-content: center; gap: 20px; margin: 30px 0; }
        .section-title { text-align: center; margin-bottom: 25px; color: var(--primary-dark); font-size: 1.5rem; position: relative; padding-bottom: 10px; }
        .section-title::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 80px; height: 3px; background: var(--secondary); border-radius: 3px; }
        .checkbox-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; margin: 25px 0; max-height: 500px; overflow-y: auto; padding: 10px; border: 1px solid #eee; border-radius: var(--border-radius); }
        .checkbox-item { display: flex; align-items: center; }
        .checkbox-item input { margin-right: 10px; width: 18px; height: 18px; cursor: pointer; }
        .checkbox-item label { cursor: pointer; font-size: 0.9rem; }
        .instructions { margin-bottom: 30px; padding: 20px; background: #f8f9fa; border-radius: var(--border-radius); }
        .instructions ol { padding-left: 20px; margin-top: 10px; }
        .instructions li { margin-bottom: 8px; }
        .question-section { margin-bottom: 30px; }
        .section-heading { font-weight: 600; color: var(--primary-dark); margin-bottom: 15px; padding-bottom: 5px; border-bottom: 1px solid #eee; }
        .question { margin-bottom: 20px; page-break-inside: avoid; }
        .question-text { font-weight: 500; margin-bottom: 8px; }
        .option { margin-left: 20px; margin-bottom: 5px; }
        .action-buttons { display: flex; justify-content: center; flex-wrap: wrap; gap: 15px; margin-top: 40px; }
        .answer-sheet { margin-top: 40px; padding: 20px; background: #f8f9fa; border-radius: var(--border-radius); }
        .answer-table { width: 100%; border-collapse: collapse; margin-top: 15px; }
        .answer-table th, .answer-table td { border: 1px solid #ddd; padding: 8px; text-align: center; }
        .answer-table th { background-color: var(--primary); color: white; }
        .answer-table tr:nth-child(even) { background-color: #f2f2f2; }
        @media (max-width: 768px) { .header h1 { font-size: 1.6rem; } .content-area { padding: 20px; } .checkbox-container { grid-template-columns: 1fr; } .btn { padding: 10px 20px; font-size: 0.9rem; } .btn-level { width: 150px; font-size: 1rem; padding: 12px 20px; } .level-buttons { flex-direction: column; align-items: center; } }
        @media (max-width: 480px) { .header { padding: 20px 15px; } .section-title { font-size: 1.3rem; } .action-buttons { flex-direction: column; align-items: center; } .btn { width: 100%; max-width: 250px; } }
        @media print { body { background: none; padding: 0; } .container { box-shadow: none; max-width: 100%; } .action-buttons { display: none; } .question { page-break-inside: avoid; } .header { -webkit-print-color-adjust: exact; print-color-adjust: exact; } }
        .home-icon { position: absolute; top: 20px; left: 20px; color: white; font-size: 24px; cursor: pointer; transition: var(--transition); z-index: 2; text-decoration: none; display: inline-block; }
        .home-icon:hover { transform: scale(1.1); color: rgba(255, 255, 255, 0.8); }
        @media (max-width: 480px) { .home-icon { font-size: 20px; top: 15px; left: 15px; } }
        @media print { .home-icon { display: none; } }
        .temp-pdf-container { font-family: Arial, sans-serif; line-height: 1.5; width: 794px; background-color: white; color: black; }
        .question { page-break-inside: avoid; break-inside: avoid; }
        .text-center { text-align: center; margin-bottom: 15px; }
    </style>
    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4930137336556867" crossorigin="anonymous"></script>
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-KMZ9RJ62EY"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'G-KMZ9RJ62EY');
    </script>
</head>
<body>
<div class="container" id="startContainer">
    <div class="header">
        <a href="up-tet-exam-paper2-assignment-generator.html" class="home-icon" ><i class="fas fa-home"></i></a>
        <h1>UP TET पेपर 2 - गणित (Mathematics)</h1>
        <p>गणित शिक्षण एवं अभ्यास असाइनमेंट जनरेटर</p>
    </div>
    <div class="content-area">
        <div id="startScreen">
            <h2 class="section-title">गणित असाइनमेंट जनरेटर</h2>
            <div class="btn-group">
                <button class="btn btn-primary" id="startGeneratingBtn">असाइनमेंट बनाएँ</button>
            </div>
        </div>
        <div id="subjectSelection" class="hidden">
            <h2 class="section-title">विषय का चयन करें</h2>
            <div class="btn-group">
                <button class="btn btn-primary" id="selectMathBtn">गणित (Mathematics - TET Paper 2)</button>
            </div>
        </div>
        <div id="chapterSelection" class="hidden">
            <h2 class="section-title">इकाई / अध्याय चुनें</h2>
            <div id="chapterCheckboxContainer" class="checkbox-container"></div>
            <div class="btn-group">
                <button class="btn btn-danger" id="backToStartBtn">प्रारंभ पर वापस जाएँ</button>
                <button class="btn btn-success" id="generateAssignmentBtn">असाइनमेंट बनाएँ</button>
            </div>
        </div>
        <div id="levelSelection" class="hidden">
            <h2 class="section-title">कठिनाई स्तर चुनें</h2>
            <p class="text-center">अपने असाइनमेंट के लिए स्तर का चयन करें:</p>
            <div class="level-buttons">
                <button class="btn btn-level" id="level1Btn">स्तर 1<br><small>बेसिक स्तर</small></button>
                <button class="btn btn-level" id="level2Btn">स्तर 2<br><small>मध्यम स्तर</small></button>
                <button class="btn btn-level" id="level3Btn">स्तर 3<br><small>परीक्षा स्तर</small></button>
            </div>
            <div class="btn-group">
                <button class="btn btn-danger" id="backToChaptersBtn">विषयों पर वापस जाएँ</button>
                <button class="btn btn-success" id="generateFinalBtn">असाइनमेंट जनरेट करें</button>
            </div>
        </div>
    </div>
</div>
<div class="container hidden" id="generatedPaperContainer"></div>

<script>
    (function() {
    const { jsPDF } = window.jspdf;
    
    // Complete Mathematics Question Bank for 20 Topics as per UP TET Paper 2
    const questions = {
        "1. प्राकृतिक संख्याएँ, पूर्ण संख्याएँ, परिमेय संख्याएँ": {
            level1: [{ question: "सबसे छोटी प्राकृतिक संख्या कौन सी है?", options: ["1", "0", "2", "कोई नहीं"], answer: "A" }, { question: "परिमेय संख्या किसे कहते हैं?", options: ["p/q के रूप की संख्या", "अपरिमेय संख्या", "केवल पूर्णांक", "दशमलव संख्या"], answer: "A" }],
            level2: [{ question: "0.666... को परिमेय संख्या के रूप में लिखें:", options: ["2/3", "3/2", "1/3", "4/5"], answer: "A" }],
            level3: [{ question: "√2 किस प्रकार की संख्या है?", options: ["अपरिमेय", "परिमेय", "प्राकृतिक", "पूर्ण"], answer: "A" }]
        },
        "2. पूर्णांक, कोष्ठक, लघुतम समापवर्त्य एवं महत्तम समापवर्तक": {
            level1: [{ question: "12 और 18 का म.स.प. (HCF) ज्ञात कीजिए:", options: ["6", "3", "9", "12"], answer: "A" }, { question: "15 और 20 का ल.स.प. (LCM) है:", options: ["60", "30", "45", "50"], answer: "A" }],
            level2: [{ question: "(-5) + 7 - (-3) का मान है:", options: ["5", "9", "-1", "1"], answer: "A" }],
            level3: [{ question: "दो संख्याओं का LCM 72 और HCF 12 है। यदि एक संख्या 24 है, तो दूसरी संख्या ज्ञात करें:", options: ["36", "24", "48", "60"], answer: "A" }]
        },
        "3. वर्गमूल": { level1: [{ question: "144 का वर्गमूल क्या है?", options: ["12", "14", "16", "18"], answer: "A" }], level2: [{ question: "√(625) + √(169) का मान है:", options: ["38", "32", "36", "40"], answer: "A" }], level3: [{ question: "यदि √(x) = 15, तो x का मान क्या है?", options: ["225", "125", "200", "250"], answer: "A" }] },
        "4. घनमूल": { level1: [{ question: "216 का घनमूल क्या है?", options: ["6", "8", "4", "10"], answer: "A" }], level2: [{ question: "∛512 का मान है:", options: ["8", "6", "12", "10"], answer: "A" }], level3: [{ question: "यदि ∛x = 5, तो x = ?", options: ["125", "25", "625", "75"], answer: "A" }] },
        "5. सर्वसमिकाएँ": { level1: [{ question: "(a+b)² का विस्तार क्या है?", options: ["a²+2ab+b²", "a²+b²", "a²-2ab+b²", "2ab"], answer: "A" }], level2: [{ question: "a² - b² किसके बराबर है?", options: ["(a-b)(a+b)", "(a-b)²", "(a+b)²", "a²+b²"], answer: "A" }], level3: [{ question: "(x+3)(x-3) का मान है:", options: ["x²-9", "x²+9", "x²-6x+9", "x²+6x+9"], answer: "A" }] },
        "6. बीजगणित – चर संख्याएँ, अचर संख्याएँ, चर संख्याओं की घात": { level1: [{ question: "बीजीय व्यंजक 3x + 4 में चर क्या है?", options: ["x", "3", "4", "+"], answer: "A" }], level2: [{ question: "5x² में x की घात क्या है?", options: ["2", "1", "3", "5"], answer: "A" }], level3: [{ question: "अचर संख्या का उदाहरण है:", options: ["7", "x", "y", "2a"], answer: "A" }] },
        "7. बीजीय व्यंजकों का जोड़, घटाना, गुणा एवं भाग": { level1: [{ question: "(3x + 2y) + (4x - y) = ?", options: ["7x + y", "7x + 3y", "12x - 2y", "x + y"], answer: "A" }], level2: [{ question: "सजातीय पद किसे कहते हैं?", options: ["समान चर वाले पद", "भिन्न चर वाले", "अचर पद", "बहुपद"], answer: "A" }], level3: [{ question: "द्विपदीय व्यंजक का उदाहरण है:", options: ["x + y", "x + y + z", "3x", "x²"], answer: "A" }] },
        "8. युगपत समीकरण, वर्ग समीकरण, रेखीय समीकरण": { level1: [{ question: "यदि x + y = 10 और x - y = 4, तो x का मान है:", options: ["7", "3", "6", "5"], answer: "A" }], level2: [{ question: "वर्ग समीकरण x² - 5x + 6 = 0 के मूल हैं:", options: ["2,3", "1,6", "-2,-3", "2,-3"], answer: "A" }], level3: [{ question: "रेखीय समीकरण 2x + 3 = 7 का हल है:", options: ["x = 2", "x = 5", "x = 1", "x = 4"], answer: "A" }] },
        "9. समान्तर रेखाएँ, चतुर्भुज की रचना, त्रिभुज": { level1: [{ question: "समान्तर रेखाओं के बीच की दूरी हमेशा क्या होती है?", options: ["समान", "बदलती", "शून्य", "अनंत"], answer: "A" }], level2: [{ question: "त्रिभुज के तीनों कोणों का योग होता है:", options: ["180°", "90°", "360°", "270°"], answer: "A" }], level3: [{ question: "चतुर्भुज के विकर्ण एक दूसरे को समद्विभाजित करते हैं, यह गुण किस चतुर्भुज का है?", options: ["समांतर चतुर्भुज", "समलम्ब", "पतंग", "विषमकोण"], answer: "A" }] },
        "10. वृत्त और चक्रीय चतुर्भुज": { level1: [{ question: "वृत्त की त्रिज्या किसे कहते हैं?", options: ["केंद्र से परिधि तक की दूरी", "व्यास", "परिधि", "जीवा"], answer: "A" }], level2: [{ question: "चक्रीय चतुर्भुज के सम्मुख कोणों का योग होता है:", options: ["180°", "90°", "360°", "270°"], answer: "A" }], level3: [{ question: "वृत्त के किसी बिंदु पर स्पर्श रेखा त्रिज्या से कितने डिग्री का कोण बनाती है?", options: ["90°", "45°", "60°", "30°"], answer: "A" }] },
        "11. वृत्त की स्पर्श रेखाएँ": { level1: [{ question: "स्पर्श रेखा वृत्त को कितने बिंदुओं पर स्पर्श करती है?", options: ["एक बिंदु", "दो बिंदु", "अनंत", "कोई नहीं"], answer: "A" }], level2: [{ question: "बाह्य बिंदु से वृत्त पर कितनी स्पर्श रेखाएँ खींची जा सकती हैं?", options: ["दो", "एक", "तीन", "अनंत"], answer: "A" }], level3: [{ question: "स्पर्श बिंदु पर स्पर्श रेखा तथा त्रिज्या के बीच का कोण होता है:", options: ["90°", "0°", "180°", "45°"], answer: "A" }] },
        "12. वाणिज्य गणित – अनुपात, समानुपात, प्रतिशतता, लाभ-हानि, ब्याज": { level1: [{ question: "45 का 20% कितना होता है?", options: ["9", "8", "10", "7"], answer: "A" }], level2: [{ question: "500 रु पर 2 वर्ष का 10% वार्षिक साधारण ब्याज क्या होगा?", options: ["100 रु", "50 रु", "200 रु", "150 रु"], answer: "A" }], level3: [{ question: "किसी वस्तु को 600 रु में बेचने पर 20% लाभ होता है। क्रय मूल्य क्या है?", options: ["500 रु", "480 रु", "550 रु", "520 रु"], answer: "A" }] },
        "13. बैंकिंग – वर्तमान मुद्रा, बिल तथा केशमेग": { level1: [{ question: "भारत की मुद्रा क्या है?", options: ["रुपया", "डॉलर", "यूरो", "पाउंड"], answer: "A" }], level2: [{ question: "चेक क्या होता है?", options: ["बैंक को भुगतान का आदेश", "नकदी", "क्रेडिट कार्ड", "डेबिट कार्ड"], answer: "A" }], level3: [{ question: "केशमेग (Cash Memo) किसे कहते हैं?", options: ["खरीद की रसीद", "बैंक पासबुक", "चेक बुक", "जमा पर्ची"], answer: "A" }] },
        "14. सांख्यिकी – आँकड़ों का वर्गीकरण, माध्य, माध्यिका एवं बहुलक": { level1: [{ question: "2,4,6,8,10 का माध्य क्या है?", options: ["6", "5", "7", "8"], answer: "A" }], level2: [{ question: "3,5,7,9,11 का माध्यिका क्या है?", options: ["7", "5", "9", "8"], answer: "A" }], level3: [{ question: "बहुलक किसे कहते हैं?", options: ["सबसे अधिक बार आने वाली संख्या", "औसत", "मध्य संख्या", "योग"], answer: "A" }] },
        "15. पाई एवं दण्ड चार्ट, अवगीकृत आँकड़ों का चित्र": { level1: [{ question: "पाई चार्ट में कुल वृत्त का कितना कोण होता है?", options: ["360°", "180°", "90°", "270°"], answer: "A" }], level2: [{ question: "दण्ड चार्ट में आँकड़े किस रूप में दर्शाए जाते हैं?", options: ["आयताकार दण्ड", "गोलाकार", "त्रिकोण", "बिंदु"], answer: "A" }], level3: [{ question: "अवगीकृत आँकड़ों का चित्र (Histogram) किसके लिए प्रयोग होता है?", options: ["सतत आँकड़े", "असतत आँकड़े", "गुणात्मक आँकड़े", "श्रेणीबद्ध"], answer: "A" }] },
        "16. सम्भावना (प्रायिकता), ग्राफ, दण्ड आरेख तथा मिश्रित दण्ड आरेख": { level1: [{ question: "एक सिक्के के उछाल में चित आने की प्रायिकता क्या है?", options: ["1/2", "1/3", "1/4", "1/6"], answer: "A" }], level2: [{ question: "एक पासे के फेंकने पर सम संख्या आने की प्रायिकता है:", options: ["1/2", "1/3", "1/6", "2/3"], answer: "A" }], level3: [{ question: "मिश्रित दण्ड आरेख में क्या दर्शाया जाता है?", options: ["दो या अधिक श्रेणियाँ", "एक श्रेणी", "केवल प्रतिशत", "केवल अनुपात"], answer: "A" }] },
        "17. कार्तीय तल": { level1: [{ question: "कार्तीय तल में क्षैतिज रेखा को क्या कहते हैं?", options: ["X-अक्ष", "Y-अक्ष", "मूल बिंदु", "रेखा"], answer: "A" }], level2: [{ question: "बिंदु (3,4) किस चतुर्थांश में स्थित है?", options: ["प्रथम", "द्वितीय", "तृतीय", "चतुर्थ"], answer: "A" }], level3: [{ question: "मूल बिंदु के निर्देशांक क्या होते हैं?", options: ["(0,0)", "(1,1)", "(0,1)", "(1,0)"], answer: "A" }] },
        "18. क्षेत्रमिति": { level1: [{ question: "10 मीटर भुजा वाले वर्ग का क्षेत्रफल क्या होगा?", options: ["100 वर्ग मी", "50 वर्ग मी", "200 वर्ग मी", "150 वर्ग मी"], answer: "A" }], level2: [{ question: "त्रिज्या 7 सेमी वाले वृत्त का क्षेत्रफल होगा:", options: ["154 वर्ग सेमी", "44 वर्ग सेमी", "22 वर्ग सेमी", "77 वर्ग सेमी"], answer: "A" }], level3: [{ question: "एक आयत जिसकी लंबाई 12 मी और चौड़ाई 5 मी है, का परिमाप क्या है?", options: ["34 मी", "60 मी", "30 मी", "17 मी"], answer: "A" }] },
        "19. घातांक": { level1: [{ question: "2³ × 2² का मान है:", options: ["32", "16", "8", "64"], answer: "A" }], level2: [{ question: "5⁴ ÷ 5² = ?", options: ["25", "125", "5", "625"], answer: "A" }], level3: [{ question: "(3²)³ का मान है:", options: ["729", "81", "27", "243"], answer: "A" }] },
        "20. अध्यापन सम्बन्धी मुद्दे": { level1: [{ question: "गणित शिक्षण में सबसे महत्वपूर्ण क्या है?", options: ["अवधारणात्मक समझ", "रटना", "गति", "प्रतियोगिता"], answer: "A" }], level2: [{ question: "गणित में निदानात्मक शिक्षण का उद्देश्य क्या है?", options: ["कठिनाइयाँ दूर करना", "प्रश्नोत्तरी", "परीक्षा लेना", "अंक देना"], answer: "A" }], level3: [{ question: "गणित शिक्षण में कंस्ट्रक्टिविस्ट दृष्टिकोण किस पर बल देता है?", options: ["स्वयं अध्ययन", "व्याख्यान", "रटना", "अनुसरण"], answer: "A" }] }
    };

    const allTopics = [
        "1. प्राकृतिक संख्याएँ, पूर्ण संख्याएँ, परिमेय संख्याएँ",
        "2. पूर्णांक, कोष्ठक, लघुतम समापवर्त्य एवं महत्तम समापवर्तक",
        "3. वर्गमूल", "4. घनमूल", "5. सर्वसमिकाएँ",
        "6. बीजगणित – चर संख्याएँ, अचर संख्याएँ, चर संख्याओं की घात",
        "7. बीजीय व्यंजकों का जोड़, घटाना, गुणा एवं भाग",
        "8. युगपत समीकरण, वर्ग समीकरण, रेखीय समीकरण",
        "9. समान्तर रेखाएँ, चतुर्भुज की रचना, त्रिभुज",
        "10. वृत्त और चक्रीय चतुर्भुज", "11. वृत्त की स्पर्श रेखाएँ",
        "12. वाणिज्य गणित – अनुपात, समानुपात, प्रतिशतता, लाभ-हानि, ब्याज",
        "13. बैंकिंग – वर्तमान मुद्रा, बिल तथा केशमेग",
        "14. सांख्यिकी – आँकड़ों का वर्गीकरण, माध्य, माध्यिका एवं बहुलक",
        "15. पाई एवं दण्ड चार्ट, अवगीकृत आँकड़ों का चित्र",
        "16. सम्भावना (प्रायिकता), ग्राफ, दण्ड आरेख तथा मिश्रित दण्ड आरेख",
        "17. कार्तीय तल", "18. क्षेत्रमिति", "19. घातांक", "20. अध्यापन सम्बन्धी मुद्दे"
    ];

    // Fallback for missing topics
    allTopics.forEach(topic => { if (!questions[topic]) { questions[topic] = { level1: [{ question: topic + " - बुनियादी प्रश्न", options: ["A","B","C","D"], answer:"A"}], level2: [{ question: topic + " - मध्यम प्रश्न", options: ["A","B","C","D"], answer:"B"}], level3: [{ question: topic + " - उन्नत प्रश्न", options: ["A","B","C","D"], answer:"C"}] }; } });

    // DOM Elements
    const startContainer = document.getElementById('startContainer');
    const startScreen = document.getElementById('startScreen');
    const subjectSelection = document.getElementById('subjectSelection');
    const chapterSelection = document.getElementById('chapterSelection');
    const levelSelection = document.getElementById('levelSelection');
    const generatedPaperContainer = document.getElementById('generatedPaperContainer');
    const startGeneratingBtn = document.getElementById('startGeneratingBtn');
    const selectMathBtn = document.getElementById('selectMathBtn');
    const backToStartBtn = document.getElementById('backToStartBtn');
    const generateAssignmentBtn = document.getElementById('generateAssignmentBtn');
    const backToChaptersBtn = document.getElementById('backToChaptersBtn');
    const generateFinalBtn = document.getElementById('generateFinalBtn');
    const level1Btn = document.getElementById('level1Btn');
    const level2Btn = document.getElementById('level2Btn');
    const level3Btn = document.getElementById('level3Btn');
    const homeIcon = document.getElementById('homeIcon');

    let selectedChapters = [];
    let selectedLevel = null;

    function populateChapters() {
        const container = document.getElementById('chapterCheckboxContainer');
        if (!container) return;
        container.innerHTML = `<div class="checkbox-item"><input type="checkbox" id="fullPaper" value="full"><label for="fullPaper">पूर्ण पाठ्यक्रम (सभी ${allTopics.length} विषय)</label></div>`;
        allTopics.forEach((topic, idx) => { container.innerHTML += `<div class="checkbox-item"><input type="checkbox" id="topic_${idx}" name="chapter" value="${topic}"><label for="topic_${idx}">${idx+1}. ${topic}</label></div>`; });
        const fullPaperCheckbox = document.getElementById('fullPaper');
        if(fullPaperCheckbox) fullPaperCheckbox.addEventListener('change', function() { document.querySelectorAll('input[name="chapter"]').forEach(cb => cb.disabled = this.checked); });
    }

    function getRandomQuestions(chapters, level, count) {
        let allQuestions = [];
        chapters.forEach(ch => { if(questions[ch] && questions[ch][`level${level}`]) allQuestions = allQuestions.concat(questions[ch][`level${level}`]); });
        if(allQuestions.length === 0) return [{ question: "प्रश्न उपलब्ध नहीं हैं। कृपया अन्य अध्याय चुनें।", options: ["A","B","C","D"], answer:"A" }];
        allQuestions = allQuestions.sort(() => Math.random() - 0.5);
        return allQuestions.slice(0, Math.min(count, allQuestions.length));
    }

    function resetToStart() {
        generatedPaperContainer.classList.add('hidden');
        startContainer.classList.remove('hidden');
        chapterSelection.classList.add('hidden');
        levelSelection.classList.add('hidden');
        startScreen.classList.remove('hidden');
        subjectSelection.classList.add('hidden');
        selectedLevel = null;
        if(level1Btn) level1Btn.classList.remove('selected');
        if(level2Btn) level2Btn.classList.remove('selected');
        if(level3Btn) level3Btn.classList.remove('selected');
    }

    if(startGeneratingBtn) startGeneratingBtn.onclick = () => { startScreen.classList.add('hidden'); subjectSelection.classList.remove('hidden'); };
    if(selectMathBtn) selectMathBtn.onclick = () => { subjectSelection.classList.add('hidden'); populateChapters(); chapterSelection.classList.remove('hidden'); };
    if(backToStartBtn) backToStartBtn.onclick = resetToStart;
    if(homeIcon) homeIcon.onclick = resetToStart;
    
    if(generateAssignmentBtn) {
        generateAssignmentBtn.onclick = () => {
            const fullPaper = document.getElementById('fullPaper');
            if(fullPaper && fullPaper.checked) selectedChapters = [...allTopics];
            else selectedChapters = Array.from(document.querySelectorAll('input[name="chapter"]:checked')).map(cb => cb.value);
            if(selectedChapters.length === 0) { alert("कृपया कम से कम एक अध्याय/विषय चुनें!"); return; }
            chapterSelection.classList.add('hidden');
            levelSelection.classList.remove('hidden');
        };
    }
    if(backToChaptersBtn) backToChaptersBtn.onclick = () => { levelSelection.classList.add('hidden'); chapterSelection.classList.remove('hidden'); };
    
    function selectLevel(level) { if(level1Btn) level1Btn.classList.remove('selected'); if(level2Btn) level2Btn.classList.remove('selected'); if(level3Btn) level3Btn.classList.remove('selected'); const btn = document.getElementById(`level${level}Btn`); if(btn) btn.classList.add('selected'); selectedLevel = level; }
    if(level1Btn) level1Btn.onclick = () => selectLevel(1);
    if(level2Btn) level2Btn.onclick = () => selectLevel(2);
    if(level3Btn) level3Btn.onclick = () => selectLevel(3);
    
    if(generateFinalBtn) {
        generateFinalBtn.onclick = () => {
            if(!selectedLevel) { alert("कृपया कठिनाई स्तर चुनें!"); return; }
            startContainer.classList.add('hidden');
            levelSelection.classList.add('hidden');
            generatedPaperContainer.classList.remove('hidden');
            const mcqs = getRandomQuestions(selectedChapters, selectedLevel, 45);
            let qNum = 1;
            let html = `<div class="header"><h2>UP TET पेपर 2 - गणित (Mathematics) असाइनमेंट</h2><h3>${selectedChapters.length === allTopics.length ? "पूर्ण पाठ्यक्रम (गणित शिक्षण एवं अभ्यास)" : selectedChapters.slice(0,3).join(", ")+ (selectedChapters.length>3?"...":"")}</h3><p>स्तर ${selectedLevel} - ${selectedLevel === 1 ? "बेसिक" : selectedLevel === 2 ? "मध्यम" : "परीक्षा स्तर"}</p></div><div class="content-area"><div class="instructions"><p><strong>निर्देश:</strong></p><ol><li>कुल 45 बहुविकल्पीय प्रश्न (MCQs) हैं।</li><li>प्रत्येक प्रश्न के चार विकल्प हैं, केवल एक सही है।</li><li>समय: 60 मिनट</li><li>प्रश्न गणित के विभिन्न अध्यायों पर आधारित हैं।</li></ol></div><div class="question-section"><div class="section-heading">बहुविकल्पीय प्रश्न (MCQs)</div>`;
            mcqs.forEach(mcq => { html += `<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++; });
            html += `</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) { html += `<tr>`; for(let j=0; j<3; j++) { if(i+j < mcqs.length) html += `<td>${i+j+1}</td><td>${mcqs[i+j].answer}</td>`; else html += `<td></td><td></td>`; } html += `</tr>`; }
            html += `</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 = html;
            const printBtn = document.getElementById('printBtn'); if(printBtn) printBtn.onclick = () => window.print();
            const downloadBtn = document.getElementById('downloadBtn'); if(downloadBtn) downloadBtn.onclick = downloadPDF;
            const newBtn = document.getElementById('newAssignmentBtn'); if(newBtn) newBtn.onclick = resetToStart;
        };
    }
    
    async function downloadPDF() {
        const element = document.getElementById('generatedPaperContainer');
        if(!element) return;
        const tempDiv = document.createElement('div');
        tempDiv.style.position = 'absolute'; tempDiv.style.left = '-9999px'; tempDiv.style.top = '-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, remainingHeight = tempDiv.scrollHeight, pageNum = 1;
            while(remainingHeight > 0) {
                const canvas = await html2canvas(tempDiv, { scale: 2, windowHeight: pageHeight * 3.78, windowWidth: pageWidth * 3.78, y: position * 3.78, height: pageHeight * 3.78, useCORS: true, backgroundColor: '#ffffff', logging: false });
                const imgData = canvas.toDataURL('image/jpeg', 0.95);
                if(pageNum > 1) pdf.addPage('a4', 'portrait');
                pdf.addImage(imgData, 'JPEG', 12.7, 12.7, pageWidth, (canvas.height * pageWidth) / canvas.width);
                position += pageHeight; remainingHeight -= pageHeight * 3.78; pageNum++;
            }
            pdf.save('UP_TET_Mathematics_Assignment.pdf');
        } catch(err) { console.error(err); alert('PDF जनरेशन में त्रुटि। कृपया पुनः प्रयास करें।'); } finally { if(tempDiv && tempDiv.parentNode) document.body.removeChild(tempDiv); }
    }
    })();
</script>
</body>
</html>