<!DOCTYPE html>
<html lang="hi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>UP TET Paper 1 - भाषा प्रथम (हिन्दी) असाइनमेंट जनरेटर</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: #4361ee;
            --primary-dark: #3f37c9;
            --secondary: #4895ef;
            --danger: #f72585;
            --success: #4cc9f0;
            --light: #f8f9fa;
            --dark: #212529;
            --gray: #6c757d;
            --border-radius: 12px;
            --box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
            --transition: all 0.3s ease;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }

        body {
            background: linear-gradient(135deg, #f5f7fa 0%, #e2e8f0 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(67, 97, 238, 0.3);
        }

        .btn-success {
            background: var(--success);
            color: white;
        }

        .btn-success:hover {
            background: #3ab0d6;
            transform: translateY(-2px);
            box-shadow: 0 8px 15px rgba(76, 201, 240, 0.3);
        }

        .btn-danger {
            background: var(--danger);
            color: white;
        }

        .btn-danger:hover {
            background: #d3166b;
            transform: translateY(-2px);
            box-shadow: 0 8px 15px rgba(247, 37, 133, 0.3);
        }

        .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-paper1-assignment-generator.html" class="home-icon"><i class="fas fa-home"></i></a>
        <h1>UP TET Paper 1</h1>
        <p>भाषा प्रथम – हिन्दी (Language I - Hindi) असाइनमेंट जनरेटर</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">भाषा प्रथम – हिन्दी (Language I - Hindi)</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>
    const { jsPDF } = window.jspdf;
    
    // =====================================================
    // COMPLETE QUESTIONS DATABASE FOR HINDI (31 TOPICS)
    // =====================================================
    const questions = {
        "अपठित अनुच्छेद": {
            level1: [
                { question: "गद्यांश को पढ़कर प्रश्नों के उत्तर देना कहलाता है?", options: ["अपठित गद्यांश", "पठित गद्यांश", "काव्यांश", "नाटकांश"], answer: "A" },
                { question: "अपठित अनुच्छेद का मुख्य उद्देश्य क्या होता है?", options: ["समझने की क्षमता परखना", "रचना करना", "कविता लिखना", "व्याकरण सिखाना"], answer: "A" }
            ],
            level2: [
                { question: "अपठित अनुच्छेद पढ़ने के बाद सबसे पहले क्या करना चाहिए?", options: ["प्रश्न पढ़ें", "अनुच्छेद लिखें", "उत्तर याद करें", "शब्दार्थ देखें"], answer: "A" }
            ],
            level3: [
                { question: "अपठित अनुच्छेद में किस प्रकार के प्रश्न पूछे जाते हैं?", options: ["तथ्यात्मक एवं आश्रित", "व्याकरणिक", "ऐतिहासिक", "वैज्ञानिक"], answer: "A" }
            ]
        },
        "हिन्दी वर्णमाला (स्वर, व्यंजन)": {
            level1: [
                { question: "हिन्दी वर्णमाला में कुल कितने स्वर होते हैं?", options: ["11", "13", "12", "10"], answer: "A" },
                { question: "'क' वर्ण किस प्रकार का व्यंजन है?", options: ["स्पर्श", "अंतस्थ", "उष्म", "दीर्घ"], answer: "A" }
            ],
            level2: [
                { question: "हिन्दी वर्णमाला में कुल कितने व्यंजन हैं?", options: ["33", "35", "36", "34"], answer: "A" },
                { question: "'अ' और 'आ' में क्या अंतर है?", options: ["ह्रस्व और दीर्घ", "स्वर और व्यंजन", "कंठ्य और तालव्य", "ओष्ठ्य और दन्त्य"], answer: "A" }
            ],
            level3: [
                { question: "'श', 'ष', 'स' किस प्रकार के व्यंजन हैं?", options: ["उष्म", "अन्तस्थ", "स्पर्श", "संयुक्त"], answer: "A" }
            ]
        },
        "वर्णों के मेल से मात्रिक तथा अमात्रिक शब्दों की पहचान": {
            level1: [
                { question: "निम्न में से अमात्रिक शब्द कौन सा है?", options: ["कमल", "जल", "राम", "गम"], answer: "B" },
                { question: "'पुस्तक' में कितनी मात्राएँ हैं?", options: ["2", "3", "4", "1"], answer: "A" }
            ],
            level2: [
                { question: "'काका' शब्द में कौन सी मात्रा का प्रयोग हुआ है?", options: ["आ की मात्रा", "इ की मात्रा", "उ की मात्रा", "ए की मात्रा"], answer: "A" }
            ],
            level3: [
                { question: "निम्न में से कौन सा शब्द दो अक्षरों का है?", options: ["पत्र", "कमल", "गगन", "सरल"], answer: "A" }
            ]
        },
        "वाक्य रचना": {
            level1: [
                { question: "सही वाक्य कौन सा है?", options: ["राम पुस्तक पढ़ता है", "राम पुस्तक पढ़ना है", "राम पुस्तक पढ़ रहे है", "राम पुस्तक पढ़ते है"], answer: "A" },
                { question: "'मोहन खाना खाता है' वाक्य में क्रिया क्या है?", options: ["खाता है", "मोहन", "खाना", "है"], answer: "A" }
            ],
            level2: [
                { question: "निम्न में से अशुद्ध वाक्य छाँटिए:", options: ["वह आज विद्यालय नहीं आया", "वह आज विद्यालय नहीं आएगा", "वह आज विद्यालय नहीं आता", "वह आज विद्यालय नहीं आए"], answer: "D" }
            ],
            level3: [
                { question: "संयुक्त वाक्य का उदाहरण कौन सा है?", options: ["वह आया और चला गया", "वह आकर चला गया", "आते ही वह चला गया", "वह चला गया"], answer: "A" }
            ]
        },
        "हिन्दी की सभी ध्वनियों के पारस्परिक अंतर की जानकारी": {
            level1: [
                { question: "'क' और 'ख' में क्या अंतर है?", options: ["अल्पप्राण और महाप्राण", "स्वर और व्यंजन", "कंठ्य और तालव्य", "घोष और अघोष"], answer: "A" },
                { question: "'प' ध्वनि कहाँ से उच्चरित होती है?", options: ["ओष्ठ्य", "दन्त्य", "कंठ्य", "मूर्धन्य"], answer: "A" }
            ],
            level2: [
                { question: "'ट' और 'ड़' में अंतर क्या है?", options: ["मूर्धन्य और दन्त्य", "अघोष और घोष", "स्पर्श और अन्तस्थ", "अल्पप्राण और महाप्राण"], answer: "B" }
            ],
            level3: [
                { question: "'श', 'ष', 'स' के उच्चारण स्थान क्रमशः क्या हैं?", options: ["तालु, मूर्धा, दन्त", "कंठ, तालु, दन्त", "ओष्ठ, कंठ, तालु", "मूर्धा, दन्त, तालु"], answer: "A" }
            ]
        },
        "हिन्दी भाषा की सभी ध्वनियों, वर्णों, अनुस्वार, अनुनासिक एवं चन्द्रबिन्दु में अन्तर": {
            level1: [
                { question: "अनुस्वार का चिह्न क्या है?", options: ["(.)", "(..)", "(।)", "(?)"], answer: "A" },
                { question: "'हँसना' में किस चिह्न का प्रयोग हुआ है?", options: ["चन्द्रबिन्दु", "अनुस्वार", "विसर्ग", "विराम"], answer: "A" }
            ],
            level2: [
                { question: "अनुनासिक का चिह्न क्या है?", options: ["चन्द्रबिन्दु", "बिन्दु", "रेखा", "हलन्त"], answer: "A" }
            ],
            level3: [
                { question: "'गंगा' शब्द में किस चिह्न का प्रयोग हुआ है?", options: ["अनुस्वार", "अनुनासिक", "विसर्ग", "चन्द्रबिन्दु"], answer: "A" }
            ]
        },
        "विराम चिन्हों यथा- अल्प विराम, अर्धविराम, पूर्णविराम, प्रश्नवाचक, विस्मयबोधक, चिन्हों का प्रयोग": {
            level1: [
                { question: "वाक्य के अंत में कौन सा चिन्ह लगता है?", options: ["पूर्ण विराम", "अल्प विराम", "प्रश्नवाचक", "विस्मयबोधक"], answer: "A" },
                { question: "प्रश्न पूछने के लिए किस चिन्ह का प्रयोग होता है?", options: ["प्रश्नवाचक", "विस्मयबोधक", "पूर्ण विराम", "अल्प विराम"], answer: "A" }
            ],
            level2: [
                { question: "एक ही प्रकार के शब्दों के बीच कौन सा चिन्ह लगता है?", options: ["अल्प विराम", "अर्ध विराम", "पूर्ण विराम", "उद्धरण चिन्ह"], answer: "A" }
            ],
            level3: [
                { question: "आश्चर्य या हर्ष दिखाने के लिए किस चिन्ह का प्रयोग होता है?", options: ["विस्मयबोधक", "प्रश्नवाचक", "अर्ध विराम", "योजक चिन्ह"], answer: "A" }
            ]
        },
        "समान ध्वनियों वाले शब्द": {
            level1: [
                { question: "'कुल' और 'कूल' में क्या अंतर है?", options: ["अर्थ भिन्न", "उच्चारण समान", "वर्तनी समान", "कोई अंतर नहीं"], answer: "A" },
                { question: "'अंश' और 'आंश' का अर्थ क्या है?", options: ["अंश-भाग, आंश-आँसू", "दोनों एक", "अंश-आँसू, आंश-भाग", "कोई नहीं"], answer: "A" }
            ],
            level2: [
                { question: "निम्न में से समान ध्वनि वाले शब्द युग्म कौन सा है?", options: ["कमल-कमल", "जल-थल", "राम-श्याम", "मोर-चोर"], answer: "A" }
            ],
            level3: [
                { question: "'घन' और 'घन' के क्या अर्थ हैं?", options: ["बादल और ठोस", "धन और घर", "गहन और हल्का", "मोटा और पतला"], answer: "A" }
            ]
        },
        "विलोम शब्द": {
            level1: [
                { question: "'आय' का विलोम शब्द क्या है?", options: ["व्यय", "लाभ", "हानि", "आगम"], answer: "A" },
                { question: "'अमृत' का विलोम क्या है?", options: ["विष", "जहर", "मृत", "अमर"], answer: "A" }
            ],
            level2: [
                { question: "'आदान' का विलोम शब्द क्या है?", options: ["प्रदान", "दान", "त्याग", "ग्रहण"], answer: "A" }
            ],
            level3: [
                { question: "'उन्नति' का विलोम शब्द है?", options: ["अवनति", "प्रगति", "विकास", "उत्थान"], answer: "A" }
            ]
        },
        "पर्यायवाची शब्द": {
            level1: [
                { question: "'अनल' का पर्यायवाची शब्द क्या है?", options: ["आग", "पानी", "हवा", "पृथ्वी"], answer: "A" },
                { question: "'पंकज' का अर्थ क्या है?", options: ["कमल", "कीचड़", "जल", "पत्ता"], answer: "A" }
            ],
            level2: [
                { question: "'अश्व' का पर्यायवाची कौन सा है?", options: ["घोड़ा", "हाथी", "सिंह", "बैल"], answer: "A" }
            ],
            level3: [
                { question: "'इंद्र' के लिए कौन सा पर्यायवाची नहीं है?", options: ["विष्णु", "सुरेश", "देवेश", "पुरंदर"], answer: "A" }
            ]
        },
        "वाक्यांशों के लिए एक शब्द": {
            level1: [
                { question: "'जिसका जन्म न हुआ हो' के लिए एक शब्द?", options: ["अजन्मा", "अजात", "अनुत्पन्न", "अजन्म"], answer: "A" },
                { question: "'जो कभी न मरे' के लिए एक शब्द?", options: ["अमर", "अविनाशी", "चिरंजीवी", "शाश्वत"], answer: "A" }
            ],
            level2: [
                { question: "'जो सुना जा सके' के लिए एक शब्द?", options: ["श्रव्य", "श्रुत", "सुनने योग्य", "कर्णप्रिय"], answer: "A" }
            ],
            level3: [
                { question: "'जिसका उपमा न हो' के लिए एक शब्द?", options: ["अनुपम", "अद्वितीय", "अतुल", "अतुलनीय"], answer: "A" }
            ]
        },
        "संज्ञा एवं उसके भेद": {
            level1: [
                { question: "'राम' किस प्रकार की संज्ञा है?", options: ["व्यक्तिवाचक", "जातिवाचक", "भाववाचक", "द्रव्यवाचक"], answer: "A" },
                { question: "'मिठास' किस प्रकार की संज्ञा है?", options: ["भाववाचक", "जातिवाचक", "व्यक्तिवाचक", "समूहवाचक"], answer: "A" }
            ],
            level2: [
                { question: "जातिवाचक संज्ञा का उदाहरण कौन सा है?", options: ["पुस्तक", "गंगा", "राम", "दिल्ली"], answer: "A" }
            ],
            level3: [
                { question: "समूहवाचक संज्ञा का उदाहरण है?", options: ["समाज", "लड़का", "सुंदर", "दौड़"], answer: "A" }
            ]
        },
        "सर्वनाम एवं उसके भेद": {
            level1: [
                { question: "'मैं' किस प्रकार का सर्वनाम है?", options: ["उत्तम पुरुष", "मध्यम पुरुष", "अन्य पुरुष", "निजवाचक"], answer: "A" },
                { question: "'तुम' किस पुरुष का सर्वनाम है?", options: ["मध्यम", "उत्तम", "अन्य", "निज"], answer: "A" }
            ],
            level2: [
                { question: "निजवाचक सर्वनाम का उदाहरण क्या है?", options: ["अपना", "मैं", "तू", "वह"], answer: "A" }
            ],
            level3: [
                { question: "'जो' किस प्रकार का सर्वनाम है?", options: ["संबंधवाचक", "निश्चयवाचक", "अनिश्चयवाचक", "प्रश्नवाचक"], answer: "A" }
            ]
        },
        "क्रिया एवं उसके भेद": {
            level1: [
                { question: "'पढ़ना' क्रिया का कौन सा रूप है?", options: ["अकर्मक", "सकर्मक", "प्रेरणार्थक", "द्विकर्मक"], answer: "B" },
                { question: "'सोना' किस प्रकार की क्रिया है?", options: ["अकर्मक", "सकर्मक", "प्रेरणार्थक", "नामधातु"], answer: "A" }
            ],
            level2: [
                { question: "प्रेरणार्थक क्रिया का उदाहरण है?", options: ["पढ़ाना", "पढ़ना", "लिखना", "खाना"], answer: "A" }
            ],
            level3: [
                { question: "संयुक्त क्रिया का उदाहरण है?", options: ["जाना-पहचाना", "पढ़ना", "लिखना", "खेलना"], answer: "A" }
            ]
        },
        "विशेषण एवं उसके भेद": {
            level1: [
                { question: "'लाल' किस प्रकार का विशेषण है?", options: ["गुणवाचक", "संख्यावाचक", "परिमाणवाचक", "सार्वनामिक"], answer: "A" },
                { question: "'दो' किस प्रकार का विशेषण है?", options: ["संख्यावाचक", "गुणवाचक", "परिमाणवाचक", "सार्वनामिक"], answer: "A" }
            ],
            level2: [
                { question: "'कुछ' किस प्रकार का विशेषण है?", options: ["परिमाणवाचक", "गुणवाचक", "संख्यावाचक", "सार्वनामिक"], answer: "A" }
            ],
            level3: [
                { question: "सार्वनामिक विशेषण का उदाहरण है?", options: ["यह लड़का", "अच्छा लड़का", "पाँच लड़के", "थोड़ा पानी"], answer: "A" }
            ]
        },
        "वचन": {
            level1: [
                { question: "'लड़का' का बहुवचन क्या है?", options: ["लड़के", "लड़कों", "लड़कियाँ", "लड़का"], answer: "A" },
                { question: "'पुस्तक' का बहुवचन क्या होगा?", options: ["पुस्तकें", "पुस्तकों", "पुस्तके", "पुस्तका"], answer: "A" }
            ],
            level2: [
                { question: "'गुरु' का बहुवचन रूप क्या है?", options: ["गुरु", "गुरुओं", "गुरुजन", "गुरुगण"], answer: "A" }
            ],
            level3: [
                { question: "'माता' का बहुवचन क्या है?", options: ["माताएँ", "माताओं", "मातृगण", "माता"], answer: "A" }
            ]
        },
        "लिंग": {
            level1: [
                { question: "पुल्लिंग शब्द कौन सा है?", options: ["पिता", "माता", "बहन", "लड़की"], answer: "A" },
                { question: "'लेखिका' किस लिंग का शब्द है?", options: ["स्त्रीलिंग", "पुल्लिंग", "उभयलिंग", "कोई नहीं"], answer: "A" }
            ],
            level2: [
                { question: "'शेरनी' किस लिंग का रूप है?", options: ["स्त्रीलिंग", "पुल्लिंग", "नपुंसक", "उभयलिंग"], answer: "A" }
            ],
            level3: [
                { question: "'मोर' का स्त्रीलिंग रूप क्या है?", options: ["मोरनी", "मोरिन", "मोरी", "मोरा"], answer: "A" }
            ]
        },
        "काल": {
            level1: [
                { question: "'राम जाता है' में कौन सा काल है?", options: ["वर्तमान", "भूत", "भविष्य", "पूर्ण भूत"], answer: "A" },
                { question: "'वह आएगा' में कौन सा काल है?", options: ["भविष्यत्", "वर्तमान", "भूत", "अपूर्ण भूत"], answer: "A" }
            ],
            level2: [
                { question: "'वह खा चुका था' में कौन सा काल है?", options: ["पूर्ण भूत", "आसन्न भूत", "अपूर्ण भूत", "सामान्य भूत"], answer: "A" }
            ],
            level3: [
                { question: "संदिग्ध भूतकाल का उदाहरण है?", options: ["वह आया होगा", "वह आया था", "वह आ रहा था", "वह आ चुका था"], answer: "A" }
            ]
        },
        "कारक": {
            level1: [
                { question: "'राम ने खाना खाया' में 'ने' किस कारक का चिह्न है?", options: ["कर्ता", "कर्म", "करण", "संप्रदान"], answer: "A" },
                { question: "'राम से पढ़ा जाता है' में 'से' किस कारक का चिह्न है?", options: ["करण", "अपादान", "संप्रदान", "अधिकरण"], answer: "A" }
            ],
            level2: [
                { question: "'पुस्तक मेज पर है' में 'पर' किस कारक का चिह्न है?", options: ["अधिकरण", "अपादान", "संप्रदान", "करण"], answer: "A" }
            ],
            level3: [
                { question: "'मोहन को पुस्तक दो' में 'को' किस कारक का चिह्न है?", options: ["संप्रदान", "कर्म", "कर्ता", "अपादान"], answer: "A" }
            ]
        },
        "प्रत्यय": {
            level1: [
                { question: "'लड़कपन' में कौन सा प्रत्यय है?", options: ["पन", "लड़", "क", "अक"], answer: "A" },
                { question: "'भारतीय' में प्रत्यय है?", options: ["ईय", "अ", "ती", "य"], answer: "A" }
            ],
            level2: [
                { question: "'पठनीय' में कौन सा प्रत्यय है?", options: ["अनीय", "नीय", "ईय", "य"], answer: "A" }
            ],
            level3: [
                { question: "'सज्जनता' में प्रत्यय है?", options: ["ता", "त्व", "ता", "पन"], answer: "A" }
            ]
        },
        "उपसर्ग": {
            level1: [
                { question: "'अभिनय' में कौन सा उपसर्ग है?", options: ["अभि", "अभी", "अ", "अनु"], answer: "A" },
                { question: "'प्रबल' में उपसर्ग क्या है?", options: ["प्र", "प्रा", "परा", "प्रति"], answer: "A" }
            ],
            level2: [
                { question: "'दुराचार' में उपसर्ग है?", options: ["दुर", "दु", "दुस", "दु:"], answer: "A" }
            ],
            level3: [
                { question: "'संयोग' में उपसर्ग क्या है?", options: ["सम्", "स", "सन्", "सह"], answer: "A" }
            ]
        },
        "तत्सम एवं तद्भव": {
            level1: [
                { question: "'आग' किस प्रकार का शब्द है?", options: ["तद्भव", "तत्सम", "देशज", "विदेशी"], answer: "A" },
                { question: "'क्षीर' का तद्भव रूप क्या है?", options: ["खीर", "दूध", "क्षीर", "दुग्ध"], answer: "A" }
            ],
            level2: [
                { question: "'रात' किसका तद्भव रूप है?", options: ["रात्रि", "रजनी", "निशा", "यामिनी"], answer: "A" }
            ],
            level3: [
                { question: "'गाय' तत्सम रूप क्या है?", options: ["गौ", "गो", "गव", "गाए"], answer: "A" }
            ]
        },
        "वर्तनी": {
            level1: [
                { question: "शुद्ध वर्तनी वाला शब्द कौन सा है?", options: ["कीर्ति", "कीर्त्ति", "किर्ति", "कीर्ती"], answer: "A" },
                { question: "'आरोग्य' शब्द की शुद्ध वर्तनी क्या है?", options: ["आरोग्य", "आरोग्य", "आरोग्य", "आरोग्य"], answer: "A" }
            ],
            level2: [
                { question: "'मर्यादा' की शुद्ध वर्तनी है?", options: ["मर्यादा", "मर्यादा", "मर्यादा", "मर्यादा"], answer: "A" }
            ],
            level3: [
                { question: "'उज्ज्वल' की शुद्ध वर्तनी क्या है?", options: ["उज्ज्वल", "उज्जवल", "उज्जवल", "उज्ज्वल"], answer: "A" }
            ]
        },
        "लोकोक्तियाँ एवं मुहावरों के अर्थ": {
            level1: [
                { question: "'अंगारे उगलना' मुहावरे का अर्थ?", options: ["क्रोध करना", "प्रेम करना", "डरना", "हँसना"], answer: "A" },
                { question: "'चोटी का' मुहावरे का अर्थ क्या है?", options: ["उत्तम", "निम्न", "बुरा", "औसत"], answer: "A" }
            ],
            level2: [
                { question: "'नाक रगड़ना' का अर्थ?", options: ["खुशामद करना", "दुखी होना", "लड़ना", "भागना"], answer: "A" }
            ],
            level3: [
                { question: "'ऊँट के मुँह में जीरा' का अर्थ?", options: ["अपर्याप्तता", "अधिकता", "सुंदरता", "कुरूपता"], answer: "A" }
            ]
        },
        "संधि": {
            level1: [
                { question: "'सूर्योदय' में कौन सी संधि है?", options: ["गुण", "वृद्धि", "यण", "अयादि"], answer: "A" },
                { question: "'नमोनमः' में कौन सी संधि है?", options: ["विसर्ग", "यण", "गुण", "दीर्घ"], answer: "A" }
            ],
            level2: [
                { question: "'महर्षि' में कौन सी संधि है?", options: ["यण", "गुण", "वृद्धि", "विसर्ग"], answer: "A" }
            ],
            level3: [
                { question: "'पवन' का संधि-विच्छेद क्या है?", options: ["पो + अन", "प + अन", "पौ + अन", "पो + न"], answer: "A" }
            ]
        },
        "वाच्य": {
            level1: [
                { question: "'राम ने खाना खाया' में कौन सा वाच्य है?", options: ["कर्तृवाच्य", "कर्मवाच्य", "भाववाच्य", "मिश्र"], answer: "A" },
                { question: "'मुझसे उठा नहीं जाता' में वाच्य है?", options: ["भाववाच्य", "कर्तृवाच्य", "कर्मवाच्य", "प्रेरणार्थक"], answer: "A" }
            ],
            level2: [
                { question: "'राम से पुस्तक पढ़ी गई' में वाच्य है?", options: ["कर्मवाच्य", "कर्तृवाच्य", "भाववाच्य", "निष्क्रिय"], answer: "A" }
            ],
            level3: [
                { question: "कर्तृवाच्य का उदाहरण कौन सा है?", options: ["वह खाता है", "उससे खाया जाता है", "उससे खाया गया", "खाया जाता है"], answer: "A" }
            ]
        },
        "शब्द रूप": {
            level1: [
                { question: "'राम' का संबोधन एकवचन क्या है?", options: ["हे राम", "रामेण", "रामाय", "रामात्"], answer: "A" }
            ],
            level2: [
                { question: "'बालक' के तृतीया विभक्ति बहुवचन का रूप क्या है?", options: ["बालकैः", "बालकेन", "बालकेभ्यः", "बालकानाम्"], answer: "A" }
            ],
            level3: [
                { question: "'फल' के पंचमी विभक्ति एकवचन का रूप क्या है?", options: ["फलात्", "फलेन", "फलाय", "फले"], answer: "A" }
            ]
        },
        "समास": {
            level1: [
                { question: "'राजपुत्र' में कौन सा समास है?", options: ["तत्पुरुष", "द्वंद्व", "बहुव्रीहि", "कर्मधारय"], answer: "A" },
                { question: "'नीलकंठ' में समास है?", options: ["बहुव्रीहि", "तत्पुरुष", "द्विगु", "अव्ययीभाव"], answer: "A" }
            ],
            level2: [
                { question: "'दशानन' में कौन सा समास है?", options: ["बहुव्रीहि", "कर्मधारय", "तत्पुरुष", "द्वंद्व"], answer: "A" }
            ],
            level3: [
                { question: "'यथाशक्ति' में समास है?", options: ["अव्ययीभाव", "तत्पुरुष", "बहुव्रीहि", "कर्मधारय"], answer: "A" }
            ]
        },
        "अलंकार": {
            level1: [
                { question: "'मुख चन्द्रमा सा सुंदर है' में अलंकार है?", options: ["उपमा", "रूपक", "उत्प्रेक्षा", "अनुप्रास"], answer: "A" },
                { question: "जहाँ एक ही वर्ण की बार-बार आवृत्ति हो, वहाँ कौन सा अलंकार होता है?", options: ["अनुप्रास", "यमक", "श्लेष", "उपमा"], answer: "A" }
            ],
            level2: [
                { question: "'सागर सा गंभीर हृदय' में अलंकार है?", options: ["उपमा", "रूपक", "उत्प्रेक्षा", "अतिशयोक्ति"], answer: "A" }
            ],
            level3: [
                { question: "'मानो मदन मूरत मुखराग' में अलंकार है?", options: ["उत्प्रेक्षा", "उपमा", "रूपक", "अनुप्रास"], answer: "A" }
            ]
        },
        "कवियों एवं लेखकों की रचनाएं": {
            level1: [
                { question: "'रामचरितमानस' के रचयिता कौन हैं?", options: ["तुलसीदास", "सूरदास", "मीराबाई", "कबीरदास"], answer: "A" },
                { question: "'मधुशाला' के रचनाकार हैं?", options: ["हरिवंश राय बच्चन", "निराला", "पंत", "महादेवी वर्मा"], answer: "A" }
            ],
            level2: [
                { question: "'गोदान' के लेखक कौन हैं?", options: ["प्रेमचंद", "जयशंकर प्रसाद", "मैथिलीशरण गुप्त", "रामचंद्र शुक्ल"], answer: "A" }
            ],
            level3: [
                { question: "'कामायनी' के रचयिता हैं?", options: ["जयशंकर प्रसाद", "निराला", "पंत", "महादेवी वर्मा"], answer: "A" }
            ]
        },
        "भाषा विकास का अध्यापन": {
            level1: [
                { question: "भाषा विकास का मुख्य उद्देश्य क्या है?", options: ["संप्रेषण क्षमता का विकास", "व्याकरण सिखाना", "लिपि ज्ञान देना", "कविता लिखना"], answer: "A" },
                { question: "बालक में भाषा विकास का सर्वप्रथम रूप क्या है?", options: ["सुनना", "बोलना", "पढ़ना", "लिखना"], answer: "A" }
            ],
            level2: [
                { question: "प्राथमिक स्तर पर भाषा शिक्षण की सबसे उपयुक्त विधि कौन सी है?", options: ["खेल विधि", "व्याकरण विधि", "अनुवाद विधि", "सूत्र विधि"], answer: "A" }
            ],
            level3: [
                { question: "भाषा कौशलों में सबसे अंत में कौन सा कौशल विकसित होता है?", options: ["लेखन", "श्रवण", "वाचन", "भाषण"], answer: "A" }
            ]
        }
    };
    
    // Complete list of 31 Hindi Language I topics
    const allTopics = [
        "अपठित अनुच्छेद", "हिन्दी वर्णमाला (स्वर, व्यंजन)", "वर्णों के मेल से मात्रिक तथा अमात्रिक शब्दों की पहचान", "वाक्य रचना",
        "हिन्दी की सभी ध्वनियों के पारस्परिक अंतर की जानकारी", "हिन्दी भाषा की सभी ध्वनियों, वर्णों, अनुस्वार, अनुनासिक एवं चन्द्रबिन्दु में अन्तर",
        "विराम चिन्हों यथा- अल्प विराम, अर्धविराम, पूर्णविराम, प्रश्नवाचक, विस्मयबोधक, चिन्हों का प्रयोग", "समान ध्वनियों वाले शब्द",
        "विलोम शब्द", "पर्यायवाची शब्द", "वाक्यांशों के लिए एक शब्द", "संज्ञा एवं उसके भेद", "सर्वनाम एवं उसके भेद",
        "क्रिया एवं उसके भेद", "विशेषण एवं उसके भेद", "वचन", "लिंग", "काल", "कारक", "प्रत्यय", "उपसर्ग", "तत्सम एवं तद्भव",
        "वर्तनी", "लोकोक्तियाँ एवं मुहावरों के अर्थ", "संधि", "वाच्य", "शब्द रूप", "समास", "अलंकार", "कवियों एवं लेखकों की रचनाएं",
        "भाषा विकास का अध्यापन"
    ];
    
    // 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 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');
    
    let selectedChapters = [];
    let selectedLevel = null;
    
    function populateChapters() {
        const container = document.getElementById('chapterCheckboxContainer');
        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() {
                const allChapterCheckboxes = document.querySelectorAll('input[name="chapter"]');
                allChapterCheckboxes.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));
    }
    
    // Event Listeners
    startGeneratingBtn.addEventListener('click', function() {
        startScreen.classList.add('hidden');
        subjectSelection.classList.remove('hidden');
    });
    
    selectHindiBtn.addEventListener('click', function() {
        subjectSelection.classList.add('hidden');
        populateChapters();
        chapterSelection.classList.remove('hidden');
    });
    
    backToStartBtn.addEventListener('click', function() {
        generatedPaperContainer.classList.add('hidden');
        startContainer.classList.remove('hidden');
        chapterSelection.classList.add('hidden');
        levelSelection.classList.add('hidden');
        startScreen.classList.remove('hidden');
        subjectSelection.classList.add('hidden');
    });
    
    generateAssignmentBtn.addEventListener('click', function() {
        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');
    });
    
    backToChaptersBtn.addEventListener('click', function() {
        levelSelection.classList.add('hidden');
        chapterSelection.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.addEventListener('click', function() { selectLevel(1); });
    level2Btn.addEventListener('click', function() { selectLevel(2); });
    level3Btn.addEventListener('click', function() { selectLevel(3); });
    
    generateFinalBtn.addEventListener('click', function() {
        if(!selectedLevel) {
            alert("कृपया कठिनाई स्तर चुनें!");
            return;
        }
        
        startContainer.classList.add('hidden');
        levelSelection.classList.add('hidden');
        generatedPaperContainer.classList.remove('hidden');
        generatedPaperContainer.innerHTML = '';
        
        const mcqs = getRandomQuestions(selectedChapters, selectedLevel, 45);
        let questionNumber = 1;
        let paperContent = `
            <div class="header">
                <h2>UP TET Paper 1 - भाषा प्रथम (हिन्दी) असाइनमेंट</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>उचित विकल्प का चयन करें।</li>
                        <li>समय: 60 मिनट</li>
                    </ol>
                </div>
                <div class="question-section">
                    <div class="section-heading">बहुविकल्पीय प्रश्न (MCQs)</div>`;
        
        mcqs.forEach(mcq => {
            paperContent += `
                <div class="question">
                    <div class="question-text">${questionNumber}. ${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>`;
            questionNumber++;
        });
        
        paperContent += `
                </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) {
            paperContent += `<tr>`;
            for(let j=0; j<3; j++) {
                if(i+j < mcqs.length) {
                    paperContent += `<td>${i+j+1}</td><td>${mcqs[i+j].answer}</td>`;
                } else {
                    paperContent += `<td></td><td></td>`;
                }
            }
            paperContent += `</tr>`;
        }
        
        paperContent += `
                        </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 = paperContent;
        
        document.getElementById('printBtn').addEventListener('click', function() { window.print(); });
        document.getElementById('downloadBtn').addEventListener('click', downloadPDF);
        document.getElementById('newAssignmentBtn').addEventListener('click', function() {
            generatedPaperContainer.classList.add('hidden');
            startContainer.classList.remove('hidden');
            startScreen.classList.remove('hidden');
            subjectSelection.classList.add('hidden');
            chapterSelection.classList.add('hidden');
            levelSelection.classList.add('hidden');
            selectedLevel = null;
            level1Btn.classList.remove('selected');
            level2Btn.classList.remove('selected');
            level3Btn.classList.remove('selected');
        });
    });
    
    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: 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_Assignment.pdf');
        } catch(err) { 
            console.error(err); 
            alert('PDF जनरेशन में त्रुटि। कृपया पुनः प्रयास करें।'); 
        } finally { 
            if(tempDiv && tempDiv.parentNode) document.body.removeChild(tempDiv); 
        }
    }
</script>
</body>
</html>