<!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);
        }

        .lang-toggle {
            background: rgba(255,255,255,0.15);
            border: 1px solid rgba(255,255,255,0.3);
            border-radius: 30px;
            color: white;
            padding: 6px 16px;
            font-size: 0.9rem;
            font-weight: 600;
            cursor: pointer;
            transition: var(--transition);
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .lang-toggle:hover {
            background: rgba(255,255,255,0.3);
        }
        .lang-toggle i {
            font-size: 1rem;
        }

        .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; }
            .lang-toggle { font-size: 0.7rem; padding: 4px 12px; }
        }

        @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; }
    </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>
            <button class="lang-toggle" id="langToggleBtn"><i class="fas fa-globe"></i> <span id="langLabel">हिंदी</span></button>
        </div>
        <h1 id="mainTitle">CTET Paper 1</h1>
        <p id="mainSubtitle">गणित एवं शिक्षाशास्त्र (Mathematics 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="selectMathBtn">गणित एवं शिक्षाशास्त्र (Mathematics & 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;
    
    // =====================================================
    // BILINGUAL QUESTIONS DATABASE (23 TOPICS: 15 Maths + 8 Pedagogy)
    // =====================================================
    const questionBank = {};

    // Helper to add questions
    function addQuestions(topicKey, enQ, hiQ) {
        if (!questionBank[topicKey]) questionBank[topicKey] = { en: { level1: [], level2: [], level3: [] }, hi: { level1: [], level2: [], level3: [] } };
        const levels = ['level1', 'level2', 'level3'];
        enQ.forEach((q, idx) => {
            const levelKey = levels[idx] || 'level1';
            questionBank[topicKey].en[levelKey].push(q);
        });
        hiQ.forEach((q, idx) => {
            const levelKey = levels[idx] || 'level1';
            questionBank[topicKey].hi[levelKey].push(q);
        });
    }

    // ----- MATHEMATICS TOPICS (15) -----
    // 1. Number System
    addQuestions('संख्या पद्धति',
        [
            { question: "Which of the following is a prime number?", options: ["17", "21", "27", "39"], answer: "A" },
            { question: "The LCM of 12 and 18 is:", options: ["36", "72", "108", "144"], answer: "A" },
            { question: "The value of 5! is:", options: ["120", "60", "24", "720"], answer: "A" }
        ],
        [
            { question: "निम्नलिखित में कौन सी अभाज्य संख्या है?", options: ["17", "21", "27", "39"], answer: "A" },
            { question: "12 और 18 का LCM है:", options: ["36", "72", "108", "144"], answer: "A" },
            { question: "5! का मान है:", options: ["120", "60", "24", "720"], answer: "A" }
        ]
    );

    // 2. Mathematical Operations
    addQuestions('गणितीय मूल संक्रियाएँ',
        [
            { question: "123 + 456 = ?", options: ["579", "569", "589", "599"], answer: "A" },
            { question: "1000 - 254 = ?", options: ["746", "756", "736", "766"], answer: "A" },
            { question: "25 × 4 = ?", options: ["80", "100", "120", "90"], answer: "B" }
        ],
        [
            { question: "123 + 456 = ?", options: ["579", "569", "589", "599"], answer: "A" },
            { question: "1000 - 254 = ?", options: ["746", "756", "736", "766"], answer: "A" },
            { question: "25 × 4 = ?", options: ["80", "100", "120", "90"], answer: "B" }
        ]
    );

    // 3. LCM & HCF
    addQuestions('लघुत्तम समापवर्त्य और महत्तम समापवर्तक',
        [
            { question: "HCF of 24 and 36 is:", options: ["12", "6", "18", "24"], answer: "A" },
            { question: "LCM of 4, 5, 10 is:", options: ["20", "40", "10", "5"], answer: "A" },
            { question: "HCF of 48 and 72 is:", options: ["24", "16", "12", "8"], answer: "A" }
        ],
        [
            { question: "24 और 36 का HCF है:", options: ["12", "6", "18", "24"], answer: "A" },
            { question: "4, 5 और 10 का LCM है:", options: ["20", "40", "10", "5"], answer: "A" },
            { question: "48 और 72 का HCF है:", options: ["24", "16", "12", "8"], answer: "A" }
        ]
    );

    // 4. Fractions and Decimals
    addQuestions('मिन्न एवं दशमलव संख्याएँ',
        [
            { question: "1/2 + 1/4 = ?", options: ["3/4", "2/6", "1/6", "2/4"], answer: "A" },
            { question: "2.5 + 3.7 = ?", options: ["6.2", "5.2", "6.5", "5.5"], answer: "A" },
            { question: "3/5 × 2/3 = ?", options: ["2/5", "5/8", "6/15", "1/2"], answer: "A" }
        ],
        [
            { question: "1/2 + 1/4 = ?", options: ["3/4", "2/6", "1/6", "2/4"], answer: "A" },
            { question: "2.5 + 3.7 = ?", options: ["6.2", "5.2", "6.5", "5.5"], answer: "A" },
            { question: "3/5 × 2/3 = ?", options: ["2/5", "5/8", "6/15", "1/2"], answer: "A" }
        ]
    );

    // 5. Square, Square Root, Cube, Cube Root
    addQuestions('वर्ग-वर्गमूल एवं घन-घनमूल',
        [
            { question: "12² = ?", options: ["144", "122", "124", "136"], answer: "A" },
            { question: "√81 = ?", options: ["9", "8", "7", "10"], answer: "A" },
            { question: "5³ = ?", options: ["125", "25", "75", "100"], answer: "A" }
        ],
        [
            { question: "12² = ?", options: ["144", "122", "124", "136"], answer: "A" },
            { question: "√81 = ?", options: ["9", "8", "7", "10"], answer: "A" },
            { question: "5³ = ?", options: ["125", "25", "75", "100"], answer: "A" }
        ]
    );

    // 6. Average
    addQuestions('औसत',
        [
            { question: "Average of 10, 20, 30 is:", options: ["20", "15", "25", "30"], answer: "A" },
            { question: "Average of first 5 natural numbers is:", options: ["3", "2", "4", "5"], answer: "A" },
            { question: "If average of 6 numbers is 10, sum is:", options: ["60", "50", "70", "80"], answer: "A" }
        ],
        [
            { question: "10, 20, 30 का औसत है:", options: ["20", "15", "25", "30"], answer: "A" },
            { question: "पहली 5 प्राकृतिक संख्याओं का औसत है:", options: ["3", "2", "4", "5"], answer: "A" },
            { question: "यदि 6 संख्याओं का औसत 10 है, तो योग है:", options: ["60", "50", "70", "80"], answer: "A" }
        ]
    );

    // 7. Time and Distance
    addQuestions('समय और दूरी',
        [
            { question: "Speed = 60 km/h, Time = 2 hours, Distance = ?", options: ["120 km", "30 km", "60 km", "180 km"], answer: "A" },
            { question: "Distance = 180 km, Speed = 60 km/h, Time = ?", options: ["3 h", "2 h", "4 h", "5 h"], answer: "A" },
            { question: "Speed = 40 km/h, Time = 5 h, Distance = ?", options: ["200 km", "160 km", "180 km", "220 km"], answer: "A" }
        ],
        [
            { question: "गति = 60 किमी/घंटा, समय = 2 घंटे, दूरी = ?", options: ["120 किमी", "30 किमी", "60 किमी", "180 किमी"], answer: "A" },
            { question: "दूरी = 180 किमी, गति = 60 किमी/घंटा, समय = ?", options: ["3 घंटे", "2 घंटे", "4 घंटे", "5 घंटे"], answer: "A" },
            { question: "गति = 40 किमी/घंटा, समय = 5 घंटे, दूरी = ?", options: ["200 किमी", "160 किमी", "180 किमी", "220 किमी"], answer: "A" }
        ]
    );

    // 8. Geometry
    addQuestions('ज्यामिति',
        [
            { question: "Sum of angles in a triangle is:", options: ["180°", "90°", "360°", "270°"], answer: "A" },
            { question: "Number of sides in a hexagon:", options: ["6", "5", "7", "8"], answer: "A" },
            { question: "Area of a rectangle with length 5 and breadth 4 is:", options: ["20", "9", "18", "15"], answer: "A" }
        ],
        [
            { question: "त्रिभुज के कोणों का योग होता है:", options: ["180°", "90°", "360°", "270°"], answer: "A" },
            { question: "षट्भुज की भुजाओं की संख्या:", options: ["6", "5", "7", "8"], answer: "A" },
            { question: "5 लंबाई और 4 चौड़ाई वाले आयत का क्षेत्रफल:", options: ["20", "9", "18", "15"], answer: "A" }
        ]
    );

    // 9. Mensuration
    addQuestions('क्षेत्रमिति',
        [
            { question: "Perimeter of square with side 5 cm:", options: ["20 cm", "25 cm", "15 cm", "30 cm"], answer: "A" },
            { question: "Area of circle with radius 7 cm (π=22/7):", options: ["154 sq cm", "44 sq cm", "88 sq cm", "77 sq cm"], answer: "A" },
            { question: "Volume of cube with side 3 cm:", options: ["27 cu cm", "9 cu cm", "18 cu cm", "36 cu cm"], answer: "A" }
        ],
        [
            { question: "5 सेमी भुजा वाले वर्ग का परिमाप:", options: ["20 सेमी", "25 सेमी", "15 सेमी", "30 सेमी"], answer: "A" },
            { question: "7 सेमी त्रिज्या वाले वृत्त का क्षेत्रफल (π=22/7):", options: ["154 वर्ग सेमी", "44 वर्ग सेमी", "88 वर्ग सेमी", "77 वर्ग सेमी"], answer: "A" },
            { question: "3 सेमी भुजा वाले घन का आयतन:", options: ["27 घन सेमी", "9 घन सेमी", "18 घन सेमी", "36 घन सेमी"], answer: "A" }
        ]
    );

    // 10. Units and Measurement
    addQuestions('शिक्षायों एवं मापन',
        [
            { question: "1 kilometer = ? meters", options: ["1000", "100", "500", "2000"], answer: "A" },
            { question: "1 liter = ? milliliters", options: ["1000", "100", "500", "2000"], answer: "A" },
            { question: "1 kilogram = ? grams", options: ["1000", "100", "500", "2000"], answer: "A" }
        ],
        [
            { question: "1 किलोमीटर = ? मीटर", options: ["1000", "100", "500", "2000"], answer: "A" },
            { question: "1 लीटर = ? मिलीलीटर", options: ["1000", "100", "500", "2000"], answer: "A" },
            { question: "1 किलोग्राम = ? ग्राम", options: ["1000", "100", "500", "2000"], answer: "A" }
        ]
    );

    // 11. Money
    addQuestions('मुद्रा',
        [
            { question: "5 rupees 50 paise in rupees:", options: ["5.50", "5.05", "5.55", "5.00"], answer: "A" },
            { question: "2.75 rupees in paise:", options: ["275", "270", "280", "260"], answer: "A" },
            { question: "8.40 + 3.60 = ?", options: ["12.00", "12.50", "11.00", "13.00"], answer: "A" }
        ],
        [
            { question: "5 रुपये 50 पैसे को रुपये में:", options: ["5.50", "5.05", "5.55", "5.00"], answer: "A" },
            { question: "2.75 रुपये को पैसे में:", options: ["275", "270", "280", "260"], answer: "A" },
            { question: "8.40 + 3.60 = ?", options: ["12.00", "12.50", "11.00", "13.00"], answer: "A" }
        ]
    );

    // 12. Calendar
    addQuestions('केलेपडर',
        [
            { question: "Days in a leap year:", options: ["366", "365", "364", "367"], answer: "A" },
            { question: "If 10 Mar 2024 is Sunday, 17 Mar 2024 is:", options: ["Sunday", "Monday", "Saturday", "Friday"], answer: "A" },
            { question: "Number of days in February 2024:", options: ["29", "28", "30", "31"], answer: "A" }
        ],
        [
            { question: "लीप वर्ष में दिनों की संख्या:", options: ["366", "365", "364", "367"], answer: "A" },
            { question: "यदि 10 मार्च 2024 रविवार है, तो 17 मार्च 2024 है:", options: ["रविवार", "सोमवार", "शनिवार", "शुक्रवार"], answer: "A" },
            { question: "फरवरी 2024 में दिनों की संख्या:", options: ["29", "28", "30", "31"], answer: "A" }
        ]
    );

    // 13. Clock and Time Table
    addQuestions('घडी और समय सारणी',
        [
            { question: "Angle between hour and minute hand at 6:00:", options: ["180°", "90°", "120°", "150°"], answer: "A" },
            { question: "10:15 to 13:45 duration:", options: ["3h 30m", "3h", "4h", "2h 30m"], answer: "A" },
            { question: "45 minutes = ? seconds", options: ["2700", "1800", "3600", "3000"], answer: "A" }
        ],
        [
            { question: "6:00 पर घंटे और मिनट की सुई के बीच कोण:", options: ["180°", "90°", "120°", "150°"], answer: "A" },
            { question: "10:15 से 13:45 तक अवधि:", options: ["3h 30m", "3h", "4h", "2h 30m"], answer: "A" },
            { question: "45 मिनट = ? सेकंड", options: ["2700", "1800", "3600", "3000"], answer: "A" }
        ]
    );

    // 14. Pattern
    addQuestions('पेंटन',
        [
            { question: "Next in series: 2, 4, 6, 8, ?", options: ["10", "12", "14", "16"], answer: "A" },
            { question: "Next in series: 5, 10, 15, 20, ?", options: ["25", "30", "35", "40"], answer: "A" },
            { question: "Next in series: 3, 9, 27, ?", options: ["81", "54", "72", "90"], answer: "A" }
        ],
        [
            { question: "श्रृंखला में अगला: 2, 4, 6, 8, ?", options: ["10", "12", "14", "16"], answer: "A" },
            { question: "श्रृंखला में अगला: 5, 10, 15, 20, ?", options: ["25", "30", "35", "40"], answer: "A" },
            { question: "श्रृंखला में अगला: 3, 9, 27, ?", options: ["81", "54", "72", "90"], answer: "A" }
        ]
    );

    // 15. Statistics & Data Handling
    addQuestions('सांख्यिकी और आँकड़ा प्रबन्धन',
        [
            { question: "Mean of 2,4,6,8,10 is:", options: ["6", "5", "7", "8"], answer: "A" },
            { question: "Median of 3,5,7,9,11 is:", options: ["7", "5", "9", "8"], answer: "A" },
            { question: "Mode of 2,3,3,4,5,5,5 is:", options: ["5", "3", "4", "2"], answer: "A" }
        ],
        [
            { question: "2,4,6,8,10 का माध्य है:", options: ["6", "5", "7", "8"], answer: "A" },
            { question: "3,5,7,9,11 की माध्यिका है:", options: ["7", "5", "9", "8"], answer: "A" },
            { question: "2,3,3,4,5,5,5 का बहुलक है:", options: ["5", "3", "4", "2"], answer: "A" }
        ]
    );

    // ----- PEDAGOGY TOPICS (8) -----
    // 1. Nature of Mathematics/Logical Thinking
    addQuestions('गणित की प्रकृति/ताकिङ्गक सोच',
        [
            { question: "Mathematics is a science of:", options: ["Pattern and order", "Nature", "Language", "Art"], answer: "A" },
            { question: "Logical thinking involves:", options: ["Reasoning", "Memorization", "Creativity", "Imagination"], answer: "A" },
            { question: "Which is not a characteristic of mathematical thinking?", options: ["Rote memorization", "Abstraction", "Logical reasoning", "Problem solving"], answer: "A" }
        ],
        [
            { question: "गणित किसका विज्ञान है?", options: ["पैटर्न और व्यवस्था", "प्रकृति", "भाषा", "कला"], answer: "A" },
            { question: "तार्किक सोच में शामिल है:", options: ["तर्क", "रटना", "रचनात्मकता", "कल्पना"], answer: "A" },
            { question: "गणितीय सोच की विशेषता नहीं है:", options: ["रटना", "अमूर्तता", "तार्किक तर्क", "समस्या समाधान"], answer: "A" }
        ]
    );

    // 2. Place of Mathematics in Curriculum
    addQuestions('पाठ्यक्रम में गणित का स्थान',
        [
            { question: "Mathematics in curriculum develops:", options: ["Logical reasoning", "Physical fitness", "Artistic skills", "Social skills"], answer: "A" },
            { question: "Which is a goal of teaching mathematics?", options: ["Problem solving", "Entertainment", "Physical development", "Memorization"], answer: "A" },
            { question: "Mathematics helps in:", options: ["Daily life", "Only exams", "Only science", "Only commerce"], answer: "A" }
        ],
        [
            { question: "पाठ्यक्रम में गणित विकसित करता है:", options: ["तार्किक तर्क", "शारीरिक फिटनेस", "कलात्मक कौशल", "सामाजिक कौशल"], answer: "A" },
            { question: "गणित शिक्षण का लक्ष्य है:", options: ["समस्या समाधान", "मनोरंजन", "शारीरिक विकास", "रटना"], answer: "A" },
            { question: "गणित सहायक है:", options: ["दैनिक जीवन में", "केवल परीक्षा में", "केवल विज्ञान में", "केवल वाणिज्य में"], answer: "A" }
        ]
    );

    // 3. Language of Mathematics
    addQuestions('गणित की भाषा',
        [
            { question: "Language of mathematics is:", options: ["Symbolic and precise", "Vague", "Artistic", "Poetic"], answer: "A" },
            { question: "Which is a mathematical symbol?", options: ["+", "&", "@", "#"], answer: "A" },
            { question: "Mathematics language helps in:", options: ["Clear communication", "Confusion", "Art", "Music"], answer: "A" }
        ],
        [
            { question: "गणित की भाषा है:", options: ["प्रतीकात्मक और सटीक", "अस्पष्ट", "कलात्मक", "काव्यात्मक"], answer: "A" },
            { question: "गणितीय प्रतीक है:", options: ["+", "&", "@", "#"], answer: "A" },
            { question: "गणितीय भाषा सहायक है:", options: ["स्पष्ट संचार में", "भ्रम में", "कला में", "संगीत में"], answer: "A" }
        ]
    );

    // 4. Community Mathematics
    addQuestions('सामुदायिक गणित',
        [
            { question: "Community mathematics relates to:", options: ["Real life situations", "Abstract theory", "Pure numbers", "Geometry"], answer: "A" },
            { question: "Which is an example of community mathematics?", options: ["Budgeting", "Algebra", "Calculus", "Trigonometry"], answer: "A" },
            { question: "Community mathematics helps in:", options: ["Practical problem solving", "Theoretical research", "Memorization", "Rote learning"], answer: "A" }
        ],
        [
            { question: "सामुदायिक गणित संबंधित है:", options: ["वास्तविक जीवन स्थितियों से", "अमूर्त सिद्धांत से", "शुद्ध संख्याओं से", "ज्यामिति से"], answer: "A" },
            { question: "सामुदायिक गणित का उदाहरण है:", options: ["बजट बनाना", "बीजगणित", "कैलकुलस", "त्रिकोणमिति"], answer: "A" },
            { question: "सामुदायिक गणित सहायक है:", options: ["व्यावहारिक समस्या समाधान में", "सैद्धांतिक शोध में", "रटने में", "कंठस्थीकरण में"], answer: "A" }
        ]
    );

    // 5. Evaluation
    addQuestions('मूल्यांकन',
        [
            { question: "Evaluation in mathematics is:", options: ["Continuous process", "One time event", "Only written test", "Only oral test"], answer: "A" },
            { question: "Formative assessment is:", options: ["During instruction", "At end of course", "At beginning", "After exams"], answer: "A" },
            { question: "Summative assessment aims to:", options: ["Assign grades", "Improve learning", "Diagnose difficulties", "Plan instruction"], answer: "A" }
        ],
        [
            { question: "गणित में मूल्यांकन है:", options: ["सतत प्रक्रिया", "एक बार की घटना", "केवल लिखित परीक्षा", "केवल मौखिक परीक्षा"], answer: "A" },
            { question: "रचनात्मक मूल्यांकन है:", options: ["शिक्षण के दौरान", "पाठ्यक्रम के अंत में", "शुरुआत में", "परीक्षा के बाद"], answer: "A" },
            { question: "योगात्मक मूल्यांकन का उद्देश्य है:", options: ["ग्रेड देना", "सीखने में सुधार", "कठिनाइयों का निदान", "शिक्षण की योजना"], answer: "A" }
        ]
    );

    // 6. Diagnostic and Remedial Teaching
    addQuestions('निर्दानात्मक एवं उपचारात्मक शिक्षण',
        [
            { question: "Diagnostic teaching identifies:", options: ["Learning difficulties", "Talents", "Physical abilities", "Interests"], answer: "A" },
            { question: "Remedial teaching aims to:", options: ["Correct errors", "Punish", "Ignore", "Skip topics"], answer: "A" },
            { question: "Diagnostic test is:", options: ["Specific", "General", "Comprehensive", "Standardized"], answer: "A" }
        ],
        [
            { question: "निर्देशात्मक शिक्षण पहचानता है:", options: ["अधिगम की कठिनाइयाँ", "प्रतिभाएँ", "शारीरिक क्षमताएँ", "रुचियाँ"], answer: "A" },
            { question: "उपचारात्मक शिक्षण का उद्देश्य है:", options: ["त्रुटियों को सुधारना", "दंड देना", "अनदेखा करना", "विषय छोड़ना"], answer: "A" },
            { question: "निर्देशात्मक परीक्षण है:", options: ["विशिष्ट", "सामान्य", "व्यापक", "मानकीकृत"], answer: "A" }
        ]
    );

    // 7. Problems of Teaching
    addQuestions('शिक्षण में समस्याएँ',
        [
            { question: "A major problem in mathematics teaching is:", options: ["Lack of conceptual understanding", "Too many books", "Less time", "More teachers"], answer: "A" },
            { question: "Which is a challenge in teaching math?", options: ["Student anxiety", "High interest", "Good resources", "Motivated students"], answer: "A" },
            { question: "Classroom management issue in math is:", options: ["Diverse learning levels", "Same level", "Perfect behavior", "Full attendance"], answer: "A" }
        ],
        [
            { question: "गणित शिक्षण में प्रमुख समस्या है:", options: ["अवधारणात्मक समझ की कमी", "बहुत अधिक पुस्तकें", "कम समय", "अधिक शिक्षक"], answer: "A" },
            { question: "गणित शिक्षण में चुनौती है:", options: ["छात्रों की चिंता", "उच्च रुचि", "अच्छे संसाधन", "प्रेरित छात्र"], answer: "A" },
            { question: "गणित में कक्षा प्रबंधन की समस्या है:", options: ["विविध अधिगम स्तर", "समान स्तर", "परिपूर्ण व्यवहार", "पूर्ण उपस्थिति"], answer: "A" }
        ]
    );

    // 8. Error Analysis and Related Aspects
    addQuestions('द्वितीय विश्लेषण और सीखने और सिखाने के सम्बन्धित पहलू',
        [
            { question: "Error analysis helps in:", options: ["Identifying misconceptions", "Punishing students", "Ignoring mistakes", "Testing memory"], answer: "A" },
            { question: "Which is a common error in math?", options: ["Misplacing decimal", "Correct placement", "Right method", "Perfect answer"], answer: "A" },
            { question: "Error analysis is useful for:", options: ["Remedial planning", "Ignoring", "Rote learning", "Standardized tests"], answer: "A" }
        ],
        [
            { question: "त्रुटि विश्लेषण सहायक है:", options: ["गलत धारणाओं की पहचान में", "छात्रों को दंड देने में", "गलतियों को अनदेखा करने में", "स्मरण शक्ति परीक्षण में"], answer: "A" },
            { question: "गणित में सामान्य त्रुटि है:", options: ["दशमलव गलत रखना", "सही रखना", "सही विधि", "परिपूर्ण उत्तर"], answer: "A" },
            { question: "त्रुटि विश्लेषण उपयोगी है:", options: ["उपचारात्मक योजना के लिए", "अनदेखी के लिए", "रटने के लिए", "मानकीकृत परीक्षण के लिए"], answer: "A" }
        ]
    );

    // Topic keys for display (23 topics)
    const topicKeys = [
        "संख्या पद्धति", "गणितीय मूल संक्रियाएँ", "लघुत्तम समापवर्त्य और महत्तम समापवर्तक",
        "मिन्न एवं दशमलव संख्याएँ", "वर्ग-वर्गमूल एवं घन-घनमूल", "औसत",
        "समय और दूरी", "ज्यामिति", "क्षेत्रमिति",
        "शिक्षायों एवं मापन", "मुद्रा", "केलेपडर",
        "घडी और समय सारणी", "पेंटन", "सांख्यिकी और आँकड़ा प्रबन्धन",
        "गणित की प्रकृति/ताकिङ्गक सोच", "पाठ्यक्रम में गणित का स्थान", "गणित की भाषा",
        "सामुदायिक गणित", "मूल्यांकन", "निर्दानात्मक एवं उपचारात्मक शिक्षण",
        "शिक्षण में समस्याएँ", "द्वितीय विश्लेषण और सीखने और सिखाने के सम्बन्धित पहलू"
    ];

    // Bilingual topic names for display
    const topicNames = {
        hi: [
            "संख्या पद्धति", "गणितीय मूल संक्रियाएँ", "लघुत्तम समापवर्त्य और महत्तम समापवर्तक",
            "मिन्न एवं दशमलव संख्याएँ", "वर्ग-वर्गमूल एवं घन-घनमूल", "औसत",
            "समय और दूरी", "ज्यामिति", "क्षेत्रमिति",
            "शिक्षायों एवं मापन", "मुद्रा", "केलेपडर",
            "घडी और समय सारणी", "पेंटन", "सांख्यिकी और आँकड़ा प्रबन्धन",
            "गणित की प्रकृति/ताकिङ्गक सोच", "पाठ्यक्रम में गणित का स्थान", "गणित की भाषा",
            "सामुदायिक गणित", "मूल्यांकन", "निर्दानात्मक एवं उपचारात्मक शिक्षण",
            "शिक्षण में समस्याएँ", "द्वितीय विश्लेषण और सीखने और सिखाने के सम्बन्धित पहलू"
        ],
        en: [
            "Number System", "Mathematical Operations", "L.C.M. and H.C.F.",
            "Fractions and Decimal Numbers", "Square-Square Root and Cube-Cube Root", "Average",
            "Time and Distance", "Geometry", "Mensuration",
            "Units and Measurement", "Money", "Calendar",
            "Clock and Time Table", "Pattern", "Statistics & Data Handling",
            "Nature of Mathematics/Logical Thinking", "Place of Mathematics in Curriculum", "Language of Mathematics",
            "Community Mathematics", "Evaluation", "Diagnostic and Remedial Teaching",
            "Problems of Teaching", "Error Analysis and Related Aspects of Learning and Teaching"
        ]
    };

    function getTopicDisplay(key, lang) {
        const idx = topicKeys.indexOf(key);
        if (idx === -1) return key;
        return topicNames[lang][idx] || key;
    }

    // UI translations
    const uiText = {
        hi: {
            mainTitle: "CTET Paper 1",
            mainSubtitle: "गणित एवं शिक्षाशास्त्र (Mathematics and Pedagogy) असाइनमेंट जनरेटर",
            startTitle: "गणित एवं शिक्षाशास्त्र असाइनमेंट जनरेटर",
            startBtn: "असाइनमेंट बनाएँ",
            subjectTitle: "विषय का चयन करें",
            selectSubject: "गणित एवं शिक्षाशास्त्र (Mathematics & Pedagogy)",
            chapterTitle: "अध्याय / विषय चुनें",
            backStart: "प्रारंभ पर वापस जाएँ",
            generateAssign: "असाइनमेंट बनाएँ",
            levelTitle: "कठिनाई स्तर चुनें",
            levelDesc: "अपने असाइनमेंट के लिए स्तर का चयन करें:",
            level1: "स्तर 1",
            level1Sub: "बेसिक स्तर",
            level2: "स्तर 2",
            level2Sub: "मध्यम स्तर",
            level3: "स्तर 3",
            level3Sub: "परीक्षा स्तर",
            backChapters: "विषयों पर वापस जाएँ",
            generateFinal: "असाइनमेंट जनरेट करें",
            fullPaper: "पूर्ण पाठ्यक्रम (सभी 23 विषय)",
            noChapterAlert: "कृपया कम से कम एक अध्याय/विषय चुनें!",
            noLevelAlert: "कृपया कठिनाई स्तर चुनें!",
            fullPaperLabel: "पूर्ण पाठ्यक्रम (सभी 23 विषय)",
            instructions: "निर्देश:",
            inst1: "इस असाइनमेंट में 45 बहुविकल्पीय प्रश्न (MCQs) हैं।",
            inst2: "प्रत्येक प्रश्न के चार विकल्प हैं, केवल एक सही है।",
            inst3: "उचित विकल्प का चयन करें।",
            inst4: "समय: 60 मिनट",
            mcqHeading: "बहुविकल्पीय प्रश्न (MCQs)",
            answerKey: "उत्तर कुंजी (Answer Key)",
            qNo: "प्रश्न सं.",
            ans: "उत्तर",
            print: "प्रिंट करें",
            download: "PDF डाउनलोड करें",
            newAssign: "नया असाइनमेंट",
            subjectLabel: "गणित एवं शिक्षाशास्त्र",
            langLabel: "हिंदी",
            noQuestions: "प्रश्न उपलब्ध नहीं हैं। कृपया अन्य अध्याय चुनें।"
        },
        en: {
            mainTitle: "CTET Paper 1",
            mainSubtitle: "Mathematics and Pedagogy Assignment Generator",
            startTitle: "Mathematics and Pedagogy Assignment Generator",
            startBtn: "Create Assignment",
            subjectTitle: "Select Subject",
            selectSubject: "Mathematics & 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 23 Topics)",
            noChapterAlert: "Please select at least one chapter/topic!",
            noLevelAlert: "Please select a difficulty level!",
            fullPaperLabel: "Full Syllabus (All 23 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: "Mathematics & Pedagogy",
            langLabel: "English",
            noQuestions: "Questions not available. Please select other chapters."
        }
    };

    // DOM refs
    const langToggleBtn = document.getElementById('langToggleBtn');
    const langLabel = document.getElementById('langLabel');
    let currentLang = 'hi';

    function applyUILanguage(lang) {
        const t = uiText[lang];
        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('selectMathBtn').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;
        langLabel.textContent = t.langLabel;
        populateChapters();
        if (!generatedPaperContainer.classList.contains('hidden')) {
            if (selectedChapters && selectedLevel) {
                generatePaper(selectedChapters, selectedLevel, currentLang);
            }
        }
    }

    langToggleBtn.addEventListener('click', function() {
        currentLang = (currentLang === 'hi') ? 'en' : 'hi';
        applyUILanguage(currentLang);
    });

    // ----- Core logic -----
    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[currentLang];
        const fullPaperLabel = (currentLang === 'hi') ? "पूर्ण पाठ्यक्रम (सभी 23 विषय)" : "Full Syllabus (All 23 Topics)";
        container.innerHTML = `<div class="checkbox-item"><input type="checkbox" id="fullPaper" value="full"><label for="fullPaper">${fullPaperLabel}</label></div>`;
        topicKeys.forEach((key, idx) => {
            const displayName = getTopicDisplay(key, currentLang);
            container.innerHTML += `<div class="checkbox-item"><input type="checkbox" id="topic_${idx}" name="chapter" value="${key}"><label for="topic_${idx}">${idx+1}. ${displayName}</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, lang) {
        let allQuestions = [];
        chapters.forEach(ch => {
            if(questionBank[ch] && questionBank[ch][lang] && questionBank[ch][lang][`level${level}`]) {
                allQuestions = allQuestions.concat(questionBank[ch][lang][`level${level}`]);
            }
        });
        if(allQuestions.length === 0) {
            const t = uiText[lang];
            return [{ question: t.noQuestions, 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, lang) {
        const t = uiText[lang];
        const mcqs = getRandomQuestions(chapters, level, 45, lang);
        let questionNumber = 1;
        let chapterDisplay = '';
        if (chapters.length === topicKeys.length) {
            chapterDisplay = t.fullPaperLabel;
        } else {
            const displayNames = chapters.slice(0,3).map(k => getTopicDisplay(k, lang));
            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('selectMathBtn').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) {
            const t = uiText[currentLang];
            alert(t.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) {
            const t = uiText[currentLang];
            alert(t.noLevelAlert);
            return;
        }
        startContainer.classList.add('hidden');
        levelSelection.classList.add('hidden');
        generatePaper(selectedChapters, selectedLevel, currentLang);
    });

    // 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_Maths_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');
    });

    // Initial load
    applyUILanguage('hi');
</script>
</body>
</html>