<!DOCTYPE html>
<html lang="hi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
    <title>CTET पेपर-1 | गणित एवं शिक्षाशास्त्र | दैनिक अभ्यास जनरेटर</title>
    <link href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='45' fill='%230088cc'/%3E%3Ctext x='50' y='68' font-size='48' text-anchor='middle' fill='white' font-weight='bold'%3Eग%3C/text%3E%3C/svg%3E" 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: #0088cc;
            --primary-dark: #006699;
            --secondary: #66ccff;
            --danger: #e53e3e;
            --success: #38a169;
            --light: #e6f7ff;
            --dark: #004466;
            --gray: #006699;
            --border-radius: 12px;
            --box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1);
            --transition: all 0.3s ease;
        }
        * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', 'Poppins', system-ui, sans-serif; }
        body { background: linear-gradient(135deg, #e6f7ff 0%, #b3e0ff 100%); min-height: 100vh; display: flex; justify-content: center; align-items: center; padding: 20px; color: var(--dark); line-height: 1.5; }
        .container { width: 100%; max-width: 1100px; background: white; border-radius: var(--border-radius); box-shadow: var(--box-shadow); overflow: hidden; transition: var(--transition); animation: fadeIn 0.4s 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: 28px 20px; text-align: center; position: relative; }
        .header::before { content: '➕'; position: absolute; bottom: 10px; right: 20px; font-size: 70px; opacity: 0.1; }
        .header h1 { font-size: 1.9rem; margin-bottom: 8px; font-weight: 700; letter-spacing: -0.5px; }
        .header p { font-size: 1rem; opacity: 0.9; }
        .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;
            background: rgba(0,0,0,0.2);
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .header-controls .home-icon:hover {
            transform: scale(1.08);
            background: rgba(0,0,0,0.4);
        }
        .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: 28px; }
        .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 8px rgba(0,0,0,0.05); margin: 8px 5px; font-size: 0.95rem; }
        .btn-primary { background: var(--primary); color: white; }
        .btn-primary:hover { background: var(--primary-dark); transform: translateY(-2px); box-shadow: 0 10px 20px -5px var(--primary); }
        .btn-success { background: var(--success); color: white; }
        .btn-success:hover { background: #2c7a4a; transform: translateY(-2px); }
        .btn-danger { background: var(--danger); color: white; }
        .btn-danger:hover { background: #c53030; transform: translateY(-2px); }
        .btn-level { background: white; color: var(--dark); border: 2px solid #cbd5e0; font-size: 1.1rem; padding: 14px 28px; width: 190px; font-weight: 600; transition: all 0.2s; }
        .btn-level:hover { transform: translateY(-4px); background: #f7fafc; border-color: var(--primary); }
        .btn-level.selected { background: var(--primary); color: white; border-color: var(--primary); box-shadow: 0 8px 16px -4px rgba(0,136,204,0.4); }
        .btn-group { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 20px 0; }
        .level-buttons { display: flex; justify-content: center; gap: 25px; margin: 30px 0; flex-wrap: wrap; }
        .section-title { text-align: center; margin-bottom: 25px; color: var(--primary-dark); font-size: 1.7rem; position: relative; padding-bottom: 12px; font-weight: 600; }
        .section-title::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background: var(--secondary); border-radius: 4px; }
        .checkbox-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(310px, 1fr)); gap: 14px; margin: 25px 0; max-height: 520px; overflow-y: auto; padding: 15px; border: 1px solid #e2e8f0; border-radius: 18px; background: #f0f8ff; }
        .checkbox-item { display: flex; align-items: center; background: white; padding: 8px 12px; border-radius: 40px; transition: all 0.2s; border: 1px solid #e9ecef; }
        .checkbox-item:hover { background: #e6f7ff; transform: translateX(3px); }
        .checkbox-item input { margin-right: 12px; width: 18px; height: 18px; cursor: pointer; accent-color: var(--primary); }
        .checkbox-item label { cursor: pointer; font-size: 0.9rem; font-weight: 500; }
        .question { margin-bottom: 25px; page-break-inside: avoid; background: #ffffff; padding: 15px; border-radius: 16px; box-shadow: 0 1px 2px rgba(0,0,0,0.05); border-left: 4px solid var(--secondary); }
        .question-text { font-weight: 700; margin-bottom: 12px; font-size: 1.05rem; color: #2d3748; }
        .option { margin-left: 24px; margin-bottom: 6px; color: #4a5568; }
        .action-buttons { display: flex; justify-content: center; flex-wrap: wrap; gap: 18px; margin-top: 40px; }
        .answer-sheet { margin-top: 40px; padding: 20px; background: #e6f7ff; border-radius: var(--border-radius); }
        .answer-table { width: 100%; border-collapse: collapse; margin-top: 15px; border-radius: 12px; overflow: hidden; }
        .answer-table th, .answer-table td { border: 1px solid #cbd5e0; padding: 10px; text-align: center; }
        .answer-table th { background-color: var(--primary); color: white; font-weight: 600; }
        .streak-container { display: flex; justify-content: center; align-items: center; margin: 20px 0; gap: 20px; flex-wrap: wrap; }
        .streak-counter { background: #ff9100; color: white; padding: 10px 20px; border-radius: 60px; font-weight: bold; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
        .date-display { font-size: 1rem; font-weight: 600; background: #e2e8f0; padding: 8px 18px; border-radius: 40px; color: var(--primary-dark); }
        .progress-container { margin: 20px 0; background: #edf2f7; padding: 20px; border-radius: 28px; }
        .progress-bar { height: 12px; background: #cbd5e0; border-radius: 20px; overflow: hidden; margin-top: 12px; }
        .progress-fill { height: 100%; background: var(--success); border-radius: 20px; transition: width 0.5s ease; }
        .problem-of-day { background: linear-gradient(115deg, #fff6e5, #ffedd5); border-left: 5px solid var(--danger); padding: 20px; margin: 20px 0; border-radius: 24px; }
        .daily-summary { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 15px; margin: 20px 0; }
        .summary-card { flex: 1; min-width: 110px; background: white; padding: 15px; border-radius: 20px; box-shadow: 0 8px 20px rgba(0,0,0,0.05); text-align: center; border: 1px solid #e2e8f0; }
        .home-icon { position: absolute; top: 20px; left: 20px; color: white; font-size: 26px; cursor: pointer; transition: transform 0.2s; z-index: 5; background: rgba(0,0,0,0.2); width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
        .home-icon:hover { transform: scale(1.08); background: rgba(0,0,0,0.4); }
        .instructions { margin-bottom: 30px; padding: 18px 22px; background: #f0f8ff; border-radius: 24px; border: 1px solid #e2e8f0; }
        @media (max-width: 680px) { .header h1 { font-size: 1.3rem; } .btn-level { width: 140px; font-size: 0.9rem; padding: 12px 16px; } .checkbox-container { grid-template-columns: 1fr; } .header-controls { top: 12px; right: 12px; gap: 8px; } .lang-toggle { font-size: 0.7rem; padding: 4px 12px; } }
        @media print { .action-buttons, .streak-container, .progress-container, .problem-of-day, .daily-summary, .header-controls { display: none; } .question { break-inside: avoid; } }
        .text-center { text-align: center; }
    </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-daily-practice-problem-generator.html" class="home-icon" ><i class="fas fa-chalkboard-user"></i></a>
            <button class="lang-toggle" id="langToggleBtn"><i class="fas fa-globe"></i> <span id="langLabel">हिंदी</span></button>
        </div>
        <h1 id="mainTitle"><i class="fas fa-calculator"></i> CTET पेपर-1</h1>
        <p id="mainSubtitle">गणित एवं शिक्षाशास्त्र | दैनिक अभ्यास समस्या जनरेटर</p>
    </div>
    <div class="content-area">
        <div id="startScreen">
            <h2 class="section-title" id="startTitle">➕ गणित एवं शिक्षाशास्त्र</h2>
            <div class="streak-container">
                <div class="streak-counter"><i class="fas fa-fire"></i> <span id="streakLabel">लगातार</span>: <span id="streakDays">0</span> <span id="dayLabel">दिन</span></div>
                <div class="date-display" id="currentDate"></div>
            </div>
            <div class="progress-container">
                <h3><i class="fas fa-chart-line"></i> <span id="progressTitle">आपकी प्रगति</span></h3>
                <div class="progress-bar"><div class="progress-fill" id="progressFill" style="width: 0%"></div></div>
                <p id="progressText" style="margin-top: 8px;">0% पूर्ण</p>
            </div>
            <div class="btn-group">
                <button class="btn btn-primary" id="problemOfDayBtn"><i class="fas fa-calendar-day"></i> <span id="podBtnText">दिन की समस्या</span></button>
                <button class="btn btn-success" id="customPracticeBtn"><i class="fas fa-pen-ruler"></i> <span id="customBtnText">कस्टम अभ्यास</span></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"><i class="fas fa-brain"></i> <span id="selectSubjectText">गणित एवं शिक्षाशास्त्र</span></button></div>
        </div>
        <div id="topicSelection" class="hidden">
            <h2 class="section-title" id="topicTitle">📚 <span id="chapterSelectText">अध्यायों का चयन करें</span> (23 अध्याय)</h2>
            <form id="topicForm">
                <div class="checkbox-container" id="topicsContainer"></div>
            </form>
            <div class="btn-group">
                <button class="btn btn-danger" id="backToStartBtn"><i class="fas fa-arrow-left"></i> <span id="backStartText">प्रारंभ पर वापस</span></button>
                <button class="btn btn-success" id="generateAssignmentBtn"><i class="fas fa-cogs"></i> <span id="genAssignText">अभ्यास प्रश्न जेनरेट करें</span></button>
            </div>
        </div>
        <div id="levelSelection" class="hidden">
            <h2 class="section-title" id="levelTitle">⚡ <span id="levelSelectText">कठिनाई स्तर चुनें</span></h2>
            <p class="text-center" id="levelDescText" style="text-align:center; margin-bottom:10px;">अपने CTET स्तर के अनुसार चुनें:</p>
            <div class="level-buttons">
                <button class="btn btn-level" id="level1Btn"><span id="l1Title">स्तर 1</span> <br><small id="l1Sub">बेसिक / CTET आधार</small></button>
                <button class="btn btn-level" id="level2Btn"><span id="l2Title">स्तर 2</span> <br><small id="l2Sub">मध्यम (CTET मानक)</small></button>
                <button class="btn btn-level" id="level3Btn"><span id="l3Title">स्तर 3</span> <br><small id="l3Sub">उन्नत (विश्लेषणात्मक)</small></button>
            </div>
            <div class="btn-group">
                <button class="btn btn-danger" id="backToTopicsBtn"><i class="fas fa-arrow-left"></i> <span id="backTopicsText">विषयों पर वापस</span></button>
                <button class="btn btn-success" id="generateFinalBtn"><i class="fas fa-cogs"></i> <span id="genFinalText">अभ्यास प्रश्न जेनरेट करें</span></button>
            </div>
        </div>
    </div>
</div>
<div class="container hidden" id="generatedPaperContainer"></div>

<script>
    const { jsPDF } = window.jspdf;
    const startContainer = document.getElementById('startContainer');
    const startScreen = document.getElementById('startScreen');
    const subjectSelection = document.getElementById('subjectSelection');
    const topicSelection = document.getElementById('topicSelection');
    const levelSelection = document.getElementById('levelSelection');
    const generatedPaperContainer = document.getElementById('generatedPaperContainer');
    
    // =====================================================
    // BILINGUAL QUESTIONS DATABASE (23 TOPICS: 15 Maths + 8 Pedagogy)
    // =====================================================
    const questionBank = {};

    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 (15) -----
    addQuestions('संख्या पद्धति',
        [
            { question: "Which is a prime number?", options: ["17", "21", "27", "39"], answer: "A" },
            { question: "LCM of 12 and 18 is:", options: ["36", "72", "108", "144"], answer: "A" },
            { question: "5! = ?", 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" }
        ]
    );

    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" }
        ]
    );

    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" }
        ]
    );

    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" }
        ]
    );

    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" }
        ]
    );

    addQuestions('औसत',
        [
            { question: "Average of 10,20,30 is:", options: ["20", "15", "25", "30"], answer: "A" },
            { question: "Average of first 5 natural numbers:", options: ["3", "2", "4", "5"], answer: "A" },
            { question: "Sum of 6 numbers with average 10:", 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" }
        ]
    );

    addQuestions('समय और दूरी',
        [
            { question: "Speed 60 km/h, Time 2h, 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 5h, 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" }
        ]
    );

    addQuestions('ज्यामिति',
        [
            { question: "Sum of angles in a triangle:", options: ["180°", "90°", "360°", "270°"], answer: "A" },
            { question: "Sides in a hexagon:", options: ["6", "5", "7", "8"], answer: "A" },
            { question: "Area of rectangle 5x4:", options: ["20", "9", "18", "15"], answer: "A" }
        ],
        [
            { question: "त्रिभुज के कोणों का योग:", options: ["180°", "90°", "360°", "270°"], answer: "A" },
            { question: "षट्भुज की भुजाएँ:", options: ["6", "5", "7", "8"], answer: "A" },
            { question: "5x4 आयत का क्षेत्रफल:", options: ["20", "9", "18", "15"], answer: "A" }
        ]
    );

    addQuestions('क्षेत्रमिति',
        [
            { question: "Perimeter of square side 5 cm:", options: ["20 cm", "25 cm", "15 cm", "30 cm"], answer: "A" },
            { question: "Area of circle radius 7 cm (π=22/7):", options: ["154 sq cm", "44 sq cm", "88 sq cm", "77 sq cm"], answer: "A" },
            { question: "Volume of cube 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" }
        ]
    );

    addQuestions('शिक्षायों एवं मापन',
        [
            { question: "1 km = ? m", options: ["1000", "100", "500", "2000"], answer: "A" },
            { question: "1 L = ? mL", options: ["1000", "100", "500", "2000"], answer: "A" },
            { question: "1 kg = ? g", 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" }
        ]
    );

    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" }
        ]
    );

    addQuestions('केलेपडर',
        [
            { question: "Days in leap year:", options: ["366", "365", "364", "367"], answer: "A" },
            { question: "10 Mar 2024 Sunday, 17 Mar 2024:", options: ["Sunday", "Monday", "Saturday", "Friday"], answer: "A" },
            { question: "Days in Feb 2024:", options: ["29", "28", "30", "31"], answer: "A" }
        ],
        [
            { question: "लीप वर्ष में दिन:", options: ["366", "365", "364", "367"], answer: "A" },
            { question: "10 Mar 2024 रविवार, 17 Mar 2024:", options: ["रविवार", "सोमवार", "शनिवार", "शुक्रवार"], answer: "A" },
            { question: "फरवरी 2024 में दिन:", options: ["29", "28", "30", "31"], answer: "A" }
        ]
    );

    addQuestions('घडी और समय सारणी',
        [
            { question: "Angle at 6:00 between hour and minute:", 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 min = ? 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" }
        ]
    );

    addQuestions('पेंटन',
        [
            { question: "Next in series: 2,4,6,8,?", options: ["10", "12", "14", "16"], answer: "A" },
            { question: "Next: 5,10,15,20,?", options: ["25", "30", "35", "40"], answer: "A" },
            { question: "Next: 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" }
        ]
    );

    addQuestions('सांख्यिकी और आँकड़ा प्रबन्धन',
        [
            { question: "Mean of 2,4,6,8,10:", options: ["6", "5", "7", "8"], answer: "A" },
            { question: "Median of 3,5,7,9,11:", options: ["7", "5", "9", "8"], answer: "A" },
            { question: "Mode of 2,3,3,4,5,5,5:", 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 (8) -----
    addQuestions('गणित की प्रकृति/ताकिङ्गक सोच',
        [
            { question: "Mathematics is science of:", options: ["Pattern and order", "Nature", "Language", "Art"], answer: "A" },
            { question: "Logical thinking involves:", options: ["Reasoning", "Memorization", "Creativity", "Imagination"], answer: "A" },
            { question: "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" }
        ]
    );

    addQuestions('पाठ्यक्रम में गणित का स्थान',
        [
            { question: "Math in curriculum develops:", options: ["Logical reasoning", "Physical fitness", "Artistic skills", "Social skills"], answer: "A" },
            { question: "Goal of teaching math:", options: ["Problem solving", "Entertainment", "Physical development", "Memorization"], answer: "A" },
            { question: "Math 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" }
        ]
    );

    addQuestions('गणित की भाषा',
        [
            { question: "Language of mathematics:", options: ["Symbolic and precise", "Vague", "Artistic", "Poetic"], answer: "A" },
            { question: "Mathematical symbol:", options: ["+", "&", "@", "#"], answer: "A" },
            { question: "Math language helps in:", options: ["Clear communication", "Confusion", "Art", "Music"], answer: "A" }
        ],
        [
            { question: "गणित की भाषा है:", options: ["प्रतीकात्मक और सटीक", "अस्पष्ट", "कलात्मक", "काव्यात्मक"], answer: "A" },
            { question: "गणितीय प्रतीक:", options: ["+", "&", "@", "#"], answer: "A" },
            { question: "गणितीय भाषा सहायक है:", options: ["स्पष्ट संचार में", "भ्रम में", "कला में", "संगीत में"], answer: "A" }
        ]
    );

    addQuestions('सामुदायिक गणित',
        [
            { question: "Community math relates to:", options: ["Real life situations", "Abstract theory", "Pure numbers", "Geometry"], answer: "A" },
            { question: "Example of community math:", options: ["Budgeting", "Algebra", "Calculus", "Trigonometry"], answer: "A" },
            { question: "Community math 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" }
        ]
    );

    addQuestions('मूल्यांकन',
        [
            { question: "Evaluation in math is:", options: ["Continuous process", "One time event", "Only written test", "Only oral test"], answer: "A" },
            { question: "Formative assessment is:", options: ["During instruction", "At end", "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" }
        ]
    );

    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" }
        ]
    );

    addQuestions('शिक्षण में समस्याएँ',
        [
            { question: "Major problem in math teaching:", options: ["Lack of conceptual understanding", "Too many books", "Less time", "More teachers"], answer: "A" },
            { question: "Challenge in teaching math:", options: ["Student anxiety", "High interest", "Good resources", "Motivated students"], answer: "A" },
            { question: "Classroom management issue:", options: ["Diverse learning levels", "Same level", "Perfect behavior", "Full attendance"], answer: "A" }
        ],
        [
            { question: "गणित शिक्षण में प्रमुख समस्या:", options: ["अवधारणात्मक समझ की कमी", "बहुत अधिक पुस्तकें", "कम समय", "अधिक शिक्षक"], answer: "A" },
            { question: "गणित शिक्षण में चुनौती:", options: ["छात्रों की चिंता", "उच्च रुचि", "अच्छे संसाधन", "प्रेरित छात्र"], answer: "A" },
            { question: "कक्षा प्रबंधन की समस्या:", options: ["विविध अधिगम स्तर", "समान स्तर", "परिपूर्ण व्यवहार", "पूर्ण उपस्थिति"], answer: "A" }
        ]
    );

    addQuestions('द्वितीय विश्लेषण और सीखने और सिखाने के सम्बन्धित पहलू',
        [
            { question: "Error analysis helps in:", options: ["Identifying misconceptions", "Punishing", "Ignoring mistakes", "Testing memory"], answer: "A" },
            { question: "Common error in math:", options: ["Misplacing decimal", "Correct placement", "Right method", "Perfect answer"], answer: "A" },
            { question: "Error analysis 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 & BILINGUAL NAMES
    // =====================================================
    const topicKeys = [
        "संख्या पद्धति",
        "गणितीय मूल संक्रियाएँ",
        "लघुत्तम समापवर्त्य और महत्तम समापवर्तक",
        "मिन्न एवं दशमलव संख्याएँ",
        "वर्ग-वर्गमूल एवं घन-घनमूल",
        "औसत",
        "समय और दूरी",
        "ज्यामिति",
        "क्षेत्रमिति",
        "शिक्षायों एवं मापन",
        "मुद्रा",
        "केलेपडर",
        "घडी और समय सारणी",
        "पेंटन",
        "सांख्यिकी और आँकड़ा प्रबन्धन",
        "गणित की प्रकृति/ताकिङ्गक सोच",
        "पाठ्यक्रम में गणित का स्थान",
        "गणित की भाषा",
        "सामुदायिक गणित",
        "मूल्यांकन",
        "निर्दानात्मक एवं उपचारात्मक शिक्षण",
        "शिक्षण में समस्याएँ",
        "द्वितीय विश्लेषण और सीखने और सिखाने के सम्बन्धित पहलू"
    ];

    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 पेपर-1 - गणित एवं शिक्षाशास्त्र",
            mainSubtitle: "गणित एवं शिक्षाशास्त्र | दैनिक अभ्यास समस्या जनरेटर",
            startTitle: "➕ गणित एवं शिक्षाशास्त्र",
            streakLabel: "लगातार",
            dayLabel: "दिन",
            progressTitle: "आपकी प्रगति",
            podBtnText: "दिन की समस्या",
            customBtnText: "कस्टम अभ्यास",
            subjectTitle: "🎯 विषय चयन",
            selectSubjectText: "गणित एवं शिक्षाशास्त्र",
            topicTitle: "📚 अध्यायों का चयन करें",
            chapterSelectText: "अध्यायों का चयन करें",
            backStartText: "प्रारंभ पर वापस",
            genAssignText: "अभ्यास प्रश्न जेनरेट करें",
            levelTitle: "⚡ कठिनाई स्तर चुनें",
            levelSelectText: "कठिनाई स्तर चुनें",
            levelDescText: "अपने CTET स्तर के अनुसार चुनें:",
            l1Title: "स्तर 1",
            l1Sub: "बेसिक / CTET आधार",
            l2Title: "स्तर 2",
            l2Sub: "मध्यम (CTET मानक)",
            l3Title: "स्तर 3",
            l3Sub: "उन्नत (विश्लेषणात्मक)",
            backTopicsText: "विषयों पर वापस",
            genFinalText: "अभ्यास प्रश्न जेनरेट करें",
            langLabel: "हिंदी",
            fullPaper: "सभी विषय (पूर्ण पाठ्यक्रम - 23 अध्याय)",
            noTopicAlert: "कृपया कम से कम एक अध्याय चुनें!",
            noLevelAlert: "कृपया कठिनाई स्तर चुनें!",
            instructions: "निर्देश (गणित अभ्यास):",
            inst1: "10 बहुविकल्पी प्रश्न, गणित एवं शिक्षाशास्त्र पर आधारित।",
            inst2: "15 मिनट में हल करें, उत्तर कुंजी से मिलाएँ।",
            mcqHeading: "✍️ अभ्यास प्रश्न",
            answerKey: "🔑 उत्तर कुंजी",
            qNo: "प्रश्न सं.",
            ans: "उत्तर",
            print: "प्रिंट / PDF",
            newPractice: "नया अभ्यास",
            markComplete: "पूर्ण चिह्नित करें",
            completeMsg: "🎉 शानदार! अभ्यास पूर्ण हुआ। प्रगति सहेजी गई।",
            dailyComplete: "बधाई हो! दिन की समस्या हल हुई।",
            podTitle: "🌟 दिन की चुनौती (गणित)",
            podSub: "🎯",
            podLevel: "स्तर",
            podToday: "आज का अभ्यास प्रश्न",
            podStreak: "🔥 लगातार",
            podSolved: "✅ हल प्रश्न",
            podProgress: "📚 प्रगति",
            podSolution: "📌 समाधान",
            podCorrect: "सही उत्तर:",
            podExplanation: "व्याख्या: CTET गणित अवधारणा के अनुसार",
            podComplete: "पूर्ण किया",
            podPrint: "प्रिंट करें",
            podNew: "नया अभ्यास"
        },
        en: {
            mainTitle: "➕ CTET Paper 1 - Mathematics and Pedagogy",
            mainSubtitle: "Mathematics and Pedagogy | Daily Practice Problem Generator",
            startTitle: "➕ Mathematics and Pedagogy",
            streakLabel: "Streak",
            dayLabel: "days",
            progressTitle: "Your Progress",
            podBtnText: "Problem of the Day",
            customBtnText: "Custom Practice",
            subjectTitle: "🎯 Select Subject",
            selectSubjectText: "Mathematics and Pedagogy",
            topicTitle: "📚 Select Chapters",
            chapterSelectText: "Select Chapters",
            backStartText: "Back to Start",
            genAssignText: "Generate Practice Questions",
            levelTitle: "⚡ Select Difficulty Level",
            levelSelectText: "Select Difficulty Level",
            levelDescText: "Choose according to your CTET level:",
            l1Title: "Level 1",
            l1Sub: "Basic / CTET Foundation",
            l2Title: "Level 2",
            l2Sub: "Medium (CTET Standard)",
            l3Title: "Level 3",
            l3Sub: "Advanced (Analytical)",
            backTopicsText: "Back to Topics",
            genFinalText: "Generate Practice Questions",
            langLabel: "English",
            fullPaper: "All Topics (Full Syllabus - 23 Chapters)",
            noTopicAlert: "Please select at least one chapter!",
            noLevelAlert: "Please select a difficulty level!",
            instructions: "Instructions (Maths Practice):",
            inst1: "10 multiple choice questions based on Mathematics and Pedagogy.",
            inst2: "Solve in 15 minutes, check with answer key.",
            mcqHeading: "✍️ Practice Questions",
            answerKey: "🔑 Answer Key",
            qNo: "Q. No.",
            ans: "Answer",
            print: "Print / PDF",
            newPractice: "New Practice",
            markComplete: "Mark Complete",
            completeMsg: "🎉 Excellent! Practice marked complete. Progress saved.",
            dailyComplete: "Congratulations! Problem of the day solved.",
            podTitle: "🌟 Problem of the Day (Maths)",
            podSub: "🎯",
            podLevel: "Level",
            podToday: "Today's Practice Question",
            podStreak: "🔥 Streak",
            podSolved: "✅ Solved",
            podProgress: "📚 Progress",
            podSolution: "📌 Solution",
            podCorrect: "Correct Answer:",
            podExplanation: "Explanation: As per CTET Mathematics concept",
            podComplete: "Mark Complete",
            podPrint: "Print",
            podNew: "New Practice"
        }
    };

    // =====================================================
    // DOM REFS & STATE
    // =====================================================
    const langToggleBtn = document.getElementById('langToggleBtn');
    const langLabel = document.getElementById('langLabel');
    let currentLang = 'hi';

    let selectedTopics = [];
    let selectedLevel = null;
    let userProgress = { streak: 0, lastPracticeDate: null, totalProblemsSolved: 0, topicsCompleted: 0, totalTopics: topicKeys.length };

    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('streakLabel').textContent = t.streakLabel;
        document.getElementById('dayLabel').textContent = t.dayLabel;
        document.getElementById('progressTitle').textContent = t.progressTitle;
        document.getElementById('podBtnText').textContent = t.podBtnText;
        document.getElementById('customBtnText').textContent = t.customBtnText;
        document.getElementById('subjectTitle').textContent = t.subjectTitle;
        document.getElementById('selectSubjectText').textContent = t.selectSubjectText;
        document.getElementById('topicTitle').textContent = t.topicTitle;
        document.getElementById('chapterSelectText').textContent = t.chapterSelectText;
        document.getElementById('backStartText').textContent = t.backStartText;
        document.getElementById('genAssignText').textContent = t.genAssignText;
        document.getElementById('levelTitle').textContent = t.levelTitle;
        document.getElementById('levelSelectText').textContent = t.levelSelectText;
        document.getElementById('levelDescText').textContent = t.levelDescText;
        document.getElementById('l1Title').textContent = t.l1Title;
        document.getElementById('l1Sub').textContent = t.l1Sub;
        document.getElementById('l2Title').textContent = t.l2Title;
        document.getElementById('l2Sub').textContent = t.l2Sub;
        document.getElementById('l3Title').textContent = t.l3Title;
        document.getElementById('l3Sub').textContent = t.l3Sub;
        document.getElementById('backTopicsText').textContent = t.backTopicsText;
        document.getElementById('genFinalText').textContent = t.genFinalText;
        langLabel.textContent = t.langLabel;
        renderTopics();
        if (!generatedPaperContainer.classList.contains('hidden')) {
            if (selectedTopics.length > 0 && selectedLevel) {
                generatePaper(selectedTopics, selectedLevel, currentLang);
            }
        }
    }

    langToggleBtn.addEventListener('click', function() {
        currentLang = (currentLang === 'hi') ? 'en' : 'hi';
        applyUILanguage(currentLang);
    });

    // ============ CORE FUNCTIONS ============
    function renderTopics() {
        const container = document.getElementById('topicsContainer');
        const t = uiText[currentLang];
        const fullLabel = (currentLang === 'hi') ? "✅ संपूर्ण पाठ्यक्रम (सभी 23 अध्याय)" : "✅ Full Syllabus (All 23 Chapters)";
        container.innerHTML = `<div class="checkbox-item" style="background:#e6f7ff;"><input type="checkbox" id="fullSyllabus" value="full"><label for="fullSyllabus"><strong>${fullLabel}</strong></label></div>`;
        topicKeys.forEach(topic => {
            const id = `topic_${topic.replace(/[\s,?()]/g, '_').substring(0, 40)}`;
            const displayName = getTopicDisplay(topic, currentLang);
            container.innerHTML += `<div class="checkbox-item"><input type="checkbox" id="${id}" name="topic" value="${topic}"><label for="${id}">${displayName}</label></div>`;
        });
        document.getElementById('fullSyllabus')?.addEventListener('change', (e) => {
            const allCheckboxes = document.querySelectorAll('input[name="topic"]');
            allCheckboxes.forEach(cb => cb.disabled = e.target.checked);
            if(e.target.checked) allCheckboxes.forEach(cb => cb.checked = false);
        });
    }

    function getRandomQuestions(topics, level, count, lang) {
        let allQs = [];
        topics.forEach(topic => {
            if (questionBank[topic] && questionBank[topic][lang] && questionBank[topic][lang][`level${level}`]) {
                allQs = allQs.concat(questionBank[topic][lang][`level${level}`]);
            }
        });
        if (allQs.length === 0) {
            const t = uiText[lang];
            return [{ question: t.noTopicAlert, options: ["A", "B", "C", "D"], answer: "A" }];
        }
        allQs = allQs.sort(() => Math.random() - 0.5);
        return allQs.slice(0, count);
    }

    function loadUserProgress() {
        const saved = localStorage.getItem('ctetMathDailyProgress');
        if (saved) userProgress = JSON.parse(saved);
        const today = new Date().toDateString();
        if (userProgress.lastPracticeDate !== today) {
            const yesterday = new Date(); yesterday.setDate(yesterday.getDate() - 1);
            if (userProgress.lastPracticeDate === yesterday.toDateString()) userProgress.streak++;
            else userProgress.streak = 1;
            userProgress.lastPracticeDate = today;
            saveUserProgress();
        }
        updateUI();
    }
    function saveUserProgress() { localStorage.setItem('ctetMathDailyProgress', JSON.stringify(userProgress)); }
    function updateUI() {
        const t = uiText[currentLang];
        document.getElementById('streakDays').textContent = userProgress.streak;
        const today = new Date();
        document.getElementById('currentDate').textContent = today.toLocaleDateString(currentLang === 'hi' ? 'hi-IN' : 'en-US', { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' });
        const percent = Math.min(100, Math.round((userProgress.topicsCompleted / userProgress.totalTopics) * 100));
        document.getElementById('progressFill').style.width = `${percent}%`;
        document.getElementById('progressText').textContent = `${percent}% ${currentLang === 'hi' ? 'पूर्ण' : 'complete'} (${userProgress.topicsCompleted}/${userProgress.totalTopics} ${currentLang === 'hi' ? 'अध्याय' : 'chapters'})`;
    }

    function generatePaper(topics, level, lang) {
        const t = uiText[lang];
        const topicNamesDisplay = topics.length > 5 ? topics.slice(0,5).map(t => getTopicDisplay(t, lang)).join(", ")+" ..." : topics.map(t => getTopicDisplay(t, lang)).join(", ");
        const mcqs = getRandomQuestions(topics, level, 10, lang);
        let paperContent = `<div class="header"><h2>📘 CTET Paper-1 (Mathematics & Pedagogy)</h2><h3>📌 ${topics.length === topicKeys.length ? (currentLang === 'hi' ? "सम्पूर्ण पाठ्यक्रम (23 अध्याय)" : "Full Syllabus (23 Chapters)") : topicNamesDisplay.substring(0, 85)}</h3><p>⚡ ${currentLang === 'hi' ? 'कठिनाई स्तर' : 'Difficulty Level'} ${level} — ${level === 1 ? (currentLang === 'hi' ? 'बेसिक' : 'Basic') : level === 2 ? (currentLang === 'hi' ? 'मध्यम' : 'Medium') : (currentLang === 'hi' ? 'उन्नत' : 'Advanced')}</p></div><div class="content-area"><div class="instructions"><p><strong>${t.instructions}</strong></p><ol><li>${t.inst1}</li><li>${t.inst2}</li></ol></div><div class="question-section"><div style="font-size:1.4rem; margin-bottom:20px; font-weight:bold;">${t.mcqHeading}</div>`;
        let qNum = 1;
        mcqs.forEach(mcq => {
            paperContent += `<div class="question"><div class="question-text">${qNum}. ${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>`;
            qNum++;
        });
        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></tr></thead><tbody>`;
        for (let i = 0; i < mcqs.length; i += 2) {
            paperContent += `<tr><td>${i+1}</td><td><strong>${mcqs[i].answer}</strong></td>`;
            if (i+1 < mcqs.length) paperContent += `<td>${i+2}</td><td><strong>${mcqs[i+1].answer}</strong></td>`;
            else paperContent += `<td></td><td></td>`;
            paperContent += `</tr>`;
        }
        paperContent += `</tbody></table></div><div class="action-buttons"><button class="btn btn-success" id="markCompleteBtn"><i class="fas fa-check-circle"></i> ${t.markComplete}</button><button class="btn btn-primary" id="printBtn"><i class="fas fa-print"></i> ${t.print}</button><button class="btn btn-danger" id="newAssignmentBtn"><i class="fas fa-undo-alt"></i> ${t.newPractice}</button></div></div>`;
        generatedPaperContainer.innerHTML = paperContent;
        generatedPaperContainer.classList.remove('hidden');
        startContainer.classList.add('hidden');
        document.getElementById('markCompleteBtn')?.addEventListener('click', markPracticeComplete);
        document.getElementById('printBtn')?.addEventListener('click', () => window.print());
        document.getElementById('newAssignmentBtn')?.addEventListener('click', backToStart);
    }

    function markPracticeComplete() {
        const t = uiText[currentLang];
        userProgress.totalProblemsSolved += 10;
        let newlyCompleted = 0;
        selectedTopics.forEach(t => { if (!userProgress[`comp_${t}`]) { userProgress[`comp_${t}`] = true; newlyCompleted++; } });
        userProgress.topicsCompleted = Math.min(userProgress.totalTopics, userProgress.topicsCompleted + newlyCompleted);
        saveUserProgress(); updateUI();
        alert(t.completeMsg);
        backToStart();
    }

    function generateProblemOfDay() {
        const t = uiText[currentLang];
        const randomTopic = topicKeys[Math.floor(Math.random() * topicKeys.length)];
        const randomLevel = Math.floor(Math.random() * 3) + 1;
        selectedTopics = [randomTopic]; selectedLevel = randomLevel;
        const mcq = getRandomQuestions(selectedTopics, randomLevel, 1, currentLang)[0];
        const topicDisplay = getTopicDisplay(randomTopic, currentLang);
        startContainer.classList.add('hidden');
        generatedPaperContainer.classList.remove('hidden');
        let content = `<div class="header"><h2>${t.podTitle}</h2><h3>${t.podSub} ${topicDisplay}</h3><p>${t.podLevel} ${randomLevel}</p></div><div class="content-area"><div class="problem-of-day"><h3><i class="fas fa-star-of-life"></i> ${t.podToday}</h3><p>${currentLang === 'hi' ? 'अपनी learning streak बनाए रखें!' : 'Keep your learning streak going!'}</p></div><div class="daily-summary"><div class="summary-card"><h4>${t.podStreak}</h4><p>${userProgress.streak} ${currentLang === 'hi' ? 'दिन' : 'days'}</p></div><div class="summary-card"><h4>${t.podSolved}</h4><p>${userProgress.totalProblemsSolved}</p></div><div class="summary-card"><h4>${t.podProgress}</h4><p>${Math.round((userProgress.topicsCompleted / userProgress.totalTopics) * 100)}%</p></div></div><div class="question"><div class="question-text">${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><div class="answer-sheet"><h3>${t.podSolution}</h3><p><strong>${t.podCorrect}</strong> ${mcq.answer}</p><p><strong>${t.podExplanation}</strong></p></div><div class="action-buttons"><button class="btn btn-success" id="markCompleteDailyBtn"><i class="fas fa-check"></i> ${t.podComplete}</button><button class="btn btn-primary" id="printBtn">${t.podPrint}</button><button class="btn btn-danger" id="newAssignmentBtn">${t.podNew}</button></div></div>`;
        generatedPaperContainer.innerHTML = content;
        document.getElementById('markCompleteDailyBtn')?.addEventListener('click', () => { userProgress.totalProblemsSolved++; saveUserProgress(); updateUI(); alert(t.dailyComplete); backToStart(); });
        document.getElementById('printBtn')?.addEventListener('click', () => window.print());
        document.getElementById('newAssignmentBtn')?.addEventListener('click', backToStart);
    }

    function backToStart() {
        generatedPaperContainer.classList.add('hidden');
        startContainer.classList.remove('hidden');
        document.getElementById('topicSelection').classList.add('hidden');
        document.getElementById('levelSelection').classList.add('hidden');
        document.getElementById('subjectSelection').classList.add('hidden');
        document.getElementById('startScreen').classList.remove('hidden');
        updateUI();
    }

    // =====================================================
    // EVENT BINDINGS
    // =====================================================
    document.getElementById('customPracticeBtn').addEventListener('click', () => { document.getElementById('startScreen').classList.add('hidden'); document.getElementById('subjectSelection').classList.remove('hidden'); });
    document.getElementById('selectMathBtn').addEventListener('click', () => { renderTopics(); document.getElementById('subjectSelection').classList.add('hidden'); document.getElementById('topicSelection').classList.remove('hidden'); });
    document.getElementById('backToStartBtn').addEventListener('click', backToStart);
    document.getElementById('generateAssignmentBtn').addEventListener('click', () => {
        const full = document.getElementById('fullSyllabus')?.checked;
        if (full) selectedTopics = [...topicKeys];
        else selectedTopics = Array.from(document.querySelectorAll('input[name="topic"]:checked')).map(cb => cb.value);
        if (selectedTopics.length === 0) { const t = uiText[currentLang]; alert(t.noTopicAlert); return; }
        document.getElementById('topicSelection').classList.add('hidden');
        document.getElementById('levelSelection').classList.remove('hidden');
    });
    document.getElementById('backToTopicsBtn').addEventListener('click', () => { document.getElementById('levelSelection').classList.add('hidden'); document.getElementById('topicSelection').classList.remove('hidden'); });
    document.getElementById('level1Btn').addEventListener('click', () => { document.querySelectorAll('.btn-level').forEach(b => b.classList.remove('selected')); document.getElementById('level1Btn').classList.add('selected'); selectedLevel = 1; });
    document.getElementById('level2Btn').addEventListener('click', () => { document.querySelectorAll('.btn-level').forEach(b => b.classList.remove('selected')); document.getElementById('level2Btn').classList.add('selected'); selectedLevel = 2; });
    document.getElementById('level3Btn').addEventListener('click', () => { document.querySelectorAll('.btn-level').forEach(b => b.classList.remove('selected')); document.getElementById('level3Btn').classList.add('selected'); selectedLevel = 3; });
    document.getElementById('generateFinalBtn').addEventListener('click', () => { if (!selectedLevel) { const t = uiText[currentLang]; alert(t.noLevelAlert); return; } generatePaper(selectedTopics, selectedLevel, currentLang); });
    document.getElementById('problemOfDayBtn').addEventListener('click', generateProblemOfDay);
    document.getElementById('homeIconBtn').addEventListener('click', (e) => { e.preventDefault(); backToStart(); });

    document.addEventListener('DOMContentLoaded', () => { loadUserProgress(); });
</script>
</body>
</html>