<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CTET Paper 1 - 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-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">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)
    // =====================================================
    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) -----
    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 Context', [
        { 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)
    const topicKeys = [
        "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",
        "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 Context"
    ];

    // UI text (all in English)
    const uiText = {
        en: {
            mainTitle: "CTET Paper 1",
            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 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('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_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>