<!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 - भाषा प्रथम (हिन्दी) असाइनमेंट जनरेटर</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: #c23b22;
            --primary-dark: #9e2d18;
            --secondary: #e67e22;
            --danger: #c0392b;
            --success: #2c7da0;
            --light: #fff8f0;
            --dark: #3e2a1f;
            --gray: #7f8c8d;
            --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 Devanagari', Tahoma, Geneva, Verdana, sans-serif; }
        body { background: linear-gradient(135deg, #fef9e6 0%, #f5e6d3 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(194, 59, 34, 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: #a82314; 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 - भाषा प्रथम (हिन्दी)</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="selectHindiBtn">भाषा प्रथम – हिन्दी</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;
    
    // ----------------------------------------------
    // हिन्दी भाषा - पूर्ण प्रश्नकोश (32 अध्याय)
    // ----------------------------------------------
    const questions = {
        "1. अपठित अनुच्छेद": { level1: [{ question: "अपठित अनुच्छेद किसे कहते हैं?", options: ["पहले न पढ़ा गया अनुच्छेद", "पाठ्यपुस्तक का अनुच्छेद", "कविता का अंश", "नाटक का संवाद"], answer: "A" }], level2: [{ question: "अपठित अनुच्छेद को पढ़ने के बाद क्या करना चाहिए?", options: ["प्रश्नों के उत्तर देना", "अनुवाद करना", "सारांश लिखना", "टीका लिखना"], answer: "A" }], level3: [{ question: "अपठित अनुच्छेद के माध्यम से किस कौशल का मूल्यांकन होता है?", options: ["बोधगम्यता", "लेखन", "व्याकरण", "अनुवाद"], answer: "A" }] },
        "2. संज्ञा एवं संज्ञा के भेद": { level1: [{ question: "संज्ञा किसे कहते हैं?", options: ["किसी वस्तु के नाम को", "क्रिया को", "गुण को", "अवस्था को"], answer: "A" }], level2: [{ question: "निम्न में से जातिवाचक संज्ञा का उदाहरण है:", options: ["लड़का", "दिल्ली", "गंगा", "राम"], answer: "A" }], level3: [{ question: "भाववाचक संज्ञा किससे बनती है?", options: ["क्रिया और विशेषण से", "संज्ञा से", "सर्वनाम से", "अव्यय से"], answer: "A" }] },
        "3. सर्वनाम एवं सर्वनाम के भेद": { level1: [{ question: "सर्वनाम का प्रयोग किसके स्थान पर होता है?", options: ["संज्ञा के स्थान पर", "क्रिया के स्थान पर", "विशेषण के स्थान पर", "क्रियाविशेषण के स्थान पर"], answer: "A" }], level2: [{ question: "निजवाचक सर्वनाम का उदाहरण है:", options: ["अपना", "मैं", "तू", "वह"], answer: "A" }], level3: [{ question: "'जो' और 'सो' किस प्रकार के सर्वनाम हैं?", options: ["संबंधवाचक", "निजवाचक", "प्रश्नवाचक", "अनिश्चयवाचक"], answer: "A" }] },
        "4. विशेषण एवं विशेषण के भेद": { level1: [{ question: "विशेषण का कार्य क्या है?", options: ["संज्ञा की विशेषता बताना", "क्रिया बताना", "स्थान बताना", "काल बताना"], answer: "A" }], level2: [{ question: "'तीन बजे' में विशेषण का कौन सा भेद है?", options: ["संख्यावाचक", "गुणवाचक", "परिमाणवाचक", "सार्वनामिक"], answer: "A" }], level3: [{ question: "सार्वनामिक विशेषण के लिए सही विकल्प चुनें:", options: ["यह लड़का", "अच्छा लड़का", "दस लड़के", "थोड़ा दूध"], answer: "A" }] },
        "5. क्रिया एवं क्रिया के भेद": { level1: [{ question: "क्रिया किसे कहते हैं?", options: ["जिससे काम करना या होना पता चले", "जो नाम बताए", "जो गुण बताए", "जो अवस्था बताए"], answer: "A" }], level2: [{ question: "'खाना' किस प्रकार की क्रिया है?", options: ["सकर्मक", "अकर्मक", "प्रेरणार्थक", "द्विकर्मक"], answer: "A" }], level3: [{ question: "प्रेरणार्थक क्रिया का उदाहरण है:", options: ["पढ़ाना", "पढ़ना", "लिखना", "बैठना"], answer: "A" }] },
        "6. वाच्य – कर्तृवाच्य, कर्मवाच्य, भाववाच्य": { level1: [{ question: "कर्तृवाच्य में किसकी प्रधानता होती है?", options: ["कर्ता की", "कर्म की", "भाव की", "क्रिया की"], answer: "A" }], level2: [{ question: "'राम से खाया नहीं जाता' - यह किस वाच्य का उदाहरण है?", options: ["भाववाच्य", "कर्तृवाच्य", "कर्मवाच्य", "इनमें से कोई नहीं"], answer: "A" }], level3: [{ question: "निम्न में कर्मवाच्य का वाक्य है:", options: ["मोहन द्वारा खाना खाया जाता है", "मोहन खाना खाता है", "मोहन से खाना खाया जाता है", "मोहन खा रहा है"], answer: "A" }] },
        "7. हिन्दी भाषा की समस्त ध्वनियाँ, संयुक्ताक्षर, अनुस्वार एवं चन्द्रबिन्दु": { level1: [{ question: "हिन्दी वर्णमाला में कितने स्वर हैं?", options: ["11", "12", "10", "13"], answer: "A" }], level2: [{ question: "'कक्षा' में कौन सा संयुक्ताक्षर है?", options: ["क्ष", "त्र", "ज्ञ", "श्र"], answer: "A" }], level3: [{ question: "अनुस्वार और चन्द्रबिन्दु में मुख्य अंतर क्या है?", options: ["अनुस्वार बिंदु है, चन्द्रबिन्दु अर्धचंद्र", "अनुस्वार हमेशा वर्गीय व्यंजन से पहले", "चन्द्रबिन्दु स्वरों का अनुनासिक बनाता है", "उपरोक्त सभी"], answer: "D" }] },
        "8. वर्णक्रम, पर्यायवाची, विपरीतार्थक, अनेकार्थक, समानार्थी": { level1: [{ question: "'सूर्य' का पर्यायवाची शब्द है:", options: ["दिनकर", "चंद्र", "तारा", "आकाश"], answer: "A" }], level2: [{ question: "'आदि' का विपरीतार्थक शब्द है:", options: ["अंत", "प्रारंभ", "मध्य", "बीच"], answer: "A" }], level3: [{ question: "'राम' के अनेकार्थक शब्द का अर्थ नहीं है:", options: ["धन", "सुख", "विष्णु", "प्रिय"], answer: "A" }] },
        "9. अव्यय के भेद": { level1: [{ question: "अव्यय किसे कहते हैं?", options: ["जो हर समय एक रूप में रहें", "जो बदलते रहें", "जो लिंग बदलें", "जो वचन बदलें"], answer: "A" }], level2: [{ question: "'धीरे-धीरे' किस प्रकार का अव्यय है?", options: ["क्रियाविशेषण", "समुच्चयबोधक", "विस्मयादिबोधक", "संबंधबोधक"], answer: "A" }], level3: [{ question: "समुच्चयबोधक अव्यय का उदाहरण है:", options: ["और", "ओह!", "यहाँ", "अतः"], answer: "A" }] },
        "10. अनुस्वार, अनुनासिक का प्रयोग": { level1: [{ question: "अनुस्वार का चिह्न क्या है?", options: ["बिंदु (.)", "अर्धचंद्र", "रेखा", "त्रिकोण"], answer: "A" }], level2: [{ question: "निम्न में किस शब्द में अनुनासिक का प्रयोग हुआ है?", options: ["हँसना", "गंगा", "कमल", "सच"], answer: "A" }], level3: [{ question: "'चन्द्रमा' में किसका प्रयोग है?", options: ["अनुस्वार", "अनुनासिक", "चन्द्रबिन्दु", "विसर्ग"], answer: "A" }] },
        "11. 'र्' के विभिन्न रूपों का प्रयोग": { level1: [{ question: "'र्' का कौन सा रूप 'कर्म' शब्द में प्रयुक्त हुआ है?", options: ["रेफ", "रकार", "दीर्घ रेफ", "पदेन रेफ"], answer: "A" }], level2: [{ question: "निम्न में किस शब्द में रेफ के साथ अनुस्वार का प्रयोग हुआ?", options: ["प्रशंसा", "आर्य", "वीर", "कार्य"], answer: "A" }], level3: [{ question: "'दूरदर्शन' में किस प्रकार के 'र्' का प्रयोग है?", options: ["रेफ और रकार दोनों", "केवल रेफ", "केवल रकार", "पदेन रेफ"], answer: "A" }] },
        "12. वाक्य निर्माण (सरल, संयुक्त एवं मिश्रित)": { level1: [{ question: "सरल वाक्य किसे कहते हैं?", options: ["एक मुख्य क्रिया वाला वाक्य", "दो या दो से अधिक उपवाक्य", "एक से अधिक क्रिया", "मिश्रित वाक्य"], answer: "A" }], level2: [{ question: "निम्न में संयुक्त वाक्य पहचानें:", options: ["वह आया और गया", "जब वह आया तब मैं गया", "राम पढ़ता है", "वह सो रहा था"], answer: "A" }], level3: [{ question: "मिश्रित वाक्य का उदाहरण है:", options: ["जो व्यक्ति मेहनत करता है, वह सफल होता है", "वह आया और चला गया", "राम ने खाना खाया", "श्याम जा रहा है"], answer: "A" }] },
        "13. विराम चिन्हों की पहचान एवं उपयोग": { level1: [{ question: "प्रश्नवाचक चिन्ह कौन सा है?", options: ["?", "!", ",", ";"], answer: "A" }], level2: [{ question: "वाक्य के अंत में किस चिन्ह का प्रयोग होता है?", options: ["पूर्ण विराम", "अल्प विराम", "प्रश्नवाचक", "विस्मयादिबोधक"], answer: "A" }], level3: [{ question: "उद्धरण चिन्ह का प्रयोग कहाँ होता है?", options: ["किसी के कथन को दिखाने के लिए", "प्रश्न के लिए", "विस्मय के लिए", "रुकने के लिए"], answer: "A" }] },
        "14. वचन, लिंग एवं काल का प्रयोग": { level1: [{ question: "'लड़का' का बहुवचन क्या है?", options: ["लड़के", "लड़की", "लड़कों", "लड़कियाँ"], answer: "A" }], level2: [{ question: "पुल्लिंग शब्द का उदाहरण है:", options: ["पेड़", "माता", "पुस्तक", "नदी"], answer: "A" }], level3: [{ question: "अपूर्ण भूतकाल का उदाहरण है:", options: ["वह पढ़ रहा था", "उसने पढ़ा", "वह पढ़ेगा", "वह पढ़ता है"], answer: "A" }] },
        "15. तत्सम, तद्भव, देशज एवं विदेशी शब्द": { level1: [{ question: "'आग' किस प्रकार का शब्द है?", options: ["तद्भव", "तत्सम", "देशज", "विदेशी"], answer: "A" }], level2: [{ question: "निम्न में तत्सम शब्द है:", options: ["कर्म", "काम", "आँख", "बाप"], answer: "A" }], level3: [{ question: "फारसी के विदेशी शब्द का उदाहरण है:", options: ["कमरा", "पानी", "घर", "पेड़"], answer: "A" }] },
        "16. उपसर्ग एवं प्रत्यय": { level1: [{ question: "'अभि' क्या है?", options: ["उपसर्ग", "प्रत्यय", "मूल शब्द", "विभक्ति"], answer: "A" }], level2: [{ question: "'लिखावट' में कौन सा प्रत्यय है?", options: ["आवट", "आई", "आक", "इया"], answer: "A" }], level3: [{ question: "प्रत्यय के योग से बनने वाले शब्द को क्या कहते हैं?", options: ["यौगिक शब्द", "मूल शब्द", "रूढ़ शब्द", "योगरूढ़ शब्द"], answer: "A" }] },
        "17. शब्द युग्म": { level1: [{ question: "'कुल' और 'कूल' शब्द युग्म का सही अर्थ क्या है?", options: ["वंश/किनारा", "घर/पानी", "परिवार/तट", "जाति/समुद्र"], answer: "A" }], level2: [{ question: "शब्द युग्म 'घन-घन' का अर्थ है:", options: ["बादल/गहरा", "बारिश/अंधेरा", "मेघ/घोर", "गरज/तीव्र"], answer: "A" }], level3: [{ question: "'सागर-सागर' किस तरह का शब्द युग्म है?", options: ["अर्थ की दृष्टि से भिन्न", "समानार्थी", "विलोम", "पुनरावृत्ति"], answer: "A" }] },
        "18. समास, समास विग्रह एवं समास के भेद": { level1: [{ question: "समास का सामान्य अर्थ क्या है?", options: ["संक्षिप्तीकरण", "विस्तार", "विलोम", "योग"], answer: "A" }], level2: [{ question: "'राजपुत्र' में कौन सा समास है?", options: ["तत्पुरुष", "द्वंद्व", "अव्ययीभाव", "कर्मधारय"], answer: "A" }], level3: [{ question: "द्विगु समास का उदाहरण है:", options: ["त्रिभुवन", "नीलकमल", "यथाशक्ति", "घर-घर"], answer: "A" }] },
        "19. मुहावरे एवं लोकोक्तियाँ": { level1: [{ question: "'अंगूठा दिखाना' मुहावरे का अर्थ है:", options: ["इनकार करना", "दिखावा करना", "गर्व करना", "डरना"], answer: "A" }], level2: [{ question: "'ना नाच ना गाना, आये तो सवा लाख का' लोकोक्ति का अर्थ है:", options: ["बिना मेहनत के अधिक लाभ", "बेईमानी", "असंभव बात", "बिना काम के पैसा"], answer: "A" }], level3: [{ question: "निम्न में से मुहावरा है:", options: ["अपनी खिचड़ी अलग पकाना", "हाथी के दाँत दिखाने के और", "अंधों में काना राजा", "ऊँट के मुँह में जीरा"], answer: "A" }] },
        "20. क्रिया – सकर्मक एवं अकर्मक": { level1: [{ question: "जिस क्रिया का फल कर्ता पर पड़े, वह क्या कहलाती है?", options: ["अकर्मक", "सकर्मक", "प्रेरणार्थक", "द्विकर्मक"], answer: "A" }], level2: [{ question: "'बच्चा रो रहा है' - यह क्रिया है:", options: ["अकर्मक", "सकर्मक", "प्रेरणार्थक", "सहायक"], answer: "A" }], level3: [{ question: "द्विकर्मक क्रिया के लिए सही वाक्य है:", options: ["माँ बच्चे को खाना खिलाती है", "राम जाता है", "सीता हँसती है", "पक्षी उड़ता है"], answer: "A" }] },
        "21. सन्धि एवं सन्धि के भेद": { level1: [{ question: "सन्धि का शाब्दिक अर्थ क्या है?", options: ["मेल", "विच्छेद", "विलोम", "अंतर"], answer: "A" }], level2: [{ question: "'सूर्य + उदय' की सन्धि होगी:", options: ["सूर्योदय", "सूर्यदय", "सूर्योद", "सूर्युदय"], answer: "A" }], level3: [{ question: "विसर्ग सन्धि का उदाहरण है:", options: ["नमो नारायण", "हरि ईश", "रामायण", "गिरीश"], answer: "A" }] },
        "22. अलंकार": { level1: [{ question: "जहाँ एक ही वर्ण की बार-बार आवृत्ति हो, वह कौन सा अलंकार है?", options: ["अनुप्रास", "यमक", "श्लेष", "उपमा"], answer: "A" }], level2: [{ question: "'मुख चन्द्रमा के समान सुंदर है' - अलंकार है:", options: ["उपमा", "रूपक", "उत्प्रेक्षा", "अतिशयोक्ति"], answer: "A" }], level3: [{ question: "रूपक अलंकार का उदाहरण है:", options: ["चरण कमल", "सीता हँसी", "राम वीर है", "गंगा बहती है"], answer: "A" }] },
        "23. भाषा विकास का अध्यापन": { level1: [{ question: "भाषा विकास में सबसे महत्वपूर्ण कारक क्या है?", options: ["पर्यावरण", "वंशानुक्रम", "व्याकरण", "लिपि"], answer: "A" }], level2: [{ question: "प्राथमिक स्तर पर भाषा अध्यापन का मुख्य लक्ष्य क्या होना चाहिए?", options: ["संप्रेषण क्षमता", "व्याकरण ज्ञान", "शब्द रटना", "लेखन अभ्यास"], answer: "A" }], level3: [{ question: "प्रयोगात्मक भाषा शिक्षण सिद्धांत के प्रस्तावक कौन हैं?", options: ["जॉन डीवी", "पियाजे", "चॉम्स्की", "वायगोत्स्की"], answer: "A" }] },
        "24. अधिगम अर्जन": { level1: [{ question: "भाषा अर्जन का अर्थ है:", options: ["प्राकृतिक रूप से सीखना", "व्याकरण सीखना", "लिखना सीखना", "कविता रचना"], answer: "A" }], level2: [{ question: "भाषा अधिगम और अर्जन में मुख्य अंतर क्या है?", options: ["प्राकृतिक बनाम औपचारिक", "सरल बनाम कठिन", "बोलना बनाम लिखना", "पढ़ना बनाम सुनना"], answer: "A" }], level3: [{ question: "द्वितीय भाषा अर्जन में सबसे प्रभावी साधन है:", options: ["विसर्जन विधि", "व्याकरण अनुवाद विधि", "रटने की विधि", "प्रश्नोत्तर विधि"], answer: "A" }] },
        "25. भाषा अध्यापन के सिद्धान्त": { level1: [{ question: "भाषा शिक्षण में 'संप्रेषणात्मक दृष्टिकोण' पर किसने बल दिया?", options: ["हाइम्स", "चॉम्स्की", "स्किनर", "पियाजे"], answer: "A" }], level2: [{ question: "व्याकरण अनुवाद विधि में किस पर अधिक जोर दिया जाता है?", options: ["लिखित अनुवाद", "मौखिक अभ्यास", "संवाद", "श्रवण"], answer: "A" }], level3: [{ question: "प्राकृतिक विधि में भाषा शिक्षण का आधार क्या है?", options: ["बालक की रुचि", "शिक्षक का निर्देशन", "पाठ्यपुस्तक", "अनुवाद"], answer: "A" }] },
        "26. सुनने और बोलने की भूमिका; भाषा का कार्य": { level1: [{ question: "भाषा का प्राथमिक उपकरण क्या है?", options: ["बोलना और सुनना", "लिखना", "पढ़ना", "व्याकरण"], answer: "A" }], level2: [{ question: "बालक भाषा को एक उपकरण के रूप में किसके लिए प्रयोग करते हैं?", options: ["संप्रेषण हेतु", "प्रतियोगिता हेतु", "परीक्षा हेतु", "रटने हेतु"], answer: "A" }], level3: [{ question: "मौखिक अभिव्यक्ति का विकास सबसे पहले किस पर निर्भर करता है?", options: ["श्रवण कौशल", "लेखन कौशल", "पठन कौशल", "व्याकरण ज्ञान"], answer: "A" }] },
        "27. विचारों के संप्रेषण के लिए व्याकरण की भूमिका": { level1: [{ question: "भाषा में व्याकरण की भूमिका क्या है?", options: ["नियमों का ज्ञान देना", "शब्द रटना", "लेखन अभ्यास", "कविता रचना"], answer: "A" }], level2: [{ question: "प्रयोजनमूलक व्याकरण का उद्देश्य क्या है?", options: ["संप्रेषण में सहायता", "परीक्षा में सफलता", "शुद्ध रूप में लिखना", "शब्द भंडार बढ़ाना"], answer: "A" }], level3: [{ question: "व्याकरण शिक्षण की सबसे आधुनिक विधि कौन सी है?", options: ["संप्रेषणात्मक विधि", "अनुवाद विधि", "प्रश्नोत्तर विधि", "व्याख्यान विधि"], answer: "A" }] },
        "28. एक भिन्न कक्षा में भाषा पढ़ाने की चुनौतियाँ": { level1: [{ question: "भाषा की कठिनाइयों में कौन सी समस्या सबसे आम है?", options: ["शब्दकोश का अभाव", "उच्चारण", "लेखन", "व्याकरण"], answer: "A" }], level2: [{ question: "भाषा विकार के अंतर्गत कौन सा विकार आता है?", options: ["हकलाना", "सर्दी", "बुखार", "चक्कर"], answer: "A" }], level3: [{ question: "द्विभाषिक कक्षा में भाषा शिक्षण की चुनौती का समाधान क्या है?", options: ["बहुभाषीय सामग्री", "केवल हिन्दी में शिक्षण", "केवल अंग्रेजी", "मूक शिक्षण"], answer: "A" }] },
        "29. भाषा कौशल": { level1: [{ question: "भाषा के चार मूल कौशल कौन से हैं?", options: ["सुनना, बोलना, पढ़ना, लिखना", "व्याकरण, लेखन, पठन, श्रवण", "वाचन, लेखन, शब्द, वाक्य", "अनुवाद, निबंध, पत्र, संवाद"], answer: "A" }], level2: [{ question: "ग्रहणात्मक कौशल किसे कहते हैं?", options: ["सुनना और पढ़ना", "बोलना और लिखना", "सुनना और बोलना", "पढ़ना और लिखना"], answer: "A" }], level3: [{ question: "भाषा के सृजनात्मक कौशलों में कौन शामिल है?", options: ["बोलना और लिखना", "सुनना और पढ़ना", "व्याकरण और शब्द", "अनुवाद और संक्षेपण"], answer: "A" }] },
        "30. भाषा बोधगम्यता और प्रवीणता का मूल्यांकन": { level1: [{ question: "बोलने के कौशल का मूल्यांकन कैसे किया जा सकता है?", options: ["मौखिक परीक्षा से", "लिखित परीक्षा से", "बहुविकल्पीय से", "गृहकार्य से"], answer: "A" }], level2: [{ question: "श्रवण कौशल के मूल्यांकन हेतु सबसे उपयुक्त विधि है:", options: ["श्रुतलेख", "निबंध लेखन", "व्याख्यान", "पाठ वाचन"], answer: "A" }], level3: [{ question: "पठन प्रवीणता के आकलन में कौन सा पैरामीटर सबसे महत्वपूर्ण है?", options: ["बोधगम्यता", "गति", "शुद्ध उच्चारण", "अभिव्यक्ति"], answer: "A" }] },
        "31. अध्यापन-अधिगम सामग्रियाँ": { level1: [{ question: "भाषा अध्यापन में सबसे बुनियादी सामग्री क्या है?", options: ["पाठ्यपुस्तक", "मल्टीमीडिया", "चार्ट", "फ्लैशकार्ड"], answer: "A" }], level2: [{ question: "बहुभाषायी कक्षा में किस संसाधन का उपयोग सहायक है?", options: ["बहुभाषीय शब्दकोश", "केवल हिन्दी पुस्तक", "केवल अंग्रेजी चार्ट", "एकल भाषा अभ्यास"], answer: "A" }], level3: [{ question: "प्रौद्योगिकी आधारित भाषा शिक्षण के लिए सबसे प्रभावी साधन है:", options: ["भाषा प्रयोगशाला", "चॉक-बोर्ड", "पाठ्यपुस्तक", "हस्तलिखित अभ्यास"], answer: "A" }] },
        "32. उपचारात्मक अध्यापन": { 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. क्रिया – सकर्मक एवं अकर्मक", "21. सन्धि एवं सन्धि के भेद", "22. अलंकार",
        "23. भाषा विकास का अध्यापन", "24. अधिगम अर्जन", "25. भाषा अध्यापन के सिद्धान्त",
        "26. सुनने और बोलने की भूमिका; भाषा का कार्य तथा बालक इसे किस प्रकार एक उपकरण के रूप में प्रयोग करते हैं",
        "27. मौखिक और लिखित रूप में विचारों के संप्रेषण के लिए किसी भाषा के अधिगम में व्याकरण की भूमिका पर विवेचित संदर्भ",
        "28. एक भिन्न कक्षा में भाषा पढ़ाने की चुनौतियाँ; भाषा की कठिनाइयाँ, त्रुटियाँ और विकार",
        "29. भाषा कौशल", "30. भाषा बोधगम्यता और प्रवीणता का मूल्यांकन करना: बोलना, सुनना, पढ़ना और लिखना",
        "31. अध्यापन-अधिगम सामग्रियाँ: पाठ्यपुस्तक, मल्टीमीडिया सामग्री, कक्षा का बहुभाषायी संसाधन", "32. उपचारात्मक अध्यापन"
    ];

    
    // Default safety 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');
    
    // Buttons
    const startGeneratingBtn = document.getElementById('startGeneratingBtn');
    const selectHindiBtn = document.getElementById('selectHindiBtn');
    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));
    }

    // Helper to reset to start
    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');
    }

    // Event bindings with null checks
    if(startGeneratingBtn) startGeneratingBtn.onclick = () => { startScreen.classList.add('hidden'); subjectSelection.classList.remove('hidden'); };
    if(selectHindiBtn) selectHindiBtn.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 - भाषा प्रथम (हिन्दी) असाइनमेंट</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 बहुविकल्पीय प्रश्न हैं।</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">उत्तर कुंजी</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');
            const downloadBtn = document.getElementById('downloadBtn');
            const newBtn = document.getElementById('newAssignmentBtn');
            if(printBtn) printBtn.onclick = () => window.print();
            if(downloadBtn) downloadBtn.onclick = downloadPDF;
            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;
            let remainingHeight = tempDiv.scrollHeight;
            let pageNum = 1;
            while(remainingHeight > 0) {
                const canvas = await html2canvas(tempDiv, { 
                    scale: 2, 
                    windowHeight: pageHeight * 3.78, 
                    windowWidth: pageWidth * 3.78, 
                    y: position * 3.78, 
                    height: pageHeight * 3.78, 
                    useCORS: true, 
                    backgroundColor: '#ffffff', 
                    logging: false 
                });
                const imgData = canvas.toDataURL('image/jpeg', 0.95);
                if(pageNum > 1) pdf.addPage('a4', 'portrait');
                pdf.addImage(imgData, 'JPEG', 12.7, 12.7, pageWidth, (canvas.height * pageWidth) / canvas.width);
                position += pageHeight;
                remainingHeight -= pageHeight * 3.78;
                pageNum++;
            }
            pdf.save('UP_TET_Hindi_Language_Assignment.pdf');
        } catch(err) { 
            console.error(err); 
            alert('PDF जनरेशन में त्रुटि। कृपया पुनः प्रयास करें।'); 
        } finally { 
            if(tempDiv && tempDiv.parentNode) document.body.removeChild(tempDiv); 
        }
    }
    })();
</script>
</body>
</html>