<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CTET Paper 2 - English Language & Pedagogy Assignment Generator</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-paper2-assignment-generator.html" class="home-icon" ><i class="fas fa-home"></i></a>
        </div>
        <h1 id="mainTitle">CTET Paper 2</h1>
        <p id="mainSubtitle">English Language & Pedagogy Assignment Generator</p>
    </div>
    <div class="content-area">
        <div id="startScreen">
            <h2 class="section-title" id="startTitle">English Language & Pedagogy Assignment Generator</h2>
            <div class="btn-group">
                <button class="btn btn-primary" id="startGeneratingBtn">Create Assignment</button>
            </div>
        </div>

        <div id="subjectSelection" class="hidden">
            <h2 class="section-title" id="subjectTitle">Select Subject</h2>
            <div class="btn-group">
                <button class="btn btn-primary" id="selectEngBtn">English Language & Pedagogy</button>
            </div>
        </div>

        <div id="chapterSelection" class="hidden">
            <h2 class="section-title" id="chapterTitle">Select Chapters / Topics</h2>
            <div id="chapterCheckboxContainer" class="checkbox-container"></div>
            <div class="btn-group">
                <button class="btn btn-danger" id="backToStartBtn">Back to Start</button>
                <button class="btn btn-success" id="generateAssignmentBtn">Generate Assignment</button>
            </div>
        </div>

        <div id="levelSelection" class="hidden">
            <h2 class="section-title" id="levelTitle">Select Difficulty Level</h2>
            <p class="text-center" id="levelDesc">Choose the level for your assignment:</p>
            <div class="level-buttons">
                <button class="btn btn-level" id="level1Btn">Level 1<br><small id="level1Sub">Basic Level</small></button>
                <button class="btn btn-level" id="level2Btn">Level 2<br><small id="level2Sub">Medium Level</small></button>
                <button class="btn btn-level" id="level3Btn">Level 3<br><small id="level3Sub">Exam Level</small></button>
            </div>
            <div class="btn-group">
                <button class="btn btn-danger" id="backToChaptersBtn">Back to Topics</button>
                <button class="btn btn-success" id="generateFinalBtn">Generate Assignment</button>
            </div>
        </div>
    </div>
</div>

<div class="container hidden" id="generatedPaperContainer"></div>

<script>
    const { jsPDF } = window.jspdf;
    
    // =====================================================
    // ENGLISH LANGUAGE & PEDAGOGY QUESTION BANK (28 TOPICS) - CTET Paper 2
    // =====================================================
    const questionBank = {};

    function addQuestions(topicKey, questions) {
        if (!questionBank[topicKey]) questionBank[topicKey] = { level1: [], level2: [], level3: [] };
        const levels = ['level1', 'level2', 'level3'];
        questions.forEach((q, idx) => {
            const levelKey = levels[idx % 3];
            questionBank[topicKey][levelKey].push(q);
        });
    }

    // ----- ENGLISH LANGUAGE TOPICS (1-18) -----
    addQuestions('Reading Comprehension', [
        { question: "Reading comprehension primarily tests the ability to:", options: ["Understand and interpret text", "Memorize facts", "Write summaries", "Identify parts of speech"], answer: "A" },
        { question: "The main idea of a passage is usually found in:", options: ["The introductory paragraph", "The conclusion", "The middle", "Anywhere"], answer: "A" },
        { question: "Inference in reading comprehension means:", options: ["Drawing conclusions from clues", "Reading quickly", "Finding synonyms", "Counting words"], answer: "A" }
    ]);

    addQuestions('The Sentence', [
        { question: "A sentence must contain:", options: ["A subject and a predicate", "A verb only", "A noun only", "A conjunction"], answer: "A" },
        { question: "Which is a declarative sentence?", options: ["I am going.", "Where are you?", "Please sit down.", "What a day!"], answer: "A" },
        { question: "An imperative sentence expresses:", options: ["A command or request", "A question", "A strong feeling", "A statement"], answer: "A" }
    ]);

    addQuestions('The Phrase & The Clause', [
        { question: "A phrase is a group of words that:", options: ["Does not contain a finite verb", "Contains a finite verb", "Contains a subject and predicate", "Is always a sentence"], answer: "A" },
        { question: "A clause contains:", options: ["A subject and a verb", "Only a verb", "Only a subject", "No verb"], answer: "A" },
        { question: "Which is an independent clause?", options: ["She went home.", "Because she was tired", "After the rain", "When I saw him"], answer: "A" }
    ]);

    addQuestions('The Noun : Kinds of Nouns, Number & Gender', [
        { question: "A proper noun is:", options: ["A specific name", "A common name", "An action word", "A describing word"], answer: "A" },
        { question: "The plural of 'child' is:", options: ["Children", "Childs", "Childrens", "Childes"], answer: "A" },
        { question: "The feminine gender of 'actor' is:", options: ["Actress", "Actoress", "Actorine", "Actresss"], answer: "A" }
    ]);

    addQuestions('The Pronoun', [
        { question: "A pronoun is used in place of:", options: ["A noun", "A verb", "An adjective", "An adverb"], answer: "A" },
        { question: "Which is a personal pronoun?", options: ["He", "Who", "Which", "That"], answer: "A" },
        { question: "The reflexive pronoun of 'they' is:", options: ["Themselves", "Themself", "Theirselves", "Theirself"], answer: "A" }
    ]);

    addQuestions('The Adjective', [
        { question: "An adjective modifies a:", options: ["Noun or pronoun", "Verb", "Adverb", "Preposition"], answer: "A" },
        { question: "Which is an adjective?", options: ["Beautiful", "Quickly", "Run", "And"], answer: "A" },
        { question: "The comparative degree of 'good' is:", options: ["Better", "Best", "More good", "Gooder"], answer: "A" }
    ]);

    addQuestions('The Verb', [
        { question: "A verb expresses:", options: ["An action or state", "A name", "A quality", "A relation"], answer: "A" },
        { question: "Which is a transitive verb?", options: ["Carry", "Sleep", "Go", "Arrive"], answer: "A" },
        { question: "The past participle of 'write' is:", options: ["Written", "Wrote", "Writing", "Writes"], answer: "A" }
    ]);

    addQuestions('Modals', [
        { question: "Modal verbs are used to:", options: ["Express possibility, necessity, etc.", "Express action", "Describe nouns", "Join sentences"], answer: "A" },
        { question: "Which is a modal verb?", options: ["Can", "Run", "Eat", "Sleep"], answer: "A" },
        { question: "'May' is used to express:", options: ["Possibility and permission", "Compulsion", "Ability", "Certainty"], answer: "A" }
    ]);

    addQuestions('The Adverb', [
        { question: "An adverb modifies a:", options: ["Verb, adjective, or another adverb", "Noun", "Pronoun", "Preposition"], answer: "A" },
        { question: "Which is an adverb?", options: ["Quickly", "Quick", "Better", "Good"], answer: "A" },
        { question: "The adverb in 'She spoke softly' is:", options: ["Softly", "Spoke", "She", "The"], answer: "A" }
    ]);

    addQuestions('The Preposition', [
        { question: "A preposition shows the relationship between:", options: ["A noun and another word", "A verb and a noun", "Two verbs", "Two adjectives"], answer: "A" },
        { question: "Which is a preposition?", options: ["In", "And", "But", "Very"], answer: "A" },
        { question: "The preposition in 'The book is on the table' is:", options: ["On", "The", "Is", "Book"], answer: "A" }
    ]);

    addQuestions('The Conjunction', [
        { question: "A conjunction is used to:", options: ["Join words, phrases, or clauses", "Describe nouns", "Show action", "Express emotion"], answer: "A" },
        { question: "Which is a coordinating conjunction?", options: ["And", "Because", "Since", "Unless"], answer: "A" },
        { question: "'Although' is a:", options: ["Subordinating conjunction", "Coordinating conjunction", "Preposition", "Adverb"], answer: "A" }
    ]);

    addQuestions('The Interjection', [
        { question: "An interjection expresses:", options: ["Strong emotion", "Action", "Description", "Relation"], answer: "A" },
        { question: "Which is an interjection?", options: ["Wow!", "Run", "Beautiful", "Slowly"], answer: "A" },
        { question: "Interjections are usually followed by:", options: ["An exclamation mark", "A full stop", "A comma", "A semicolon"], answer: "A" }
    ]);

    addQuestions('Tense', [
        { question: "The present perfect tense uses:", options: ["Has/have + past participle", "Was/were + -ing", "Will/shall + verb", "Verb + -ing"], answer: "A" },
        { question: "'I had gone' is which tense?", options: ["Past perfect", "Present perfect", "Past continuous", "Simple past"], answer: "A" },
        { question: "The future continuous tense is formed with:", options: ["Will be + -ing", "Will have + past participle", "Is/am/are + -ing", "Has/have + been + -ing"], answer: "A" }
    ]);

    addQuestions('Synonyms', [
        { question: "Synonyms are words with:", options: ["Similar meanings", "Opposite meanings", "Same spelling", "Same pronunciation"], answer: "A" },
        { question: "A synonym of 'big' is:", options: ["Large", "Small", "Tiny", "Narrow"], answer: "A" },
        { question: "A synonym of 'happy' is:", options: ["Joyful", "Sad", "Angry", "Tired"], answer: "A" }
    ]);

    addQuestions('Antonyms', [
        { question: "Antonyms are words with:", options: ["Opposite meanings", "Similar meanings", "Same spelling", "Same pronunciation"], answer: "A" },
        { question: "The antonym of 'hot' is:", options: ["Cold", "Warm", "Boiling", "Freezing"], answer: "A" },
        { question: "The antonym of 'victory' is:", options: ["Defeat", "Win", "Success", "Triumph"], answer: "A" }
    ]);

    addQuestions('One Word Substitution', [
        { question: "One who cannot be corrected is:", options: ["Incorrigible", "Invincible", "Inevitable", "Infallible"], answer: "A" },
        { question: "A person who loves books is a:", options: ["Bibliophile", "Philanthropist", "Misanthrope", "Chauvinist"], answer: "A" },
        { question: "A speech by a single person is:", options: ["Monologue", "Dialogue", "Soliloquy", "Eulogy"], answer: "A" }
    ]);

    addQuestions('Idioms & Phrases', [
        { question: "The idiom 'once in a blue moon' means:", options: ["Rarely", "Always", "Never", "Frequently"], answer: "A" },
        { question: "'A piece of cake' means:", options: ["Easy", "Difficult", "Expensive", "Tasty"], answer: "A" },
        { question: "'To spill the beans' means:", options: ["Reveal a secret", "Make a mistake", "Tell a lie", "Start a fight"], answer: "A" }
    ]);

    addQuestions('Figures of Speech', [
        { question: "A simile uses:", options: ["Like or as", "Is or was", "And or but", "Because or since"], answer: "A" },
        { question: "'Life is a journey' is an example of:", options: ["Metaphor", "Simile", "Personification", "Hyperbole"], answer: "A" },
        { question: "Personification gives human qualities to:", options: ["Non-human things", "Animals only", "People only", "Plants only"], answer: "A" }
    ]);

    // ----- PEDAGOGY TOPICS (19-28) - Updated as per user request -----
    addQuestions('Learning And Acquisition (अभिगम एवं अर्जन)', [
        { question: "Learning is a:", options: ["Conscious process", "Subconscious process", "Random process", "One-time event"], answer: "A" },
        { question: "Acquisition of language occurs through:", options: ["Exposure and use", "Formal instruction", "Grammar rules", "Translation"], answer: "A" },
        { question: "The difference between learning and acquisition is:", options: ["Learning is conscious, acquisition is subconscious", "Both are the same", "Learning is for children only", "Acquisition is for adults only"], answer: "A" }
    ]);

    addQuestions('Principle, Methods And Approaches of Teaching English (अंग्रेजी शिक्षण के सिद्धांत, विभिन्नों और दृष्टिकोण)', [
        { question: "The communicative approach focuses on:", options: ["Interaction and communication", "Grammar rules", "Translation", "Reading only"], answer: "A" },
        { question: "The direct method of teaching uses:", options: ["Target language only", "Translation", "Grammar rules", "Memorization"], answer: "A" },
        { question: "The principle of 'learning by doing' is emphasized in:", options: ["Activity-based learning", "Grammar translation", "Rote learning", "Lecture method"], answer: "A" }
    ]);

    addQuestions('Role of Listening and Speaking; Functions of Language (सुनने और बोलने की भूमिका : भाषा के कार्य)', [
        { question: "Listening is a:", options: ["Receptive skill", "Productive skill", "Reading skill", "Writing skill"], answer: "A" },
        { question: "Speaking is a:", options: ["Productive skill", "Receptive skill", "Reading skill", "Listening skill"], answer: "A" },
        { question: "The expressive function of language is to:", options: ["Express emotions", "Convey facts", "Ask questions", "Give commands"], answer: "A" }
    ]);

    addQuestions('Role of Grammar in Learning a Language (किसी भाषा को सीखने में व्याकरण की भूमिका)', [
        { question: "Grammar is important in language learning for:", options: ["Structuring sentences", "Only writing", "Only speaking", "Only reading"], answer: "A" },
        { question: "Which approach emphasizes grammar rules?", options: ["Formal approach", "Communicative approach", "Natural approach", "Direct method"], answer: "A" },
        { question: "Grammar is best learned through:", options: ["Context and usage", "Rote memorization", "Translation", "Isolation"], answer: "A" }
    ]);

    addQuestions('Challenges of Teaching Language in a Diverse Classroom (विविध कक्षा में भाषा शिक्षण की चुनौतियाँ)', [
        { question: "In a diverse classroom, the teacher must:", options: ["Address individual differences", "Use one method for all", "Ignore differences", "Separate students"], answer: "A" },
        { question: "Multilingual classrooms require:", options: ["Inclusive teaching strategies", "Single-language approach", "Translation-based teaching", "Only English instruction"], answer: "A" },
        { question: "A challenge in diverse classrooms is:", options: ["Varying proficiency levels", "Same proficiency levels", "Lack of students", "Too many resources"], answer: "A" }
    ]);

    addQuestions('Language Skills (भाषा कोशल)', [
        { question: "The four language skills are:", options: ["L,S,R,W", "L,R,W,S", "R,W,S,L", "W,S,L,R"], answer: "A" },
        { question: "Which is a receptive skill?", options: ["Reading", "Speaking", "Writing", "Reading and listening"], answer: "D" },
        { question: "Which is a productive skill?", options: ["Speaking and writing", "Listening and reading", "Speaking only", "Writing only"], answer: "A" }
    ]);

    addQuestions('Evaluating Language Comprehension and Proficiency (भाषा की समझ और दक्षता का मूल्यांकन)', [
        { question: "Evaluation of language proficiency should be:", options: ["Continuous and comprehensive", "Only at the end", "Only oral", "Only written"], answer: "A" },
        { question: "Formative assessment in language is:", options: ["During the learning process", "At the end of the year", "Only for grading", "Only for punishment"], answer: "A" },
        { question: "Summative assessment aims to:", options: ["Evaluate overall achievement", "Improve learning", "Diagnose difficulties", "Plan instruction"], answer: "A" }
    ]);

    addQuestions('Teaching Learning Material (शिक्षण अभिगम सामग्री)', [
        { question: "Teaching learning materials in language include:", options: ["Textbooks, audio-visual aids, realia", "Only textbooks", "Only workbooks", "Only charts"], answer: "A" },
        { question: "Authentic materials in language teaching are:", options: ["Real-world texts and resources", "Textbooks only", "Grammar books only", "Workbooks only"], answer: "A" },
        { question: "The use of technology in language teaching:", options: ["Enhances learning and engagement", "Replaces the teacher", "Is unnecessary", "Confuses students"], answer: "A" }
    ]);

    addQuestions('Remedial Teaching (उपचारात्मक शिक्षण)', [
        { question: "Remedial teaching is intended for:", options: ["Students with learning difficulties", "High achievers", "Average students", "All students"], answer: "A" },
        { question: "The aim of remedial teaching is to:", options: ["Correct errors and build skills", "Accelerate learning", "Test knowledge", "Assign grades"], answer: "A" },
        { question: "Remedial teaching should be:", options: ["Individualized and specific", "General and broad", "Rote-based", "Translation-based"], answer: "A" }
    ]);

    addQuestions('Teaching English in Bilingual/Multilingual (हिंसाभाषी/बहुभाषी संदर्भ में अंग्रेजी शिक्षण)', [
        { question: "In a multilingual classroom, English teaching should:", options: ["Use students' mother tongue as a resource", "Avoid mother tongue", "Use only English", "Use translation only"], answer: "A" },
        { question: "Bilingual education involves:", options: ["Two languages of instruction", "Only one language", "Three languages", "No language"], answer: "A" },
        { question: "Code-switching in bilingual classrooms:", options: ["Is a natural phenomenon", "Should be avoided", "Is a sign of confusion", "Is not allowed"], answer: "A" }
    ]);

    // Topic keys (28 topics) - Updated as per user request
    const topicKeys = [
        // English Language (1-18)
        "Reading Comprehension",
        "The Sentence",
        "The Phrase & The Clause",
        "The Noun : Kinds of Nouns, Number & Gender",
        "The Pronoun",
        "The Adjective",
        "The Verb",
        "Modals",
        "The Adverb",
        "The Preposition",
        "The Conjunction",
        "The Interjection",
        "Tense",
        "Synonyms",
        "Antonyms",
        "One Word Substitution",
        "Idioms & Phrases",
        "Figures of Speech",
        // Pedagogy (19-28)
        "Learning And Acquisition (अभिगम एवं अर्जन)",
        "Principle, Methods And Approaches of Teaching English (अंग्रेजी शिक्षण के सिद्धांत, विभिन्नों और दृष्टिकोण)",
        "Role of Listening and Speaking; Functions of Language (सुनने और बोलने की भूमिका : भाषा के कार्य)",
        "Role of Grammar in Learning a Language (किसी भाषा को सीखने में व्याकरण की भूमिका)",
        "Challenges of Teaching Language in a Diverse Classroom (विविध कक्षा में भाषा शिक्षण की चुनौतियाँ)",
        "Language Skills (भाषा कोशल)",
        "Evaluating Language Comprehension and Proficiency (भाषा की समझ और दक्षता का मूल्यांकन)",
        "Teaching Learning Material (शिक्षण अभिगम सामग्री)",
        "Remedial Teaching (उपचारात्मक शिक्षण)",
        "Teaching English in Bilingual/Multilingual (हिंसाभाषी/बहुभाषी संदर्भ में अंग्रेजी शिक्षण)"
    ];

    // UI text (all in English)
    const uiText = {
        en: {
            mainTitle: "CTET Paper 2",
            mainSubtitle: "English Language & Pedagogy Assignment Generator",
            startTitle: "English Language & Pedagogy Assignment Generator",
            startBtn: "Create Assignment",
            subjectTitle: "Select Subject",
            selectSubject: "English Language & Pedagogy",
            chapterTitle: "Select Chapters / Topics",
            backStart: "Back to Start",
            generateAssign: "Generate Assignment",
            levelTitle: "Select Difficulty Level",
            levelDesc: "Choose the level for your assignment:",
            level1: "Level 1",
            level1Sub: "Basic Level",
            level2: "Level 2",
            level2Sub: "Medium Level",
            level3: "Level 3",
            level3Sub: "Exam Level",
            backChapters: "Back to Topics",
            generateFinal: "Generate Assignment",
            fullPaper: "Full Syllabus (All 28 Topics)",
            noChapterAlert: "Please select at least one chapter/topic!",
            noLevelAlert: "Please select a difficulty level!",
            fullPaperLabel: "Full Syllabus (All 28 Topics)",
            instructions: "Instructions:",
            inst1: "This assignment has 45 multiple-choice questions (MCQs).",
            inst2: "Each question has four options, only one is correct.",
            inst3: "Select the appropriate option.",
            inst4: "Time: 60 minutes",
            mcqHeading: "Multiple Choice Questions (MCQs)",
            answerKey: "Answer Key",
            qNo: "Q. No.",
            ans: "Answer",
            print: "Print",
            download: "Download PDF",
            newAssign: "New Assignment",
            subjectLabel: "English Language & Pedagogy",
            noQuestions: "Questions not available. Please select other chapters."
        }
    };

    // 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.en;
        const fullPaperLabel = "Full Syllabus (All 28 Topics)";
        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: "Questions not available. Please select other chapters.", 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.en;
        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);
            chapterDisplay = displayNames.join(", ") + (chapters.length > 3 ? "..." : "");
        }
        let paperContent = `
            <div class="header">
                <h2>CTET Paper 2 - ${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('selectEngBtn').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.en.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.en.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_Paper2_English_Pedagogy_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
    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');
    });

    // Apply English UI
    (function applyUI() {
        const t = uiText.en;
        document.getElementById('mainTitle').textContent = t.mainTitle;
        document.getElementById('mainSubtitle').textContent = t.mainSubtitle;
        document.getElementById('startTitle').textContent = t.startTitle;
        document.getElementById('startGeneratingBtn').textContent = t.startBtn;
        document.getElementById('subjectTitle').textContent = t.subjectTitle;
        document.getElementById('selectEngBtn').textContent = t.selectSubject;
        document.getElementById('chapterTitle').textContent = t.chapterTitle;
        document.getElementById('backToStartBtn').textContent = t.backStart;
        document.getElementById('generateAssignmentBtn').textContent = t.generateAssign;
        document.getElementById('levelTitle').textContent = t.levelTitle;
        document.getElementById('levelDesc').textContent = t.levelDesc;
        document.getElementById('level1Btn').innerHTML = `${t.level1}<br><small>${t.level1Sub}</small>`;
        document.getElementById('level2Btn').innerHTML = `${t.level2}<br><small>${t.level2Sub}</small>`;
        document.getElementById('level3Btn').innerHTML = `${t.level3}<br><small>${t.level3Sub}</small>`;
        document.getElementById('backToChaptersBtn').textContent = t.backChapters;
        document.getElementById('generateFinalBtn').textContent = t.generateFinal;
    })();
</script>
</body>
</html>