<!DOCTYPE html>
<html lang="hi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CTET Paper 2 - सामाजिक अध्ययन/शिक्षा शास्त्र असाइनमेंट जनरेटर</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-paper2-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 2</h1>
        <p id="mainSubtitle">सामाजिक अध्ययन/शिक्षा शास्त्र (Social Studies/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="selectSocialBtn">सामाजिक अध्ययन/शिक्षा शास्त्र (Social Studies/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 (55 TOPICS: 19 History + 9 Civics + 9 Geography + 10 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);
        });
    }

    // Helper to add simple questions (no bilingual)
    function addSimpleQuestions(topicKey, hiQ) {
        if (!questionBank[topicKey]) questionBank[topicKey] = { en: { level1: [], level2: [], level3: [] }, hi: { level1: [], level2: [], level3: [] } };
        const levels = ['level1', 'level2', 'level3'];
        hiQ.forEach((q, idx) => {
            const levelKey = levels[idx] || 'level1';
            questionBank[topicKey].hi[levelKey].push(q);
            // Add same questions as English (with translation)
            const enQ = {
                question: q.question.replace(/[?]/g, '?'),
                options: q.options,
                answer: q.answer
            };
            questionBank[topicKey].en[levelKey].push(enQ);
        });
    }

    // ----- HISTORY TOPICS (19) -----
    addSimpleQuestions('इतिहास जानने के स्रोत', [
        { question: "इतिहास जानने के मुख्य स्रोत क्या हैं?", options: ["पुरातात्विक एवं साहित्यिक", "केवल किताबें", "केवल मूर्तियाँ", "केवल सिक्के"], answer: "A" },
        { question: "प्राचीन भारतीय इतिहास का सबसे महत्वपूर्ण साहित्यिक स्रोत क्या है?", options: ["वेद", "पुराण", "रामायण", "महाभारत"], answer: "A" },
        { question: "पुरातात्विक स्रोतों में क्या शामिल है?", options: ["खुदाई, सिक्के, मूर्तियाँ", "केवल किताबें", "केवल अभिलेख", "केवल सिक्के"], answer: "A" }
    ]);

    addSimpleQuestions('मानव का विकास', [
        { question: "प्रारंभिक मानव समाज किस युग में विकसित हुआ?", options: ["पाषाण युग", "ताम्रपाषाण युग", "लौह युग", "कांस्य युग"], answer: "A" },
        { question: "प्रथम किसान एवं चरवाहे किस युग में उभरे?", options: ["नवपाषाण युग", "पुरापाषाण युग", "मध्यपाषाण युग", "ताम्रपाषाण युग"], answer: "A" },
        { question: "ताम्रपाषाण संस्कृति में किस धातु का प्रयोग शुरू हुआ?", options: ["तांबा", "लोहा", "कांसा", "सोना"], answer: "A" }
    ]);

    addSimpleQuestions('सिन्धु घाटी और वैदिक सभ्यता', [
        { question: "सिन्धु घाटी सभ्यता किस नदी के किनारे विकसित हुई?", options: ["सिन्धु", "गंगा", "यमुना", "सरस्वती"], answer: "A" },
        { question: "हड़प्पा सभ्यता की प्रमुख विशेषता क्या थी?", options: ["नगर नियोजन", "बड़े महल", "बड़े मंदिर", "लोहे के औजार"], answer: "A" },
        { question: "वैदिक सभ्यता का मुख्य ग्रंथ कौन सा है?", options: ["ऋग्वेद", "यजुर्वेद", "सामवेद", "अथर्ववेद"], answer: "A" }
    ]);

    addSimpleQuestions('जैन धर्म और बौद्ध धर्म', [
        { question: "जैन धर्म के संस्थापक कौन हैं?", options: ["महावीर", "बुद्ध", "ऋषभ", "शंकर"], answer: "A" },
        { question: "बौद्ध धर्म के संस्थापक कौन हैं?", options: ["गौतम बुद्ध", "महावीर", "शंकर", "रामानुज"], answer: "A" },
        { question: "जैन धर्म में किस सिद्धांत पर विशेष बल दिया गया?", options: ["अहिंसा", "वर्ण व्यवस्था", "यज्ञ", "कर्मकांड"], answer: "A" }
    ]);

    addSimpleQuestions('महाजनपद काल', [
        { question: "महाजनपद काल में कितने महाजनपद थे?", options: ["16", "14", "12", "18"], answer: "A" },
        { question: "मगध किसके लिए प्रसिद्ध था?", options: ["शक्तिशाली राज्य", "व्यापार", "शिक्षा", "कला"], answer: "A" },
        { question: "महाजनपद काल में किस राज्य का सबसे अधिक उत्कर्ष हुआ?", options: ["मगध", "कोसल", "वत्स", "अवंति"], answer: "A" }
    ]);

    addSimpleQuestions('मौर्य काल', [
        { question: "मौर्य साम्राज्य का संस्थापक कौन था?", options: ["चन्द्रगुप्त मौर्य", "अशोक", "बिन्दुसार", "घटोत्कच"], answer: "A" },
        { question: "अशोक किस धर्म के अनुयायी थे?", options: ["बौद्ध", "जैन", "हिंदू", "इस्लाम"], answer: "A" },
        { question: "अशोक के अभिलेख किस लिपि में हैं?", options: ["ब्राह्मी", "खरोष्ठी", "देवनागरी", "गुप्त"], answer: "A" }
    ]);

    addSimpleQuestions('मौर्यांतर भारत', [
        { question: "मौर्य साम्राज्य के पतन के बाद किस राजवंश का उदय हुआ?", options: ["शुंग", "गुप्त", "कुषाण", "सातवाहन"], answer: "A" },
        { question: "मौर्योत्तर काल में भारत पर किस विदेशी आक्रमणकारी का आक्रमण हुआ?", options: ["यवन", "हूण", "शक", "कुषाण"], answer: "A" },
        { question: "मौर्योत्तर काल में कौन सा नगर व्यापार का केंद्र बना?", options: ["पाटलिपुत्र", "तक्षशिला", "उज्जैन", "मथुरा"], answer: "A" }
    ]);

    addSimpleQuestions('गुप्त और गुप्तांतर युग', [
        { question: "गुप्त साम्राज्य का स्वर्णकाल किसके शासनकाल में माना जाता है?", options: ["चन्द्रगुप्त विक्रमादित्य", "समुद्रगुप्त", "स्कन्दगुप्त", "कुमारगुप्त"], answer: "A" },
        { question: "गुप्त काल को भारत का स्वर्ण युग क्यों कहा जाता है?", options: ["सांस्कृतिक विकास", "सैन्य विजय", "आर्थिक समृद्धि", "धार्मिक सहिष्णुता"], answer: "A" },
        { question: "गुप्तोत्तर काल में किस राजवंश का उदय हुआ?", options: ["हर्षवर्धन", "पाल", "प्रतिहार", "राष्ट्रकूट"], answer: "A" }
    ]);

    addSimpleQuestions('संगम युग और दक्षिण भारतीय साम्राज्य', [
        { question: "संगम साहित्य किस भाषा में रचा गया?", options: ["तमिल", "तेलुगु", "कन्नड़", "मलयालम"], answer: "A" },
        { question: "संगम युग में कितने संगम हुए?", options: ["तीन", "दो", "चार", "पाँच"], answer: "A" },
        { question: "दक्षिण भारत का प्रसिद्ध चेर राज्य किस क्षेत्र में था?", options: ["केरल", "तमिलनाडु", "कर्नाटक", "आंध्र"], answer: "A" }
    ]);

    addSimpleQuestions('संघर्ष का युग: विजयनगर और बहमनी साम्राज्य', [
        { question: "विजयनगर साम्राज्य की स्थापना कब हुई?", options: ["1336", "1347", "1320", "1350"], answer: "A" },
        { question: "बहमनी साम्राज्य का संस्थापक कौन था?", options: ["अलाउद्दीन हसन", "महमूद गवाँ", "फिरोज शाह", "मुहम्मद बिन तुगलक"], answer: "A" },
        { question: "विजयनगर और बहमनी के बीच मुख्य संघर्ष किस क्षेत्र के लिए था?", options: ["रायचूर दोआब", "गोलकुंडा", "बीजापुर", "वारंगल"], answer: "A" }
    ]);

    addSimpleQuestions('दिल्ली सल्तनत', [
        { question: "दिल्ली सल्तनत की स्थापना किसने की?", options: ["कुतुबुद्दीन ऐबक", "इल्तुतमिश", "बलबन", "अलाउद्दीन खिलजी"], answer: "A" },
        { question: "दिल्ली सल्तनत में किस वंश का शासन सबसे लंबा था?", options: ["गुलाम वंश", "खिलजी वंश", "तुगलक वंश", "सैयद वंश"], answer: "A" },
        { question: "दिल्ली सल्तनत का अंतिम शासक कौन था?", options: ["इब्राहिम लोदी", "बहलोल लोदी", "सिकंदर लोदी", "इसा खाँ"], answer: "A" }
    ]);

    addSimpleQuestions('मध्यकालीन धार्मिक आन्दोलन', [
        { question: "भक्ति आंदोलन की मुख्य विशेषता क्या थी?", options: ["ईश्वर के प्रति प्रेम", "कर्मकांड", "यज्ञ", "वर्ण व्यवस्था"], answer: "A" },
        { question: "सूफी आंदोलन किस धर्म से संबंधित है?", options: ["इस्लाम", "हिंदू", "सिख", "ईसाई"], answer: "A" },
        { question: "कबीर ने किस भाषा में अपने पद लिखे?", options: ["हिंदी", "उर्दू", "फारसी", "संस्कृत"], answer: "A" }
    ]);

    addSimpleQuestions('मुगल साम्राज्य का उदय और स्वतंत्र राज्य', [
        { question: "मुगल साम्राज्य की स्थापना किसने की?", options: ["बाबर", "हुमायूँ", "अकबर", "जहाँगीर"], answer: "A" },
        { question: "अकबर ने कौन सी नीति अपनाई?", options: ["सुलह-ए-कुल", "जज़िया", "धर्म परिवर्तन", "कट्टरता"], answer: "A" },
        { question: "मुगल साम्राज्य का अंतिम शासक कौन था?", options: ["बहादुर शाह जफर", "औरंगजेब", "शाह आलम", "अकबर द्वितीय"], answer: "A" }
    ]);

    addSimpleQuestions('भारत में ब्रिटिश प्रशासन और उसके आर्थिक प्रभाव', [
        { question: "भारत में ब्रिटिश शासन कब स्थापित हुआ?", options: ["1757", "1857", "1765", "1773"], answer: "A" },
        { question: "ब्रिटिश शासन का भारतीय अर्थव्यवस्था पर क्या प्रभाव पड़ा?", options: ["शोषण", "विकास", "स्वालंबन", "समृद्धि"], answer: "A" },
        { question: "ब्रिटिशों ने किस नीति से भारतीय हस्तशिल्प को नष्ट किया?", options: ["अंग्रेजी वस्तुओं का आयात", "कर वृद्धि", "युद्ध", "कृषि सुधार"], answer: "A" }
    ]);

    addSimpleQuestions('यूरोपीय शक्ति का भारत में आगमन', [
        { question: "भारत में पुर्तगालियों का आगमन कब हुआ?", options: ["1498", "1500", "1600", "1505"], answer: "A" },
        { question: "भारत आने वाला पहला पुर्तगाली नाविक कौन था?", options: ["वास्को डी गामा", "कोलंबस", "मैगलन", "ड्रेक"], answer: "A" },
        { question: "अंग्रेजों ने भारत में अपनी पहली फैक्ट्री कहाँ स्थापित की?", options: ["सूरत", "कलकत्ता", "बंबई", "मद्रास"], answer: "A" }
    ]);

    addSimpleQuestions('भारत में नवजागरण, भारत में राष्ट्रवाद का उदय', [
        { question: "भारत में नवजागरण की शुरुआत किसने की?", options: ["राजा राममोहन राय", "स्वामी विवेकानंद", "दयानंद सरस्वती", "केशव चंद्र सेन"], answer: "A" },
        { question: "भारत में राष्ट्रवाद का उदय कब हुआ?", options: ["19वीं सदी", "18वीं सदी", "20वीं सदी", "17वीं सदी"], answer: "A" },
        { question: "ब्रह्म समाज की स्थापना किसने की?", options: ["राजा राममोहन राय", "स्वामी दयानंद", "केशव चंद्र सेन", "देवेन्द्रनाथ टैगोर"], answer: "A" }
    ]);

    addSimpleQuestions('1857-58 का स्वतंत्रता संग्राम', [
        { question: "1857 के विद्रोह का तात्कालिक कारण क्या था?", options: ["एनफील्ड राइफल का मामला", "कर वृद्धि", "अंग्रेजों का अत्याचार", "सती प्रथा"], answer: "A" },
        { question: "1857 के विद्रोह में किस मुगल शासक को नेता बनाया गया?", options: ["बहादुर शाह जफर", "अकबर द्वितीय", "शाह आलम", "औरंगजेब"], answer: "A" },
        { question: "1857 के विद्रोह को किस नाम से जाना जाता है?", options: ["प्रथम स्वतंत्रता संग्राम", "सैन्य विद्रोह", "गदर", "बगावत"], answer: "A" }
    ]);

    addSimpleQuestions('भारतीय राष्ट्रीय आंदोलन (1885-1947)', [
        { question: "भारतीय राष्ट्रीय कांग्रेस की स्थापना कब हुई?", options: ["1885", "1905", "1920", "1942"], answer: "A" },
        { question: "असहयोग आंदोलन किसने शुरू किया?", options: ["गांधीजी", "नेहरू", "सुभाष", "तिलक"], answer: "A" },
        { question: "भारत छोड़ो आंदोलन किस वर्ष हुआ?", options: ["1942", "1930", "1920", "1945"], answer: "A" }
    ]);

    addSimpleQuestions('स्वतंत्रता के बाद भारत', [
        { question: "भारत को स्वतंत्रता कब मिली?", options: ["1947", "1948", "1946", "1950"], answer: "A" },
        { question: "भारत का संविधान कब लागू हुआ?", options: ["1950", "1949", "1951", "1948"], answer: "A" },
        { question: "भारत के प्रथम प्रधानमंत्री कौन थे?", options: ["जवाहरलाल नेहरू", "सरदार पटेल", "राजेन्द्र प्रसाद", "गांधीजी"], answer: "A" }
    ]);

    // ----- CIVICS TOPICS (9) -----
    addSimpleQuestions('विविधता और भेदभाव', [
        { question: "विविधता का अर्थ क्या है?", options: ["विभिन्नताएँ", "एकरूपता", "समानता", "असमानता"], answer: "A" },
        { question: "भेदभाव किस पर आधारित होता है?", options: ["जाति, धर्म, लिंग", "शिक्षा", "आयु", "रुचि"], answer: "A" },
        { question: "समानता का अधिकार किस अनुच्छेद में है?", options: ["अनुच्छेद 14", "अनुच्छेद 15", "अनुच्छेद 16", "अनुच्छेद 17"], answer: "A" }
    ]);

    addSimpleQuestions('भारतीय संविधान और धर्मनिरपेक्षता', [
        { question: "भारत का संविधान कब बना?", options: ["1949", "1950", "1948", "1947"], answer: "A" },
        { question: "संविधान के अनुसार भारत कैसा राज्य है?", options: ["धर्मनिरपेक्ष", "धार्मिक", "ईसाई", "मुस्लिम"], answer: "A" },
        { question: "धर्मनिरपेक्षता का अर्थ क्या है?", options: ["सभी धर्मों के प्रति समानता", "एक धर्म", "धर्म की अनदेखी", "धर्म का विरोध"], answer: "A" }
    ]);

    addSimpleQuestions('राष्ट्रीय प्रतीक', [
        { question: "भारत का राष्ट्रीय पक्षी क्या है?", options: ["मोर", "तोता", "गरुड़", "हंस"], answer: "A" },
        { question: "भारत का राष्ट्रीय पशु क्या है?", options: ["बाघ", "शेर", "हाथी", "गाय"], answer: "A" },
        { question: "भारत का राष्ट्रीय फूल क्या है?", options: ["कमल", "गुलाब", "चमेली", "सूरजमुखी"], answer: "A" }
    ]);

    addSimpleQuestions('संसद', [
        { question: "भारतीय संसद के कितने सदन हैं?", options: ["दो", "एक", "तीन", "चार"], answer: "A" },
        { question: "लोकसभा के सदस्यों की अधिकतम संख्या कितनी है?", options: ["552", "500", "545", "560"], answer: "A" },
        { question: "राज्यसभा का सभापति कौन होता है?", options: ["उपराष्ट्रपति", "राष्ट्रपति", "प्रधानमंत्री", "लोकसभा अध्यक्ष"], answer: "A" }
    ]);

    addSimpleQuestions('सरकार के प्रकार, सरकार के विभिन्न स्तर और चुनाव', [
        { question: "भारत में किस प्रकार की सरकार है?", options: ["लोकतांत्रिक", "तानाशाही", "साम्राज्यवादी", "अधिनायकवादी"], answer: "A" },
        { question: "भारत में सरकार के कितने स्तर हैं?", options: ["तीन", "दो", "चार", "पाँच"], answer: "A" },
        { question: "चुनाव में किस सिद्धांत का पालन किया जाता है?", options: ["एक व्यक्ति एक वोट", "गणतंत्र", "राजतंत्र", "वर्णव्यवस्था"], answer: "A" }
    ]);

    addSimpleQuestions('स्थानीय स्वशासन', [
        { question: "स्थानीय स्वशासन का सबसे छोटा स्तर क्या है?", options: ["ग्राम पंचायत", "नगर पालिका", "जिला परिषद", "ब्लॉक"], answer: "A" },
        { question: "73वें संशोधन ने किस व्यवस्था को संवैधानिक दर्जा दिया?", options: ["पंचायती राज", "नगर पालिका", "जिला प्रशासन", "राज्य सरकार"], answer: "A" },
        { question: "74वें संशोधन ने किस व्यवस्था को संवैधानिक दर्जा दिया?", options: ["नगर निकाय", "पंचायत", "जिला", "ब्लॉक"], answer: "A" }
    ]);

    addSimpleQuestions('मीडिया और लोकतंत्र', [
        { question: "मीडिया का मुख्य कार्य क्या है?", options: ["सूचना प्रसारित करना", "राजनीति करना", "व्यापार करना", "मनोरंजन"], answer: "A" },
        { question: "लोकतंत्र में मीडिया की क्या भूमिका है?", options: ["जनमत बनाना", "सरकार चलाना", "कानून बनाना", "न्याय करना"], answer: "A" },
        { question: "मीडिया का चौथा स्तंभ किसे कहा जाता है?", options: ["प्रेस", "विधायिका", "कार्यपालिका", "न्यायपालिका"], answer: "A" }
    ]);

    addSimpleQuestions('न्यायपालिका और आपराधिक न्याय प्रणाली', [
        { question: "भारत का सर्वोच्च न्यायालय कहाँ स्थित है?", options: ["नई दिल्ली", "बंबई", "कलकत्ता", "चेन्नई"], answer: "A" },
        { question: "उच्चतम न्यायालय के न्यायाधीशों की नियुक्ति कौन करता है?", options: ["राष्ट्रपति", "प्रधानमंत्री", "मुख्य न्यायाधीश", "संसद"], answer: "A" },
        { question: "आपराधिक न्याय प्रणाली का मुख्य उद्देश्य क्या है?", options: ["न्याय देना", "दंड देना", "बचाव करना", "अभियोजन"], answer: "A" }
    ]);

    addSimpleQuestions('समानता, हाशियाकरण, सार्वजनिक सुविधाएँ और सडक सुरक्षा', [
        { question: "समानता का क्या अर्थ है?", options: ["सबको समान अवसर", "सबको एक जैसा", "सबको समान धन", "सबको समान पद"], answer: "A" },
        { question: "हाशियाकरण का अर्थ क्या है?", options: ["समाज से बाहर करना", "समाज में शामिल करना", "विशेषाधिकार देना", "शिक्षा देना"], answer: "A" },
        { question: "सार्वजनिक सुविधाओं में क्या शामिल है?", options: ["स्वास्थ्य, शिक्षा, परिवहन", "केवल सड़कें", "केवल पानी", "केवल बिजली"], answer: "A" }
    ]);

    // ----- GEOGRAPHY TOPICS (9) -----
    addSimpleQuestions('ब्रह्मांड और सौरमंडल', [
        { question: "ब्रह्मांड का सबसे बड़ा हिस्सा क्या है?", options: ["आकाशगंगा", "तारा", "ग्रह", "उपग्रह"], answer: "A" },
        { question: "सूर्य किस प्रकार का तारा है?", options: ["तारा", "ग्रह", "उपग्रह", "क्षुद्रग्रह"], answer: "A" },
        { question: "पृथ्वी सूर्य के चारों ओर कितने दिनों में चक्कर लगाती है?", options: ["365", "366", "360", "370"], answer: "A" }
    ]);

    addSimpleQuestions('ग्लोब, अक्षांश और देशांतर', [
        { question: "ग्लोब पर अक्षांश रेखाएँ किस दिशा में होती हैं?", options: ["पूर्व-पश्चिम", "उत्तर-दक्षिण", "उत्तर-पूर्व", "दक्षिण-पश्चिम"], answer: "A" },
        { question: "भूमध्य रेखा कितने डिग्री पर है?", options: ["0°", "23.5°", "66.5°", "90°"], answer: "A" },
        { question: "प्रधान मध्याह्न रेखा कहाँ से गुजरती है?", options: ["ग्रीनविच", "पेरिस", "वाशिंगटन", "दिल्ली"], answer: "A" }
    ]);

    addSimpleQuestions('वायुदाब तथा पवन संचार', [
        { question: "वायुदाब किस कारण से उत्पन्न होता है?", options: ["हवा के भार से", "तापमान से", "आर्द्रता से", "धूल से"], answer: "A" },
        { question: "पवन किस दिशा से किस दिशा में बहती है?", options: ["उच्च दाब से निम्न दाब", "निम्न दाब से उच्च दाब", "पूर्व से पश्चिम", "पश्चिम से पूर्व"], answer: "A" },
        { question: "स्थायी पवनों में कौन सी प्रमुख है?", options: ["व्यापारिक पवनें", "मानसून", "चक्रवात", "बवंडर"], answer: "A" }
    ]);

    addSimpleQuestions('भूमि, मृदा और जल संसाधन', [
        { question: "मृदा के निर्माण में कौन सा कारक मुख्य है?", options: ["अपक्षय", "अपरदन", "विघटन", "संचयन"], answer: "A" },
        { question: "जल संसाधन का सबसे बड़ा स्रोत क्या है?", options: ["समुद्र", "नदियाँ", "हिमनद", "भूजल"], answer: "A" },
        { question: "भूमि के कितने भाग पर कृषि की जा सकती है?", options: ["उपजाऊ मिट्टी पर", "पथरीली भूमि पर", "रेगिस्तान में", "पहाड़ों पर"], answer: "A" }
    ]);

    addSimpleQuestions('वन और प्रमुख घास के मैदान', [
        { question: "भारत में सबसे अधिक वन किस राज्य में हैं?", options: ["मध्य प्रदेश", "उत्तर प्रदेश", "महाराष्ट्र", "ओडिशा"], answer: "A" },
        { question: "प्रमुख घास के मैदान किसे कहते हैं?", options: ["स्टेपीज़", "टुंड्रा", "सवाना", "मरुस्थल"], answer: "A" },
        { question: "उष्णकटिबंधीय वर्षावन कहाँ पाए जाते हैं?", options: ["भूमध्य रेखा के पास", "ध्रुवों पर", "पहाड़ों पर", "रेगिस्तान में"], answer: "A" }
    ]);

    addSimpleQuestions('प्रवासन और नगरीकरण', [
        { question: "प्रवासन का मुख्य कारण क्या है?", options: ["रोजगार की तलाश", "शिक्षा", "स्वास्थ्य", "मनोरंजन"], answer: "A" },
        { question: "नगरीकरण का अर्थ क्या है?", options: ["गाँव का शहर में बदलना", "शहर का गाँव में बदलना", "जनसंख्या वृद्धि", "आर्थिक विकास"], answer: "A" },
        { question: "भारत में सबसे अधिक नगरीकृत राज्य कौन सा है?", options: ["महाराष्ट्र", "उत्तर प्रदेश", "बिहार", "राजस्थान"], answer: "A" }
    ]);

    addSimpleQuestions('मानव संसाधन', [
        { question: "मानव संसाधन का क्या अर्थ है?", options: ["मनुष्य की क्षमता", "धन", "संपत्ति", "संसाधन"], answer: "A" },
        { question: "मानव संसाधन का विकास किससे होता है?", options: ["शिक्षा और स्वास्थ्य", "धन से", "प्राकृतिक संसाधनों से", "उद्योगों से"], answer: "A" },
        { question: "भारत की जनसंख्या कितनी है?", options: ["140 करोड़", "120 करोड़", "130 करोड़", "150 करोड़"], answer: "A" }
    ]);

    addSimpleQuestions('भारत में परिवहन, संचार एवं व्यापार', [
        { question: "भारत में परिवहन का सबसे सस्ता साधन क्या है?", options: ["रेल", "सड़क", "जल", "वायु"], answer: "A" },
        { question: "संचार का सबसे तेज़ साधन क्या है?", options: ["इंटरनेट", "टेलीफोन", "डाक", "टेलीग्राफ"], answer: "A" },
        { question: "भारत का सबसे बड़ा बंदरगाह कौन सा है?", options: ["मुंबई", "कोलकाता", "चेन्नई", "विशाखापत्तनम"], answer: "A" }
    ]);

    addSimpleQuestions('पर्यावरण', [
        { question: "पर्यावरण का अर्थ क्या है?", options: ["चारों ओर का वातावरण", "जलवायु", "मौसम", "प्राकृतिक संसाधन"], answer: "A" },
        { question: "पर्यावरण के कितने घटक हैं?", options: ["तीन", "दो", "चार", "पाँच"], answer: "A" },
        { question: "पर्यावरण प्रदूषण का मुख्य कारण क्या है?", options: ["मानव गतिविधियाँ", "प्राकृतिक आपदा", "जलवायु परिवर्तन", "जनसंख्या"], answer: "A" }
    ]);

    // ----- PEDAGOGY TOPICS (10) -----
    addSimpleQuestions('सामाजिक विज्ञान/सामाजिक अध्ययन की अवधारणा एवं प्रकृति', [
        { question: "सामाजिक अध्ययन का मुख्य उद्देश्य क्या है?", options: ["सामाजिक समझ विकसित करना", "इतिहास याद करना", "भूगोल पढ़ना", "नागरिक शास्त्र पढ़ना"], answer: "A" },
        { question: "सामाजिक विज्ञान की प्रकृति कैसी है?", options: ["अंतःविषयक", "एकविषयक", "संकीर्ण", "सीमित"], answer: "A" },
        { question: "सामाजिक अध्ययन किससे संबंधित है?", options: ["मानव समाज", "प्राकृतिक विज्ञान", "गणित", "भाषा"], answer: "A" }
    ]);

    addSimpleQuestions('कक्षा की प्रक्रियाएँ, गतिविधियाँ और प्रवचन', [
        { question: "कक्षा में प्रभावी शिक्षण के लिए क्या आवश्यक है?", options: ["संवादात्मक गतिविधियाँ", "केवल व्याख्यान", "केवल लेखन", "केवल पठन"], answer: "A" },
        { question: "कक्षा में प्रवचन का क्या महत्व है?", options: ["विचारों का आदान-प्रदान", "अधिकार जमाना", "नियंत्रण", "अनुशासन"], answer: "A" },
        { question: "गतिविधि-आधारित शिक्षण का लाभ क्या है?", options: ["सक्रिय अधिगम", "निष्क्रिय अधिगम", "रटना", "याद रखना"], answer: "A" }
    ]);

    addSimpleQuestions('आलोचनात्मक विचारों का विकास', [
        { question: "आलोचनात्मक चिंतन का क्या अर्थ है?", options: ["तार्किक विश्लेषण", "अंध विश्वास", "स्वीकृति", "इनकार"], answer: "A" },
        { question: "आलोचनात्मक चिंतन किसमें सहायक है?", options: ["समस्या समाधान", "रटना", "याद रखना", "अनुसरण"], answer: "A" },
        { question: "आलोचनात्मक चिंतन का विकास कैसे होता है?", options: ["प्रश्न पूछने से", "बिना सोचे", "केवल पढ़ने से", "केवल सुनने से"], answer: "A" }
    ]);

    addSimpleQuestions('पूछताछ/अनुभवजन्य साक्ष्य', [
        { question: "पूछताछ का अर्थ क्या है?", options: ["जाँच-पड़ताल", "स्वीकृति", "इनकार", "अनुमान"], answer: "A" },
        { question: "अनुभवजन्य साक्ष्य किस पर आधारित होते हैं?", options: ["अवलोकन और अनुभव", "अंध विश्वास", "अनुमान", "परंपरा"], answer: "A" },
        { question: "अनुभवजन्य साक्ष्य का महत्व क्या है?", options: ["तथ्यात्मकता", "कल्पना", "विश्वास", "परंपरा"], answer: "A" }
    ]);

    addSimpleQuestions('शिक्षण अधिगम रणनीतियाँ', [
        { question: "प्रभावी शिक्षण रणनीति क्या है?", options: ["विविध विधियों का उपयोग", "एक ही विधि", "केवल व्याख्यान", "केवल पठन"], answer: "A" },
        { question: "सहकारी अधिगम में क्या होता है?", options: ["समूह में कार्य", "अकेले कार्य", "प्रतिस्पर्धा", "निष्क्रियता"], answer: "A" },
        { question: "रणनीति-आधारित शिक्षण का लाभ क्या है?", options: ["वैयक्तिक अधिगम", "समूह अधिगम", "रटना", "निष्क्रियता"], answer: "A" }
    ]);

    addSimpleQuestions('सामाजिक विज्ञान/सामाजिक अध्ययन पद्धति की समस्याएँ', [
        { question: "सामाजिक अध्ययन शिक्षण में मुख्य समस्या क्या है?", options: ["व्यावहारिक अभाव", "पुस्तकों की कमी", "शिक्षकों की कमी", "समय की कमी"], answer: "A" },
        { question: "सामाजिक विज्ञान शिक्षण में क्या चुनौती है?", options: ["छात्रों की अरुचि", "उच्च रुचि", "अच्छे संसाधन", "प्रेरित छात्र"], answer: "A" },
        { question: "सामाजिक अध्ययन में किस पर जोर देना चाहिए?", options: ["अवधारणात्मक समझ", "रटना", "तथ्यों को याद करना", "तारीखें याद करना"], answer: "A" }
    ]);

    addSimpleQuestions('स्रोत-प्राधिकारी और माध्यमिक', [
        { question: "प्राथमिक स्रोत क्या हैं?", options: ["मूल दस्तावेज", "द्वितीयक स्रोत", "पुस्तकें", "लेख"], answer: "A" },
        { question: "द्वितीयक स्रोत क्या हैं?", options: ["व्याख्या", "मूल दस्तावेज", "अभिलेख", "साक्ष्य"], answer: "A" },
        { question: "स्रोतों की प्रामाणिकता कैसे जाँची जाती है?", options: ["तुलना और विश्लेषण", "विश्वास", "अनुमान", "परंपरा"], answer: "A" }
    ]);

    addSimpleQuestions('परियोजना कार्य', [
        { question: "परियोजना कार्य का मुख्य उद्देश्य क्या है?", options: ["अनुसंधान कौशल विकसित करना", "रटना", "याद करना", "लेखन"], answer: "A" },
        { question: "परियोजना कार्य किस प्रकार का होता है?", options: ["व्यावहारिक", "सैद्धांतिक", "निष्क्रिय", "स्मरणात्मक"], answer: "A" },
        { question: "परियोजना कार्य का लाभ क्या है?", options: ["स्व-अधिगम", "निर्देशित अधिगम", "निष्क्रियता", "रटना"], answer: "A" }
    ]);

    addSimpleQuestions('शिक्षण सामग्री/एड्स', [
        { question: "शिक्षण सामग्री का क्या उद्देश्य है?", options: ["शिक्षण को रोचक बनाना", "रटना", "परीक्षा", "अभ्यास"], answer: "A" },
        { question: "दृश्य सामग्री का उदाहरण क्या है?", options: ["मानचित्र", "पुस्तक", "टेप", "रेडियो"], answer: "A" },
        { question: "शिक्षण एड्स का उपयोग क्यों करें?", options: ["समझ बढ़ाने के लिए", "समय बिताने", "मनोरंजन", "अभ्यास"], answer: "A" }
    ]);

    addSimpleQuestions('मूल्यांकन', [
        { question: "मूल्यांकन का मुख्य उद्देश्य क्या है?", options: ["शिक्षार्थी की प्रगति जाँचना", "शिक्षक की प्रगति", "पाठ्यक्रम", "विद्यालय"], answer: "A" },
        { question: "रचनात्मक मूल्यांकन कब किया जाता है?", options: ["शिक्षण के दौरान", "शिक्षण के अंत", "शिक्षण के शुरू", "परीक्षा के बाद"], answer: "A" },
        { question: "योगात्मक मूल्यांकन का उद्देश्य क्या है?", options: ["ग्रेड देना", "सुधार", "निदान", "योजना"], answer: "A" }
    ]);

    // Topic keys (55 topics)
    const topicKeys = [
        // History (19)
        "इतिहास जानने के स्रोत", "मानव का विकास", "सिन्धु घाटी और वैदिक सभ्यता",
        "जैन धर्म और बौद्ध धर्म", "महाजनपद काल", "मौर्य काल",
        "मौर्यांतर भारत", "गुप्त और गुप्तांतर युग", "संगम युग और दक्षिण भारतीय साम्राज्य",
        "संघर्ष का युग: विजयनगर और बहमनी साम्राज्य", "दिल्ली सल्तनत",
        "मध्यकालीन धार्मिक आन्दोलन", "मुगल साम्राज्य का उदय और स्वतंत्र राज्य",
        "भारत में ब्रिटिश प्रशासन और उसके आर्थिक प्रभाव", "यूरोपीय शक्ति का भारत में आगमन",
        "भारत में नवजागरण, भारत में राष्ट्रवाद का उदय", "1857-58 का स्वतंत्रता संग्राम",
        "भारतीय राष्ट्रीय आंदोलन (1885-1947)", "स्वतंत्रता के बाद भारत",
        // Civics (9)
        "विविधता और भेदभाव", "भारतीय संविधान और धर्मनिरपेक्षता",
        "राष्ट्रीय प्रतीक", "संसद", "सरकार के प्रकार, सरकार के विभिन्न स्तर और चुनाव",
        "स्थानीय स्वशासन", "मीडिया और लोकतंत्र",
        "न्यायपालिका और आपराधिक न्याय प्रणाली",
        "समानता, हाशियाकरण, सार्वजनिक सुविधाएँ और सडक सुरक्षा",
        // Geography (9)
        "ब्रह्मांड और सौरमंडल", "ग्लोब, अक्षांश और देशांतर",
        "वायुदाब तथा पवन संचार", "भूमि, मृदा और जल संसाधन",
        "वन और प्रमुख घास के मैदान", "प्रवासन और नगरीकरण",
        "मानव संसाधन", "भारत में परिवहन, संचार एवं व्यापार",
        "पर्यावरण",
        // Pedagogy (10)
        "सामाजिक विज्ञान/सामाजिक अध्ययन की अवधारणा एवं प्रकृति",
        "कक्षा की प्रक्रियाएँ, गतिविधियाँ और प्रवचन",
        "आलोचनात्मक विचारों का विकास",
        "पूछताछ/अनुभवजन्य साक्ष्य",
        "शिक्षण अधिगम रणनीतियाँ",
        "सामाजिक विज्ञान/सामाजिक अध्ययन पद्धति की समस्याएँ",
        "स्रोत-प्राधिकारी और माध्यमिक",
        "परियोजना कार्य",
        "शिक्षण सामग्री/एड्स",
        "मूल्यांकन"
    ];

    // Bilingual topic names for display
    const topicNames = {
        hi: topicKeys,
        en: [
            // History
            "Sources of Knowing History", "Evolution of Man", "Indus Valley and Vedic Civilization",
            "Jainism and Buddhism", "Mahajanpadas Period", "Mauryan Period",
            "Post Mauryan India", "Gupta and Post Gupta Era", "Sangam Age and South Indian Empire",
            "Age of Struggle: Vijayanagar and Bahmani", "Delhi Sultanate",
            "Medieval Religious Movements", "Rise of Mughal Dynasty and Autonomous State",
            "British Administration and Economic Effects", "Arrival of European Powers",
            "Renaissance and Rise of Nationalism", "War of Independence 1857-58",
            "Indian National Movement (1885-1947)", "India After Independence",
            // Civics
            "Diversity and Discrimination", "Indian Constitution and Secularism",
            "National Symbols", "The Parliament", "Types of Governments, Tiers and Election",
            "Local Self Government", "Media and Democracy",
            "Judiciary and Criminal Justice System",
            "Equality, Marginalisation, Public Facilities, Road Safety",
            // Geography
            "Universe and Solar System", "Globe, Latitudes and Longitudes",
            "Atmospheric Pressure & Air Circulation", "Land, Soil and Water Resources",
            "Forest and Major Grasslands", "Migration and Urbanisation",
            "Human Resources", "Transportation, Communication and Trade in India",
            "Environment",
            // Pedagogy
            "Concept and Nature of Social Science/Social Studies",
            "Classroom Processes, Activities and Discourse",
            "Development of Critical Thinking",
            "Enquiry/Empirical Evidence",
            "Teaching Learning Strategies",
            "Problems in Teaching Social Science/Social Studies",
            "Primary and Secondary Sources",
            "Project Work",
            "Teaching Aids",
            "Evaluation"
        ]
    };

    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 2",
            mainSubtitle: "सामाजिक अध्ययन/शिक्षा शास्त्र (Social Studies/Pedagogy) असाइनमेंट जनरेटर",
            startTitle: "सामाजिक अध्ययन/शिक्षा शास्त्र असाइनमेंट जनरेटर",
            startBtn: "असाइनमेंट बनाएँ",
            subjectTitle: "विषय का चयन करें",
            selectSubject: "सामाजिक अध्ययन/शिक्षा शास्त्र (Social Studies/Pedagogy)",
            chapterTitle: "अध्याय / विषय चुनें",
            backStart: "प्रारंभ पर वापस जाएँ",
            generateAssign: "असाइनमेंट बनाएँ",
            levelTitle: "कठिनाई स्तर चुनें",
            levelDesc: "अपने असाइनमेंट के लिए स्तर का चयन करें:",
            level1: "स्तर 1",
            level1Sub: "बेसिक स्तर",
            level2: "स्तर 2",
            level2Sub: "मध्यम स्तर",
            level3: "स्तर 3",
            level3Sub: "परीक्षा स्तर",
            backChapters: "विषयों पर वापस जाएँ",
            generateFinal: "असाइनमेंट जनरेट करें",
            fullPaper: "पूर्ण पाठ्यक्रम (सभी 55 विषय)",
            noChapterAlert: "कृपया कम से कम एक अध्याय/विषय चुनें!",
            noLevelAlert: "कृपया कठिनाई स्तर चुनें!",
            fullPaperLabel: "पूर्ण पाठ्यक्रम (सभी 55 विषय)",
            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 2",
            mainSubtitle: "Social Studies/Pedagogy Assignment Generator",
            startTitle: "Social Studies/Pedagogy Assignment Generator",
            startBtn: "Create Assignment",
            subjectTitle: "Select Subject",
            selectSubject: "Social Studies/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 55 Topics)",
            noChapterAlert: "Please select at least one chapter/topic!",
            noLevelAlert: "Please select a difficulty level!",
            fullPaperLabel: "Full Syllabus (All 55 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: "Social Studies/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('selectSocialBtn').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') ? "पूर्ण पाठ्यक्रम (सभी 55 विषय)" : "Full Syllabus (All 55 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 2 - ${t.subjectLabel}</h2>
                <h3>${chapterDisplay}</h3>
                <p>${level === 1 ? t.level1 : level === 2 ? t.level2 : t.level3} - ${level === 1 ? t.level1Sub : level === 2 ? t.level2Sub : t.level3Sub}</p>
            </div>
            <div class="content-area">
                <div class="instructions">
                    <p><strong>${t.instructions}</strong></p>
                    <ol>
                        <li>${t.inst1}</li>
                        <li>${t.inst2}</li>
                        <li>${t.inst3}</li>
                        <li>${t.inst4}</li>
                    </ol>
                </div>
                <div class="question-section">
                    <div class="section-heading">${t.mcqHeading}</div>`;

        mcqs.forEach(mcq => {
            paperContent += `
                <div class="question">
                    <div class="question-text">${questionNumber}. ${mcq.question}</div>
                    <div class="option">A. ${mcq.options[0]}</div>
                    <div class="option">B. ${mcq.options[1]}</div>
                    <div class="option">C. ${mcq.options[2]}</div>
                    <div class="option">D. ${mcq.options[3]}</div>
                </div>`;
            questionNumber++;
        });

        paperContent += `
                </div>
                <div class="answer-sheet">
                    <h3 class="section-title">${t.answerKey}</h3>
                    <table class="answer-table">
                        <thead>
                            <tr>
                                <th>${t.qNo}</th><th>${t.ans}</th>
                                <th>${t.qNo}</th><th>${t.ans}</th>
                                <th>${t.qNo}</th><th>${t.ans}</th>
                            </tr>
                        </thead>
                        <tbody>`;

        for(let i=0; i<mcqs.length; i+=3) {
            paperContent += `<tr>`;
            for(let j=0; j<3; j++) {
                if(i+j < mcqs.length) {
                    paperContent += `<td>${i+j+1}</td><td>${mcqs[i+j].answer}</td>`;
                } else {
                    paperContent += `<td></td><td></td>`;
                }
            }
            paperContent += `</tr>`;
        }

        paperContent += `
                        </tbody>
                    </table>
                </div>
                <div class="action-buttons">
                    <button class="btn btn-primary" id="printBtn"><i class="fas fa-print"></i> ${t.print}</button>
                    <button class="btn btn-success" id="downloadBtn"><i class="fas fa-download"></i> ${t.download}</button>
                    <button class="btn btn-danger" id="newAssignmentBtn"><i class="fas fa-plus"></i> ${t.newAssign}</button>
                </div>
            </div>`;

        generatedPaperContainer.innerHTML = paperContent;
        generatedPaperContainer.classList.remove('hidden');
        startContainer.classList.add('hidden');

        document.getElementById('printBtn').addEventListener('click', function() { window.print(); });
        document.getElementById('downloadBtn').addEventListener('click', downloadPDF);
        document.getElementById('newAssignmentBtn').addEventListener('click', function() {
            generatedPaperContainer.classList.add('hidden');
            startContainer.classList.remove('hidden');
            startScreen.classList.remove('hidden');
            subjectSelection.classList.add('hidden');
            chapterSelection.classList.add('hidden');
            levelSelection.classList.add('hidden');
            selectedLevel = null;
            level1Btn.classList.remove('selected');
            level2Btn.classList.remove('selected');
            level3Btn.classList.remove('selected');
        });
    }

    // Event Listeners
    document.getElementById('startGeneratingBtn').addEventListener('click', function() {
        startScreen.classList.add('hidden');
        subjectSelection.classList.remove('hidden');
    });

    document.getElementById('selectSocialBtn').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_Social_Studies_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>