<!DOCTYPE html>
<html lang="hi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CTET 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;
        }

        .header-controls {
            position: absolute;
            top: 20px;
            right: 20px;
            display: flex;
            gap: 12px;
            z-index: 5;
        }

        .header-controls .home-icon {
            position: relative;
            top: 0;
            left: 0;
            color: white;
            font-size: 24px;
            cursor: pointer;
            transition: var(--transition);
            text-decoration: none;
            display: inline-block;
        }
        .header-controls .home-icon:hover {
            transform: scale(1.1);
            color: rgba(255, 255, 255, 0.8);
        }

        .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; }
            .header-controls { top: 12px; right: 12px; gap: 8px; }
        }

        @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; }
            .header-controls { 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; }
        .flex-center { display: flex; justify-content: center; align-items: center; gap: 10px; flex-wrap: wrap; }
    </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">
        <div class="header-controls">
            <a href="ctet-exam-paper1-assignment-generator.html" class="home-icon" ><i class="fas fa-home"></i></a>
        </div>
        <h1 id="mainTitle">CTET Paper 1</h1>
        <p id="mainSubtitle">हिंदी भाषा एवं शिक्षाशास्त्र (Hindi Language and Pedagogy) असाइनमेंट जनरेटर</p>
    </div>
    <div class="content-area">
        <div id="startScreen">
            <h2 class="section-title" id="startTitle">हिंदी भाषा एवं शिक्षाशास्त्र असाइनमेंट जनरेटर</h2>
            <div class="btn-group">
                <button class="btn btn-primary" id="startGeneratingBtn">असाइनमेंट बनाएँ</button>
            </div>
        </div>

        <div id="subjectSelection" class="hidden">
            <h2 class="section-title" id="subjectTitle">विषय का चयन करें</h2>
            <div class="btn-group">
                <button class="btn btn-primary" id="selectPedagogyBtn">हिंदी भाषा एवं शिक्षाशास्त्र (Hindi Language & Pedagogy)</button>
            </div>
        </div>

        <div id="chapterSelection" class="hidden">
            <h2 class="section-title" id="chapterTitle">अध्याय / विषय चुनें</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" id="levelTitle">कठिनाई स्तर चुनें</h2>
            <p class="text-center" id="levelDesc">अपने असाइनमेंट के लिए स्तर का चयन करें:</p>
            <div class="level-buttons">
                <button class="btn btn-level" id="level1Btn">स्तर 1<br><small id="level1Sub">बेसिक स्तर</small></button>
                <button class="btn btn-level" id="level2Btn">स्तर 2<br><small id="level2Sub">मध्यम स्तर</small></button>
                <button class="btn btn-level" id="level3Btn">स्तर 3<br><small id="level3Sub">परीक्षा स्तर</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;
    
    // =====================================================
    // HINDI LANGUAGE & PEDAGOGY QUESTION BANK (41 TOPICS)
    // =====================================================
    const questionBank = {};

    // Helper to add questions
    function addQuestions(topicKey, questions) {
        if (!questionBank[topicKey]) questionBank[topicKey] = { level1: [], level2: [], level3: [] };
        // Distribute questions across levels (3 each)
        const levels = ['level1', 'level2', 'level3'];
        questions.forEach((q, idx) => {
            const levelKey = levels[idx % 3];
            questionBank[topicKey][levelKey].push(q);
        });
    }

    // ----- HINDI LANGUAGE TOPICS (1-31) -----
    addQuestions('अपठित गद्यांश', [
        { question: "अपठित गद्यांश में किस प्रकार के प्रश्न पूछे जाते हैं?", options: ["गद्यांश पर आधारित", "व्याकरण पर आधारित", "कविता पर आधारित", "लेखक पर आधारित"], answer: "A" },
        { question: "अपठित गद्यांश को पढ़ने का मुख्य उद्देश्य क्या है?", options: ["समझ विकसित करना", "रटना", "लिखना", "बोलना"], answer: "A" },
        { question: "अपठित गद्यांश में किस कौशल का परीक्षण किया जाता है?", options: ["पठन समझ", "लेखन", "श्रवण", "वाचन"], answer: "A" }
    ]);

    addQuestions('अपठित पद्यांश', [
        { question: "अपठित पद्यांश में किस प्रकार के प्रश्न पूछे जाते हैं?", options: ["काव्यांश पर आधारित", "गद्यांश पर आधारित", "व्याकरण पर आधारित", "लेखक पर आधारित"], answer: "A" },
        { question: "अपठित पद्यांश में किसका महत्व होता है?", options: ["भावग्रहण", "तथ्य", "सूचना", "आंकड़े"], answer: "A" },
        { question: "अपठित पद्यांश में किस कौशल का परीक्षण होता है?", options: ["काव्य-बोध", "गद्य-बोध", "व्याकरण-बोध", "लेखन-बोध"], answer: "A" }
    ]);

    addQuestions('हिन्दी वर्णमाला (स्वर, व्यंजन)', [
        { question: "हिंदी वर्णमाला में कितने स्वर हैं?", options: ["11", "10", "12", "13"], answer: "A" },
        { question: "हिंदी वर्णमाला में कितने व्यंजन हैं?", options: ["33", "35", "36", "32"], answer: "A" },
        { question: "'क' किस प्रकार का वर्ण है?", options: ["व्यंजन", "स्वर", "मात्रा", "संयुक्त"], answer: "A" }
    ]);

    addQuestions('वर्णों के मेल से मात्रिक तथा अमात्रिक शब्दों की पहचान', [
        { question: "मात्रिक शब्द का उदाहरण कौन सा है?", options: ["कमल", "कल", "अमल", "कम"], answer: "A" },
        { question: "अमात्रिक शब्द का उदाहरण कौन सा है?", options: ["कृ", "कर", "कला", "मन"], answer: "A" },
        { question: "'कमल' में कितनी मात्राएँ हैं?", options: ["दो", "एक", "तीन", "चार"], answer: "A" }
    ]);

    addQuestions('वाक्य रचना', [
        { question: "वाक्य रचना में किसका ध्यान रखा जाता है?", options: ["व्याकरणिक नियम", "अर्थ", "लय", "तुक"], answer: "A" },
        { question: "सरल वाक्य किसे कहते हैं?", options: ["एक क्रिया वाला", "दो क्रिया वाला", "तीन क्रिया वाला", "बिना क्रिया का"], answer: "A" },
        { question: "संयुक्त वाक्य में कितनी क्रियाएँ होती हैं?", options: ["दो या अधिक", "एक", "तीन", "चार"], answer: "A" }
    ]);

    addQuestions('हिन्दी की सभी ध्वनियों के पारस्परिक अंतर की जानकारी', [
        { question: "हिंदी में कुल कितनी ध्वनियाँ हैं?", options: ["52", "48", "50", "54"], answer: "A" },
        { question: "'श' और 'ष' में क्या अंतर है?", options: ["उच्चारण स्थान", "लेखन", "अर्थ", "कोई नहीं"], answer: "A" },
        { question: "अल्पप्राण और महाप्राण में अंतर किस पर आधारित है?", options: ["श्वास", "स्थान", "प्रयास", "काल"], answer: "A" }
    ]);

    addQuestions('ध्वनियाँ, वर्ण, अनुस्वार, अनुनासिक एवं चन्द्रबिन्दु में अन्तर', [
        { question: "अनुस्वार का चिह्न क्या है?", options: ["ं", "ँ", "ः", "।"], answer: "A" },
        { question: "चन्द्रबिन्दु का प्रयोग किसके लिए होता है?", options: ["अनुनासिकता", "अनुस्वार", "विसर्ग", "विराम"], answer: "A" },
        { question: "अनुस्वार और अनुनासिक में मूल अंतर क्या है?", options: ["उच्चारण", "लेखन", "अर्थ", "स्थान"], answer: "A" }
    ]);

    addQuestions('विराम चिन्हों का प्रयोग (अल्प विराम, अर्धविराम, पूर्णविराम, प्रश्नवाचक, विस्मयबोधक)', [
        { question: "पूर्ण विराम का चिह्न क्या है?", options: ["।", ",", ";", "?"], answer: "A" },
        { question: "प्रश्नवाचक चिह्न का प्रयोग किस वाक्य में होता है?", options: ["प्रश्नवाचक", "विस्मय", "विधान", "निषेध"], answer: "A" },
        { question: "अल्प विराम का चिह्न क्या है?", options: [",", ";", "।", "?"], answer: "A" }
    ]);

    addQuestions('समान ध्वनियों वाले शब्द', [
        { question: "समान ध्वनि वाले शब्द क्या कहलाते हैं?", options: ["समश्रुत", "विलोम", "पर्याय", "एकार्थी"], answer: "A" },
        { question: "निम्न में से कौन समश्रुत शब्द युग्म है?", options: ["कुल-कूल", "दिन-दीन", "राम-राम", "मन-मन"], answer: "A" },
        { question: "समश्रुत शब्दों में किसका ध्यान रखना चाहिए?", options: ["अर्थ", "वर्ण", "मात्रा", "लय"], answer: "A" }
    ]);

    addQuestions('विलोम शब्द', [
        { question: "विलोम शब्द किसे कहते हैं?", options: ["विपरीत अर्थ वाले", "समान अर्थ वाले", "एक जैसे", "मिलते-जुलते"], answer: "A" },
        { question: "'अमृत' का विलोम क्या है?", options: ["विष", "जल", "दूध", "घी"], answer: "A" },
        { question: "'सुख' का विलोम है?", options: ["दुःख", "आनंद", "शांति", "संतोष"], answer: "A" }
    ]);

    addQuestions('पर्यायवाची शब्द', [
        { question: "पर्यायवाची शब्द किसे कहते हैं?", options: ["समान अर्थ वाले", "विपरीत अर्थ वाले", "एक जैसे", "मिलते-जुलते"], answer: "A" },
        { question: "'पानी' का पर्यायवाची क्या है?", options: ["जल", "अग्नि", "वायु", "पृथ्वी"], answer: "A" },
        { question: "'सूर्य' का पर्यायवाची है?", options: ["रवि", "चंद्र", "तारा", "ग्रह"], answer: "A" }
    ]);

    addQuestions('वाक्यांशों के लिए एक शब्द', [
        { question: "जो कभी न मरे, उसे क्या कहते हैं?", options: ["अमर", "मर", "जीवित", "शाश्वत"], answer: "A" },
        { question: "जो पढ़ा न गया हो, उसे क्या कहते हैं?", options: ["अपठित", "पठित", "लिखित", "अलिखित"], answer: "A" },
        { question: "जो दिखाई न दे, उसे क्या कहते हैं?", options: ["अदृश्य", "दृश्य", "स्पष्ट", "अस्पष्ट"], answer: "A" }
    ]);

    addQuestions('संज्ञा एवं उसके भेद', [
        { question: "संज्ञा किसे कहते हैं?", options: ["नाम", "क्रिया", "गुण", "अवस्था"], answer: "A" },
        { question: "व्यक्तिवाचक संज्ञा का उदाहरण क्या है?", options: ["राम", "पुस्तक", "सुंदर", "दौड़ना"], answer: "A" },
        { question: "जातिवाचक संज्ञा का उदाहरण क्या है?", options: ["नदी", "गंगा", "यमुना", "सरस्वती"], answer: "A" }
    ]);

    addQuestions('सर्वनाम एवं उसके भेद', [
        { question: "सर्वनाम किसे कहते हैं?", options: ["संज्ञा के स्थान पर", "क्रिया के स्थान पर", "विशेषण के स्थान पर", "क्रिया-विशेषण के स्थान पर"], answer: "A" },
        { question: "निजवाचक सर्वनाम का उदाहरण क्या है?", options: ["आप", "मैं", "तू", "वह"], answer: "A" },
        { question: "निश्चयवाचक सर्वनाम का उदाहरण क्या है?", options: ["यह", "कोई", "कुछ", "सब"], answer: "A" }
    ]);

    addQuestions('क्रिया एवं उसके भेद', [
        { question: "क्रिया किसे कहते हैं?", options: ["कार्य", "नाम", "गुण", "अवस्था"], answer: "A" },
        { question: "अकर्मक क्रिया का उदाहरण क्या है?", options: ["सोना", "खाना", "पीना", "लिखना"], answer: "A" },
        { question: "सकर्मक क्रिया का उदाहरण क्या है?", options: ["पढ़ना", "रोना", "हँसना", "जागना"], answer: "A" }
    ]);

    addQuestions('विशेषण एवं उसके भेद', [
        { question: "विशेषण किसे कहते हैं?", options: ["गुण बताने वाला", "कार्य बताने वाला", "नाम बताने वाला", "अवस्था बताने वाला"], answer: "A" },
        { question: "गुणवाचक विशेषण का उदाहरण क्या है?", options: ["सुंदर", "काला", "तीन", "यह"], answer: "A" },
        { question: "संख्यावाचक विशेषण का उदाहरण क्या है?", options: ["पाँच", "बड़ा", "छोटा", "मीठा"], answer: "A" }
    ]);

    addQuestions('वचन', [
        { question: "वचन कितने प्रकार के होते हैं?", options: ["दो", "तीन", "चार", "एक"], answer: "A" },
        { question: "एकवचन का उदाहरण क्या है?", options: ["लड़का", "लड़के", "लड़कों", "लड़की"], answer: "A" },
        { question: "बहुवचन का उदाहरण क्या है?", options: ["लड़के", "लड़का", "लड़की", "लड़कियाँ"], answer: "A" }
    ]);

    addQuestions('लिंग', [
        { question: "लिंग कितने प्रकार के होते हैं?", options: ["दो", "तीन", "चार", "एक"], answer: "A" },
        { question: "पुल्लिंग का उदाहरण क्या है?", options: ["लड़का", "लड़की", "बच्चा", "बच्ची"], answer: "A" },
        { question: "स्त्रीलिंग का उदाहरण क्या है?", options: ["लड़की", "लड़का", "बालक", "बालिका"], answer: "A" }
    ]);

    addQuestions('काल', [
        { question: "काल कितने प्रकार के होते हैं?", options: ["तीन", "दो", "चार", "पाँच"], answer: "A" },
        { question: "भूतकाल का उदाहरण क्या है?", options: ["गया", "जाता है", "जाएगा", "जा रहा है"], answer: "A" },
        { question: "भविष्यत काल का उदाहरण क्या है?", options: ["जाएगा", "गया", "जाता है", "जा रहा है"], answer: "A" }
    ]);

    addQuestions('कारक', [
        { question: "कारक कितने प्रकार के होते हैं?", options: ["आठ", "सात", "छह", "नौ"], answer: "A" },
        { question: "कर्ता कारक का चिह्न क्या है?", options: ["ने", "को", "से", "का"], answer: "A" },
        { question: "कर्म कारक का चिह्न क्या है?", options: ["को", "ने", "से", "के लिए"], answer: "A" }
    ]);

    addQuestions('प्रत्यय', [
        { question: "प्रत्यय किसे कहते हैं?", options: ["शब्द के अंत में", "शब्द के आरंभ में", "शब्द के मध्य में", "शब्द के साथ"], answer: "A" },
        { question: "कृत प्रत्यय का उदाहरण क्या है?", options: ["करता", "पढ़ाई", "सुंदरता", "भलाई"], answer: "A" },
        { question: "तद्धित प्रत्यय का उदाहरण क्या है?", options: ["भारतीय", "पढ़ाई", "करता", "हँसी"], answer: "A" }
    ]);

    addQuestions('उपसर्ग', [
        { question: "उपसर्ग किसे कहते हैं?", options: ["शब्द के आरंभ में", "शब्द के अंत में", "शब्द के मध्य में", "शब्द के साथ"], answer: "A" },
        { question: "'अ' उपसर्ग का अर्थ क्या है?", options: ["नहीं", "बहुत", "अच्छा", "बुरा"], answer: "A" },
        { question: "'सु' उपसर्ग का अर्थ क्या है?", options: ["अच्छा", "बुरा", "बहुत", "थोड़ा"], answer: "A" }
    ]);

    addQuestions('तत्सम एवं तद्भव', [
        { question: "तत्सम शब्द किसे कहते हैं?", options: ["संस्कृत से लिए गए", "देशज", "विदेशी", "अरबी"], answer: "A" },
        { question: "तद्भव शब्द किसे कहते हैं?", options: ["संस्कृत से बने", "देशज", "विदेशी", "अरबी"], answer: "A" },
        { question: "'अग्नि' किस प्रकार का शब्द है?", options: ["तत्सम", "तद्भव", "देशज", "विदेशी"], answer: "A" }
    ]);

    addQuestions('वर्तनी', [
        { question: "वर्तनी का संबंध किससे है?", options: ["शुद्ध लेखन", "उच्चारण", "अर्थ", "व्याकरण"], answer: "A" },
        { question: "शुद्ध वर्तनी कौन सी है?", options: ["विद्यालय", "विधालय", "विद्यालय", "विध्यालय"], answer: "A" },
        { question: "अशुद्ध वर्तनी कौन सी है?", options: ["आशीर्वाद", "आशीर्वाद", "आशीर्वाद", "आशीर्वाद"], answer: "A" }
    ]);

    addQuestions('लोकोक्तियाँ एवं मुहावरों के अर्थ', [
        { question: "लोकोक्ति किसे कहते हैं?", options: ["लोक प्रचलित कथन", "व्यक्तिगत कथन", "लेखकीय कथन", "शास्त्रीय कथन"], answer: "A" },
        { question: "'आँख का अंधा नाम नैनसुख' का अर्थ क्या है?", options: ["गुणहीन", "गुणी", "अंधा", "बुद्धिमान"], answer: "A" },
        { question: "'हाथ काँपना' मुहावरे का अर्थ क्या है?", options: ["डरना", "खुश होना", "गुस्सा होना", "दुखी होना"], answer: "A" }
    ]);

    addQuestions('संधि', [
        { question: "संधि कितने प्रकार की होती है?", options: ["तीन", "दो", "चार", "पाँच"], answer: "A" },
        { question: "स्वर संधि का उदाहरण क्या है?", options: ["रवीन्द्र", "तत्पुरुष", "दिग्गज", "सत्संग"], answer: "A" },
        { question: "व्यंजन संधि का उदाहरण क्या है?", options: ["सत्संग", "रवीन्द्र", "तत्पुरुष", "दिग्गज"], answer: "A" }
    ]);

    addQuestions('वाच्य', [
        { question: "वाच्य कितने प्रकार के होते हैं?", options: ["तीन", "दो", "चार", "पाँच"], answer: "A" },
        { question: "कर्तृवाच्य का उदाहरण क्या है?", options: ["राम खाता है", "राम से खाया जाता है", "राम खाया", "राम खाना"], answer: "A" },
        { question: "कर्मवाच्य का उदाहरण क्या है?", options: ["राम से खाया जाता है", "राम खाता है", "राम खाया", "राम खाना"], answer: "A" }
    ]);

    addQuestions('शब्द रूप', [
        { question: "शब्द रूप किसे कहते हैं?", options: ["शब्द के रूपांतर", "शब्द का अर्थ", "शब्द का लिंग", "शब्द का वचन"], answer: "A" },
        { question: "'राम' शब्द का रूप क्या है?", options: ["राम, रामौ, रामाः", "राम, राम, राम", "राम, रामं, रामेण", "राम, रामाय, रामात्"], answer: "A" },
        { question: "'फल' शब्द का रूप क्या है?", options: ["फलम्, फले, फलानि", "फल, फलौ, फलाः", "फल, फलं, फलेण", "फल, फलाय, फलात्"], answer: "A" }
    ]);

    addQuestions('समास', [
        { question: "समास कितने प्रकार के होते हैं?", options: ["छह", "चार", "पाँच", "सात"], answer: "A" },
        { question: "तत्पुरुष समास का उदाहरण क्या है?", options: ["राजपुत्र", "त्रिभुवन", "नीलकमल", "विद्यालय"], answer: "A" },
        { question: "द्वंद्व समास का उदाहरण क्या है?", options: ["राम-लक्ष्मण", "राजपुत्र", "त्रिभुवन", "नीलकमल"], answer: "A" }
    ]);

    addQuestions('अलंकार', [
        { question: "अलंकार कितने प्रकार के होते हैं?", options: ["दो", "तीन", "चार", "पाँच"], answer: "A" },
        { question: "उपमा अलंकार का उदाहरण क्या है?", options: ["चंद्र सा मुख", "चंद्र मुख", "मुख चंद्र", "चंद्र की किरण"], answer: "A" },
        { question: "रूपक अलंकार का उदाहरण क्या है?", options: ["चंद्र मुख", "चंद्र सा मुख", "मुख चंद्र", "चंद्र की किरण"], answer: "A" }
    ]);

    addQuestions('कवियों एवं लेखकों की रचनाएं', [
        { question: "तुलसीदास की रचना कौन सी है?", options: ["रामचरितमानस", "सूर सागर", "पद्मावत", "मधुशाला"], answer: "A" },
        { question: "सूरदास की रचना कौन सी है?", options: ["सूर सागर", "रामचरितमानस", "पद्मावत", "मधुशाला"], answer: "A" },
        { question: "प्रेमचंद की रचना कौन सी है?", options: ["गोदान", "मधुशाला", "पद्मावत", "सूर सागर"], answer: "A" }
    ]);

    // ----- PEDAGOGY TOPICS (32-42) -----
    addQuestions('अधिगम एवं अर्जन', [
        { question: "अधिगम और अर्जन में क्या अंतर है?", options: ["अधिगम सचेत, अर्जन अचेत", "अधिगम अचेत, अर्जन सचेत", "दोनों समान", "दोनों अलग नहीं"], answer: "A" },
        { question: "भाषा अर्जन का प्राकृतिक तरीका क्या है?", options: ["परिवेश", "पाठ्यपुस्तक", "व्याकरण", "अभ्यास"], answer: "A" },
        { question: "अधिगम में किसका महत्व है?", options: ["अनुकरण", "अनुभव", "अनुशासन", "अनुमान"], answer: "A" }
    ]);

    addQuestions('भाषा शिक्षण के सिद्धांत', [
        { question: "भाषा शिक्षण का मुख्य सिद्धांत क्या है?", options: ["संप्रेषण", "व्याकरण", "अभ्यास", "रटना"], answer: "A" },
        { question: "बालकेन्द्रित शिक्षण में किस पर जोर दिया जाता है?", options: ["बालक की रुचि", "शिक्षक की रुचि", "पाठ्यक्रम", "परीक्षा"], answer: "A" },
        { question: "भाषा शिक्षण में किस विधि को महत्व दिया जाता है?", options: ["प्रत्यक्ष विधि", "अनुवाद विधि", "व्याकरण विधि", "पठन विधि"], answer: "A" }
    ]);

    addQuestions('भाषा दक्षता का विकास', [
        { question: "भाषा दक्षता के कितने कौशल हैं?", options: ["चार", "तीन", "दो", "पाँच"], answer: "A" },
        { question: "श्रवण कौशल का विकास किससे होता है?", options: ["सुनने से", "बोलने से", "पढ़ने से", "लिखने से"], answer: "A" },
        { question: "लेखन कौशल का विकास किससे होता है?", options: ["लिखने से", "पढ़ने से", "सुनने से", "बोलने से"], answer: "A" }
    ]);

    addQuestions('भाषा अधिगम में व्याकरण की भूमिका', [
        { question: "व्याकरण का मुख्य कार्य क्या है?", options: ["नियमों का ज्ञान", "अभ्यास", "पठन", "लेखन"], answer: "A" },
        { question: "व्याकरण शिक्षण का उद्देश्य क्या है?", options: ["शुद्ध भाषा", "प्रवाह", "शब्दावली", "उच्चारण"], answer: "A" },
        { question: "व्याकरण किस प्रकार का ज्ञान है?", options: ["नियमात्मक", "अनुभवात्मक", "अनुकरणात्मक", "स्मरणात्मक"], answer: "A" }
    ]);

    addQuestions('भाषाई कौशलों का विकास', [
        { question: "भाषाई कौशल कितने हैं?", options: ["चार", "तीन", "दो", "पाँच"], answer: "A" },
        { question: "सबसे पहले किस कौशल का विकास होता है?", options: ["श्रवण", "वाचन", "पठन", "लेखन"], answer: "A" },
        { question: "अंतिम कौशल कौन सा है?", options: ["लेखन", "श्रवण", "वाचन", "पठन"], answer: "A" }
    ]);

    addQuestions('शिक्षण सहायक - सामग्री', [
        { question: "शिक्षण सहायक सामग्री का उद्देश्य क्या है?", options: ["शिक्षण को प्रभावी बनाना", "रटना", "परीक्षा", "अभ्यास"], answer: "A" },
        { question: "दृश्य सहायक सामग्री का उदाहरण क्या है?", options: ["चित्र", "पुस्तक", "टेप", "रेडियो"], answer: "A" },
        { question: "श्रव्य सहायक सामग्री का उदाहरण क्या है?", options: ["रेडियो", "चित्र", "मॉडल", "मानचित्र"], answer: "A" }
    ]);

    addQuestions('भाषा शिक्षण में मूल्यांकन', [
        { question: "मूल्यांकन का मुख्य उद्देश्य क्या है?", options: ["शिक्षार्थी की प्रगति", "शिक्षक की प्रगति", "पाठ्यक्रम", "विद्यालय"], answer: "A" },
        { question: "रचनात्मक मूल्यांकन कब किया जाता है?", options: ["शिक्षण के दौरान", "शिक्षण के अंत", "शिक्षण के शुरू", "परीक्षा के बाद"], answer: "A" },
        { question: "योगात्मक मूल्यांकन का उद्देश्य क्या है?", options: ["ग्रेड देना", "सुधार", "निदान", "योजना"], answer: "A" }
    ]);

    addQuestions('बच्चों में पढ़ने - लिखने सम्बन्धी विकार', [
        { question: "डिस्लेक्सिया क्या है?", options: ["पढ़ने में कठिनाई", "लिखने में कठिनाई", "बोलने में कठिनाई", "सुनने में कठिनाई"], answer: "A" },
        { question: "डिस्ग्राफिया क्या है?", options: ["लिखने में कठिनाई", "पढ़ने में कठिनाई", "बोलने में कठिनाई", "सुनने में कठिनाई"], answer: "A" },
        { question: "इन विकारों का कारण क्या हो सकता है?", options: ["मस्तिष्कीय", "शारीरिक", "मानसिक", "सामाजिक"], answer: "A" }
    ]);

    addQuestions('उपचारात्मक शिक्षण', [
        { question: "उपचारात्मक शिक्षण का उद्देश्य क्या है?", options: ["कठिनाइयों को दूर करना", "अभ्यास करना", "परीक्षा लेना", "ग्रेड देना"], answer: "A" },
        { question: "उपचारात्मक शिक्षण कब दिया जाता है?", options: ["कठिनाइयों पर", "हमेशा", "कभी नहीं", "वर्ष के अंत"], answer: "A" },
        { question: "उपचारात्मक शिक्षण में किस पर ध्यान दिया जाता है?", options: ["व्यक्तिगत आवश्यकता", "सामूहिक आवश्यकता", "पाठ्यक्रम", "परीक्षा"], answer: "A" }
    ]);

    addQuestions('भाषा शिक्षण में बहुमाधिकता', [
        { question: "बहुमाधिकता का अर्थ क्या है?", options: ["कई संसाधन", "कई भाषाएँ", "कई विधियाँ", "कई शिक्षक"], answer: "A" },
        { question: "बहुमाधिकता का लाभ क्या है?", options: ["विविधता", "एकरूपता", "सरलता", "कठिनाई"], answer: "A" },
        { question: "बहुमाधिकता में किसका उपयोग होता है?", options: ["सभी संसाधन", "एक संसाधन", "दो संसाधन", "तीन संसाधन"], answer: "A" }
    ]);

    addQuestions('काव्य शिक्षण', [
        { question: "काव्य शिक्षण का मुख्य उद्देश्य क्या है?", options: ["रसानुभूति", "व्याकरण", "शब्दावली", "अभ्यास"], answer: "A" },
        { question: "काव्य शिक्षण में किसका महत्व है?", options: ["भावपूर्ण पठन", "रटना", "विश्लेषण", "अनुवाद"], answer: "A" },
        { question: "काव्य शिक्षण की कौन सी विधि प्रभावी है?", options: ["प्रभावात्मक", "व्याकरणिक", "अनुवादात्मक", "विश्लेषणात्मक"], answer: "A" }
    ]);

    // Topic keys and names
    const topicKeys = [
        "अपठित गद्यांश", "अपठित पद्यांश", "हिन्दी वर्णमाला (स्वर, व्यंजन)",
        "वर्णों के मेल से मात्रिक तथा अमात्रिक शब्दों की पहचान", "वाक्य रचना",
        "हिन्दी की सभी ध्वनियों के पारस्परिक अंतर की जानकारी",
        "ध्वनियाँ, वर्ण, अनुस्वार, अनुनासिक एवं चन्द्रबिन्दु में अन्तर",
        "विराम चिन्हों का प्रयोग (अल्प विराम, अर्धविराम, पूर्णविराम, प्रश्नवाचक, विस्मयबोधक)",
        "समान ध्वनियों वाले शब्द", "विलोम शब्द", "पर्यायवाची शब्द",
        "वाक्यांशों के लिए एक शब्द", "संज्ञा एवं उसके भेद", "सर्वनाम एवं उसके भेद",
        "क्रिया एवं उसके भेद", "विशेषण एवं उसके भेद", "वचन", "लिंग", "काल", "कारक",
        "प्रत्यय", "उपसर्ग", "तत्सम एवं तद्भव", "वर्तनी",
        "लोकोक्तियाँ एवं मुहावरों के अर्थ", "संधि", "वाच्य", "शब्द रूप", "समास",
        "अलंकार", "कवियों एवं लेखकों की रचनाएं",
        "अधिगम एवं अर्जन", "भाषा शिक्षण के सिद्धांत", "भाषा दक्षता का विकास",
        "भाषा अधिगम में व्याकरण की भूमिका", "भाषाई कौशलों का विकास",
        "शिक्षण सहायक - सामग्री", "भाषा शिक्षण में मूल्यांकन",
        "बच्चों में पढ़ने - लिखने सम्बन्धी विकार", "उपचारात्मक शिक्षण",
        "भाषा शिक्षण में बहुमाधिकता", "काव्य शिक्षण"
    ];

    // UI text (all in Hindi)
    const uiText = {
        hi: {
            mainTitle: "CTET Paper 1",
            mainSubtitle: "हिंदी भाषा एवं शिक्षाशास्त्र (Hindi Language and Pedagogy) असाइनमेंट जनरेटर",
            startTitle: "हिंदी भाषा एवं शिक्षाशास्त्र असाइनमेंट जनरेटर",
            startBtn: "असाइनमेंट बनाएँ",
            subjectTitle: "विषय का चयन करें",
            selectSubject: "हिंदी भाषा एवं शिक्षाशास्त्र (Hindi Language & Pedagogy)",
            chapterTitle: "अध्याय / विषय चुनें",
            backStart: "प्रारंभ पर वापस जाएँ",
            generateAssign: "असाइनमेंट बनाएँ",
            levelTitle: "कठिनाई स्तर चुनें",
            levelDesc: "अपने असाइनमेंट के लिए स्तर का चयन करें:",
            level1: "स्तर 1",
            level1Sub: "बेसिक स्तर",
            level2: "स्तर 2",
            level2Sub: "मध्यम स्तर",
            level3: "स्तर 3",
            level3Sub: "परीक्षा स्तर",
            backChapters: "विषयों पर वापस जाएँ",
            generateFinal: "असाइनमेंट जनरेट करें",
            fullPaper: "पूर्ण पाठ्यक्रम (सभी 41 विषय)",
            noChapterAlert: "कृपया कम से कम एक अध्याय/विषय चुनें!",
            noLevelAlert: "कृपया कठिनाई स्तर चुनें!",
            fullPaperLabel: "पूर्ण पाठ्यक्रम (सभी 41 विषय)",
            instructions: "निर्देश:",
            inst1: "इस असाइनमेंट में 45 बहुविकल्पीय प्रश्न (MCQs) हैं।",
            inst2: "प्रत्येक प्रश्न के चार विकल्प हैं, केवल एक सही है।",
            inst3: "उचित विकल्प का चयन करें।",
            inst4: "समय: 60 मिनट",
            mcqHeading: "बहुविकल्पीय प्रश्न (MCQs)",
            answerKey: "उत्तर कुंजी (Answer Key)",
            qNo: "प्रश्न सं.",
            ans: "उत्तर",
            print: "प्रिंट करें",
            download: "PDF डाउनलोड करें",
            newAssign: "नया असाइनमेंट",
            subjectLabel: "हिंदी भाषा एवं शिक्षाशास्त्र",
            noQuestions: "प्रश्न उपलब्ध नहीं हैं। कृपया अन्य अध्याय चुनें।"
        }
    };

    // DOM refs
    let selectedChapters = [];
    let selectedLevel = null;
    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');

    function populateChapters() {
        const container = document.getElementById('chapterCheckboxContainer');
        const t = uiText.hi;
        const fullPaperLabel = "पूर्ण पाठ्यक्रम (सभी 41 विषय)";
        container.innerHTML = `<div class="checkbox-item"><input type="checkbox" id="fullPaper" value="full"><label for="fullPaper">${fullPaperLabel}</label></div>`;
        topicKeys.forEach((key, idx) => {
            container.innerHTML += `<div class="checkbox-item"><input type="checkbox" id="topic_${idx}" name="chapter" value="${key}"><label for="topic_${idx}">${idx+1}. ${key}</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(questionBank[ch] && questionBank[ch][`level${level}`]) {
                allQuestions = allQuestions.concat(questionBank[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 generatePaper(chapters, level) {
        const t = uiText.hi;
        const mcqs = getRandomQuestions(chapters, level, 45);
        let questionNumber = 1;
        let chapterDisplay = '';
        if (chapters.length === topicKeys.length) {
            chapterDisplay = t.fullPaperLabel;
        } else {
            const displayNames = chapters.slice(0,3).map(k => k);
            chapterDisplay = displayNames.join(", ") + (chapters.length > 3 ? "..." : "");
        }
        let paperContent = `
            <div class="header">
                <h2>CTET Paper 1 - ${t.subjectLabel}</h2>
                <h3>${chapterDisplay}</h3>
                <p>${level === 1 ? t.level1 : level === 2 ? t.level2 : t.level3} - ${level === 1 ? t.level1Sub : level === 2 ? t.level2Sub : t.level3Sub}</p>
            </div>
            <div class="content-area">
                <div class="instructions">
                    <p><strong>${t.instructions}</strong></p>
                    <ol>
                        <li>${t.inst1}</li>
                        <li>${t.inst2}</li>
                        <li>${t.inst3}</li>
                        <li>${t.inst4}</li>
                    </ol>
                </div>
                <div class="question-section">
                    <div class="section-heading">${t.mcqHeading}</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">${t.answerKey}</h3>
                    <table class="answer-table">
                        <thead>
                            <tr>
                                <th>${t.qNo}</th><th>${t.ans}</th>
                                <th>${t.qNo}</th><th>${t.ans}</th>
                                <th>${t.qNo}</th><th>${t.ans}</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> ${t.print}</button>
                    <button class="btn btn-success" id="downloadBtn"><i class="fas fa-download"></i> ${t.download}</button>
                    <button class="btn btn-danger" id="newAssignmentBtn"><i class="fas fa-plus"></i> ${t.newAssign}</button>
                </div>
            </div>`;

        generatedPaperContainer.innerHTML = paperContent;
        generatedPaperContainer.classList.remove('hidden');
        startContainer.classList.add('hidden');

        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');
        });
    }

    // Event Listeners
    document.getElementById('startGeneratingBtn').addEventListener('click', function() {
        startScreen.classList.add('hidden');
        subjectSelection.classList.remove('hidden');
    });

    document.getElementById('selectPedagogyBtn').addEventListener('click', function() {
        subjectSelection.classList.add('hidden');
        populateChapters();
        chapterSelection.classList.remove('hidden');
    });

    document.getElementById('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');
    });

    document.getElementById('generateAssignmentBtn').addEventListener('click', function() {
        const fullPaper = document.getElementById('fullPaper');
        if(fullPaper && fullPaper.checked) {
            selectedChapters = [...topicKeys];
        } else {
            selectedChapters = Array.from(document.querySelectorAll('input[name="chapter"]:checked')).map(cb => cb.value);
        }
        if(selectedChapters.length === 0) {
            alert(uiText.hi.noChapterAlert);
            return;
        }
        chapterSelection.classList.add('hidden');
        levelSelection.classList.remove('hidden');
    });

    document.getElementById('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;
    }

    document.getElementById('level1Btn').addEventListener('click', function() { selectLevel(1); });
    document.getElementById('level2Btn').addEventListener('click', function() { selectLevel(2); });
    document.getElementById('level3Btn').addEventListener('click', function() { selectLevel(3); });

    document.getElementById('generateFinalBtn').addEventListener('click', function() {
        if(!selectedLevel) {
            alert(uiText.hi.noLevelAlert);
            return;
        }
        startContainer.classList.add('hidden');
        levelSelection.classList.add('hidden');
        generatePaper(selectedChapters, selectedLevel);
    });

    // PDF Download
    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('CTET_Hindi_Assignment.pdf');
        } catch(err) { 
            console.error(err); 
            alert('PDF generation error. Please try again.'); 
        } finally { 
            if(tempDiv && tempDiv.parentNode) document.body.removeChild(tempDiv); 
        }
    }

    // Home icon: reset to start
    document.getElementById('homeIconBtn').addEventListener('click', function(e) {
        e.preventDefault();
        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');
    });
</script>
</body>
</html>