<!DOCTYPE html>
<html lang="hi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>UP TET पेपर 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: #2b5a3b;
            --primary-dark: #1e3f28;
            --secondary: #4a9b6e;
            --danger: #c44536;
            --success: #2c7da0;
            --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, #e8f0eb 0%, #d4e2d8 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; }
        .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); }
        .btn-success { background: var(--success); color: white; }
        .btn-success:hover { background: #1f5e7a; transform: translateY(-2px); }
        .btn-danger { background: var(--danger); color: white; }
        .btn-danger:hover { background: #a63426; transform: translateY(-2px); }
        .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; } }
        @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; } }
        .home-icon { position: absolute; top: 20px; left: 20px; color: white; font-size: 24px; cursor: pointer; transition: var(--transition); z-index: 2; text-decoration: none; display: inline-block; }
        .home-icon:hover { transform: scale(1.1); color: rgba(255, 255, 255, 0.8); }
        @media (max-width: 480px) { .home-icon { font-size: 20px; top: 15px; left: 15px; } }
        @media print { .home-icon { 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">
        <a href="up-tet-exam-paper2-assignment-generator.html" class="home-icon" ><i class="fas fa-home"></i></a>
        <h1>UP TET पेपर 2 - बाल विकास एवं शिक्षाशास्त्र</h1>
        <p>बाल विकास, शिक्षण विधियाँ एवं समावेशी शिक्षा असाइनमेंट जनरेटर</p>
    </div>
    <div class="content-area">
        <div id="startScreen">
            <h2 class="section-title">बाल विकास एवं शिक्षाशास्त्र असाइनमेंट जनरेटर</h2>
            <div class="btn-group">
                <button class="btn btn-primary" id="startGeneratingBtn">असाइनमेंट बनाएँ</button>
            </div>
        </div>
        <div id="subjectSelection" class="hidden">
            <h2 class="section-title">विषय का चयन करें</h2>
            <div class="btn-group">
                <button class="btn btn-primary" id="selectPedagogyBtn">बाल विकास एवं शिक्षाशास्त्र</button>
            </div>
        </div>
        <div id="chapterSelection" class="hidden">
            <h2 class="section-title">इकाई / अध्याय चुनें</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">कठिनाई स्तर चुनें</h2>
            <p class="text-center">अपने असाइनमेंट के लिए स्तर का चयन करें:</p>
            <div class="level-buttons">
                <button class="btn btn-level" id="level1Btn">स्तर 1<br><small>बेसिक स्तर</small></button>
                <button class="btn btn-level" id="level2Btn">स्तर 2<br><small>मध्यम स्तर</small></button>
                <button class="btn btn-level" id="level3Btn">स्तर 3<br><small>परीक्षा स्तर</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;
    
    // Complete question bank for UP TET Paper 2 Child Development & Pedagogy - 5 मुख्य इकाइयाँ, प्रत्येक में उपविषय
    const questions = {
        // इकाई 1: बाल विकास एवं शिक्षण विधियाँ
        "1. बाल विकास का अर्थ, आवश्यकता तथा क्षेत्र": { level1: [{ question: "बाल विकास का अर्थ है:", options: ["बालक में शारीरिक परिवर्तन", "बालक का संपूर्ण विकास (शारीरिक, मानसिक, सामाजिक)", "केवल मानसिक विकास", "केवल सामाजिक विकास"], answer: "B" }, { question: "बाल विकास का अध्ययन किस क्षेत्र में किया जाता है?", options: ["शिक्षा मनोविज्ञान", "भौतिक विज्ञान", "रसायन विज्ञान", "अर्थशास्त्र"], answer: "A" }], level2: [{ question: "बाल विकास की अवस्थाओं का सही क्रम है:", options: ["शैशव, बाल्यावस्था, किशोरावस्था", "किशोरावस्था, शैशव, बाल्यावस्था", "बाल्यावस्था, शैशव, किशोरावस्था", "शैशव, किशोरावस्था, बाल्यावस्था"], answer: "A" }], level3: [{ question: "वंशानुक्रम और वातावरण में से बाल विकास में अधिक प्रभावशाली कौन है?", options: ["वंशानुक्रम", "वातावरण", "दोनों का समान योगदान", "इनमें से कोई नहीं"], answer: "C" }] },
        "2. बाल विकास की अवस्थाएँ एवं शारीरिक विकास": { level1: [{ question: "बाल्यावस्था (2-12 वर्ष) में किस प्रकार का विकास सर्वाधिक होता है?", options: ["शारीरिक विकास", "यौन विकास", "सामाजिक विकास", "संज्ञानात्मक विकास"], answer: "A" }], level2: [{ question: "किशोरावस्था में शारीरिक विकास की विशेषता क्या है?", options: ["धीमी गति से विकास", "तेजी से विकास एवं द्वितीयक लक्षणों का प्रकट होना", "विकास रुक जाता है", "केवल मानसिक विकास"], answer: "B" }], level3: [{ question: "शारीरिक विकास का सबसे तीव्र काल कौन सा है?", options: ["शैशवावस्था (0-2 वर्ष)", "बाल्यावस्था", "किशोरावस्था", "प्रौढ़ावस्था"], answer: "A" }] },
        "3. मानसिक, संवेगात्मक एवं भाषा विकास": { level1: [{ question: "पियाजे के अनुसार संज्ञानात्मक विकास की कितनी अवस्थाएँ हैं?", options: ["3", "4", "5", "6"], answer: "B" }], level2: [{ question: "भाषा विकास के लिए सर्वाधिक उपयुक्त अवधि कौन सी है?", options: ["शैशवावस्था", "बाल्यावस्था (2-7 वर्ष)", "किशोरावस्था", "प्रौढ़ावस्था"], answer: "B" }], level3: [{ question: "संवेगात्मक विकास में सबसे महत्वपूर्ण कारक है:", options: ["पारिवारिक वातावरण", "आनुवंशिकता", "विद्यालय", "साथी समूह"], answer: "A" }] },
        "4. सृजनात्मकता एवं बाल विकास को प्रभावित करने वाले कारक": { level1: [{ question: "बालक में सृजनात्मकता विकसित करने के लिए क्या आवश्यक है?", options: ["मुक्त वातावरण", "कठोर अनुशासन", "अधिक गृहकार्य", "प्रतियोगिता"], answer: "A" }], level2: [{ question: "विद्यालयीय वातावरण बाल विकास को कैसे प्रभावित करता है?", options: ["शैक्षिक उपलब्धि को", "सामाजिक दक्षता को", "व्यक्तित्व निर्माण को", "उपरोक्त सभी"], answer: "D" }], level3: [{ question: "बाल विकास में संचार माध्यमों (टीवी, इंटरनेट) का प्रभाव कैसा होता है?", options: ["केवल सकारात्मक", "केवल नकारात्मक", "दोनों सकारात्मक एवं नकारात्मक", "कोई प्रभाव नहीं"], answer: "C" }] },
        // इकाई 2: सीखने का अर्थ तथा सिद्धान्त
        "5. अधिगम (सीखना) - अर्थ, नियम एवं थार्नडाइक का सिद्धान्त": { level1: [{ question: "थार्नडाइक के सीखने के कितने मुख्य नियम हैं?", options: ["2", "3", "4", "5"], answer: "B" }], level2: [{ question: "प्रयास एवं त्रुटि का सिद्धान्त किसने दिया?", options: ["पैवलव", "स्किनर", "थार्नडाइक", "कोहलर"], answer: "C" }], level3: [{ question: "थार्नडाइक का प्रभाव का नियम किससे संबंधित है?", options: ["पुरस्कार एवं दंड", "अभ्यास", "तत्परता", "रटना"], answer: "A" }] },
        "6. पैवलव, स्किनर एवं कोहलर के सिद्धान्त": { level1: [{ question: "पैवलव का सिद्धान्त किस पर आधारित है?", options: ["शास्त्रीय अनुबंधन", "क्रियाप्रसूत अनुबंधन", "अंतर्दृष्टि", "प्रयास एवं त्रुटि"], answer: "A" }], level2: [{ question: "स्किनर का सिद्धान्त मुख्यतः किस पर बल देता है?", options: ["पुनर्बलन", "दंड", "अनुकरण", "चिंतन"], answer: "A" }], level3: [{ question: "कोहलर के अंतर्दृष्टि सिद्धान्त में किस जीव पर प्रयोग किया गया?", options: ["चूहा", "कबूतर", "चिंपैंजी", "बिल्ली"], answer: "C" }] },
        "7. पियाजे एवं वायगोत्स्की का सिद्धान्त": { level1: [{ question: "पियाजे के संज्ञानात्मक विकास में 'संरक्षण' की अवधारणा किस अवस्था में विकसित होती है?", options: ["संवेदी-गामक", "पूर्व-संक्रियात्मक", "मूर्त-संक्रियात्मक", "औपचारिक-संक्रियात्मक"], answer: "C" }], level2: [{ question: "वायगोत्स्की का 'समीपस्थ विकास का क्षेत्र' (ZPD) क्या है?", options: ["बच्चा अकेले और मार्गदर्शन में क्या कर सकता है के बीच का अंतर", "विकास की निश्चित अवस्था", "परीक्षा में अंकों का अंतर", "आयु का अंतर"], answer: "A" }], level3: [{ question: "पियाजे के अनुसार बालक किस अवस्था में अमूर्त चिंतन करने लगता है?", options: ["पूर्व-संक्रियात्मक", "मूर्त-संक्रियात्मक", "औपचारिक-संक्रियात्मक", "संवेदी-गामक"], answer: "C" }] },
        "8. सीखने का स्थानान्तरण एवं अधिगम पठार": { level1: [{ question: "सीखने का स्थानान्तरण किसे कहते हैं?", options: ["एक स्थिति में सीखे को दूसरी स्थिति में प्रयोग", "सीखना भूल जाना", "सीखना रोक देना", "नया सीखना"], answer: "A" }], level2: [{ question: "अधिगम में पठार का अर्थ है:", options: ["सीखने की दर में अचानक वृद्धि", "सीखने की दर में ठहराव या मंदी", "सीखने की समाप्ति", "सीखने में त्रुटि"], answer: "B" }], level3: [{ question: "अधिगम पठार दूर करने का सर्वोत्तम उपाय है:", options: ["रुचि बढ़ाना एवं विधि बदलना", "दंड देना", "अधिक अभ्यास", "विषय बदलना"], answer: "A" }] },
        // इकाई 3: शिक्षण एवं शिक्षण विधाएँ
        "9. शिक्षण का अर्थ, सिद्धान्त एवं सूत्र": { level1: [{ question: "शिक्षण का मुख्य उद्देश्य है:", options: ["ज्ञान देना", "अधिगम को सुगम बनाना", "परीक्षा में सफल कराना", "अनुशासन स्थापित करना"], answer: "B" }], level2: [{ question: "शिक्षण के किस सूत्र के अनुसार 'ज्ञात से अज्ञात की ओर' जाना चाहिए?", options: ["सरल से कठिन", "ज्ञात से अज्ञात", "मूर्त से अमूर्त", "विश्लेषण से संश्लेषण"], answer: "B" }], level3: [{ question: "सूक्ष्म शिक्षण में किस कौशल पर विशेष ध्यान दिया जाता है?", options: ["प्रश्न कौशल", "व्याख्यान कौशल", "उद्दीपन परिवर्तन", "उपरोक्त सभी"], answer: "D" }] },
        "10. शिक्षण की नवीन विधियाँ एवं प्रविधियाँ": { level1: [{ question: "प्रोजेक्ट विधि किस मनोवैज्ञानिक सिद्धान्त पर आधारित है?", options: ["प्रयास एवं त्रुटि", "क्रियाप्रसूत अनुबंधन", "अंतर्दृष्टि", "सीखने से करना"], answer: "D" }], level2: [{ question: "समस्या समाधान विधि का जनक किसे माना जाता है?", options: ["जॉन डीवी", "फ्रोबेल", "पियाजे", "वायगोत्स्की"], answer: "A" }], level3: [{ question: "सहकारी अधिगम में सबसे अधिक बल दिया जाता है:", options: ["समूह कार्य एवं साझा जिम्मेदारी", "व्यक्तिगत प्रतियोगिता", "शिक्षक केन्द्रित शिक्षण", "रटने पर"], answer: "A" }] },
        // इकाई 4: समावेशी शिक्षा – निर्देशन एवं परामर्श
        "11. समावेशी शिक्षा का अर्थ एवं अपवंचित वर्ग": { level1: [{ question: "समावेशी शिक्षा का अर्थ है:", options: ["सभी बच्चों को साथ-साथ शिक्षा देना", "केवल प्रतिभाशाली बच्चों को शिक्षा", "केवल दिव्यांग बच्चों को शिक्षा", "अलग-अलग विद्यालयों में शिक्षा"], answer: "A" }], level2: [{ question: "निम्न में से कौन अपवंचित वर्ग नहीं है?", options: ["अनुसूचित जाति", "अनुसूचित जनजाति", "उच्च वर्ग", "अल्पसंख्यक"], answer: "C" }], level3: [{ question: "लैंगिक असमानता दूर करने के लिए कौन सा उपाय सर्वाधिक प्रभावी है?", options: ["अभिभावकों को जागरूक करना", "स्कूलों में संवेदनशील पाठ्यक्रम", "सरकारी योजनाएँ", "उपरोक्त सभी"], answer: "D" }] },
        "12. दिव्यांग बच्चे (दृष्टि, श्रवण, वाक्, मानसिक दक्षता)": { level1: [{ question: "दृष्टिबाधित बच्चों के लिए कौन सी लिपि प्रयोग की जाती है?", options: ["ब्रेल लिपि", "सांकेतिक भाषा", "चित्र लिपि", "हस्त लिपि"], answer: "A" }], level2: [{ question: "श्रवणबाधित बच्चों के संप्रेषण हेतु कौन सी भाषा सहायक है?", options: ["ब्रेल", "सांकेतिक भाषा", "अंग्रेजी", "संस्कृत"], answer: "B" }], level3: [{ question: "मानसिक दक्षता (मंद बुद्धि) बच्चों के लिए कौन सी शिक्षण विधि उपयुक्त है?", options: ["व्यक्तिगत निर्देशन", "बड़े समूह में शिक्षण", "प्रतियोगी शिक्षण", "व्याख्यान विधि"], answer: "A" }] },
        "13. समावेशन हेतु आवश्यक उपकरण, टीएलएम एवं परामर्श": { level1: [{ question: "DIET का पूरा नाम क्या है?", options: ["जिला शिक्षा एवं प्रशिक्षण संस्थान", "दृष्टिबाधित शिक्षण संस्थान", "दिव्यांग शिक्षण केन्द्र", "विकास संस्थान"], answer: "A" }], level2: [{ question: "प्रयागराज में कौन सी प्रमुख मनोविज्ञानशाला स्थित है?", options: ["मनोविज्ञानशाला उ.प्र., प्रयागराज", "राष्ट्रीय मनोविज्ञान केन्द्र", "मानसिक स्वास्थ्य संस्थान", "बाल मनोविज्ञान संस्थान"], answer: "A" }], level3: [{ question: "निर्देशन एवं परामर्श में प्राथमिक भूमिका किसकी होती है?", options: ["शिक्षक और विद्यालय", "पुलिस", "चिकित्सक", "प्रशासन"], answer: "A" }] },
        // इकाई 5: अधिगम, अध्ययन और अध्यापन
        "14. बालक कैसे सोचते और सीखते हैं": { level1: [{ question: "बालक सबसे अधिक किसके द्वारा सीखते हैं?", options: ["अनुकरण", "कक्षा व्याख्यान", "पुस्तकें", "गृहकार्य"], answer: "A" }], level2: [{ question: "रचनावादी दृष्टिकोण में बालक को किस रूप में देखा जाता है?", options: ["निष्क्रिय श्रोता", "सक्रिय ज्ञान निर्माता", "सूचना भंडार", "अनुकरणकर्ता"], answer: "B" }], level3: [{ question: "बालकों में 'असफलता' का मुख्य कारण क्या हो सकता है?", options: ["शिक्षण विधि का अभाव", "प्रेरणा की कमी", "वैयक्तिक भिन्नताओं को नजरअंदाज करना", "उपरोक्त सभी"], answer: "D" }] },
        "15. प्रेरणा, सामाजिक संदर्भ एवं अधिगम कारक": { level1: [{ question: "अधिगम में प्रेरणा का क्या महत्व है?", options: ["रुचि बढ़ाना", "ध्यान केन्द्रित करना", "लक्ष्य की ओर उन्मुख करना", "उपरोक्त सभी"], answer: "D" }], level2: [{ question: "पर्यावरणीय कारकों में कौन सबसे अधिक प्रभावशाली है?", options: ["विद्यालय वातावरण", "पारिवारिक पृष्ठभूमि", "साथी समूह", "संचार माध्यम"], answer: "B" }], level3: [{ question: "बोध (Cognition) और संवेदनाएँ (Emotions) का अधिगम में क्या संबंध है?", options: ["दोनों एक-दूसरे को प्रभावित करते हैं", "केवल बोध महत्वपूर्ण है", "केवल संवेदनाएँ महत्वपूर्ण हैं", "इनका कोई संबंध नहीं"], answer: "A" }] }
    };

    // Complete topic list as per new curriculum (5 इकाइयाँ विस्तृत)
    const allTopics = [
        "1. बाल विकास का अर्थ, आवश्यकता तथा क्षेत्र",
        "2. बाल विकास की अवस्थाएँ एवं शारीरिक विकास",
        "3. मानसिक, संवेगात्मक एवं भाषा विकास",
        "4. सृजनात्मकता एवं बाल विकास को प्रभावित करने वाले कारक",
        "5. अधिगम (सीखना) - अर्थ, नियम एवं थार्नडाइक का सिद्धान्त",
        "6. पैवलव, स्किनर एवं कोहलर के सिद्धान्त",
        "7. पियाजे एवं वायगोत्स्की का सिद्धान्त",
        "8. सीखने का स्थानान्तरण एवं अधिगम पठार",
        "9. शिक्षण का अर्थ, सिद्धान्त एवं सूत्र",
        "10. शिक्षण की नवीन विधियाँ एवं प्रविधियाँ",
        "11. समावेशी शिक्षा का अर्थ एवं अपवंचित वर्ग",
        "12. दिव्यांग बच्चे (दृष्टि, श्रवण, वाक्, मानसिक दक्षता)",
        "13. समावेशन हेतु आवश्यक उपकरण, टीएलएम एवं परामर्श",
        "14. बालक कैसे सोचते और सीखते हैं",
        "15. प्रेरणा, सामाजिक संदर्भ एवं अधिगम कारक"
    ];
    
    // Ensure every topic has at least level data
    for (let topic of allTopics) {
        if (!questions[topic]) {
            questions[topic] = {
                level1: [{ question: `${topic} का बेसिक प्रश्न?`, options: ["विकल्प A", "विकल्प B", "विकल्प C", "विकल्प D"], answer: "A" }],
                level2: [{ question: `${topic} का मध्यम प्रश्न?`, options: ["A", "B", "C", "D"], answer: "B" }],
                level3: [{ question: `${topic} का उन्नत प्रश्न?`, options: ["A", "B", "C", "D"], answer: "C" }]
            };
        }
    }

    // DOM elements
    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');
    const startGeneratingBtn = document.getElementById('startGeneratingBtn');
    const selectPedagogyBtn = document.getElementById('selectPedagogyBtn');
    const backToStartBtn = document.getElementById('backToStartBtn');
    const generateAssignmentBtn = document.getElementById('generateAssignmentBtn');
    const backToChaptersBtn = document.getElementById('backToChaptersBtn');
    const generateFinalBtn = document.getElementById('generateFinalBtn');
    const level1Btn = document.getElementById('level1Btn');
    const level2Btn = document.getElementById('level2Btn');
    const level3Btn = document.getElementById('level3Btn');
    const homeIcon = document.getElementById('homeIcon');

    let selectedChapters = [];
    let selectedLevel = null;

    function populateChapters() {
        const container = document.getElementById('chapterCheckboxContainer');
        container.innerHTML = `<div class="checkbox-item"><input type="checkbox" id="fullPaper" value="full"><label for="fullPaper">पूर्ण पाठ्यक्रम (सभी ${allTopics.length} इकाइयाँ/अध्याय)</label></div>`;
        allTopics.forEach((topic, idx) => {
            container.innerHTML += `<div class="checkbox-item"><input type="checkbox" id="topic_${idx}" name="chapter" value="${topic}"><label for="topic_${idx}">${idx+1}. ${topic}</label></div>`;
        });
        const fullPaperCheckbox = document.getElementById('fullPaper');
        if(fullPaperCheckbox) {
            fullPaperCheckbox.addEventListener('change', function() {
                document.querySelectorAll('input[name="chapter"]').forEach(cb => cb.disabled = this.checked);
            });
        }
    }

    function getRandomQuestions(chapters, level, count) {
        let allQuestions = [];
        chapters.forEach(ch => {
            if(questions[ch] && questions[ch][`level${level}`]) {
                allQuestions = allQuestions.concat(questions[ch][`level${level}`]);
            }
        });
        if(allQuestions.length === 0) return [{ question: "प्रश्न उपलब्ध नहीं हैं। कृपया अन्य अध्याय चुनें।", options: ["A", "B", "C", "D"], answer: "A" }];
        allQuestions = allQuestions.sort(() => Math.random() - 0.5);
        return allQuestions.slice(0, Math.min(count, allQuestions.length));
    }

    // Event listeners
    startGeneratingBtn.onclick = () => { startScreen.classList.add('hidden'); subjectSelection.classList.remove('hidden'); };
    selectPedagogyBtn.onclick = () => { subjectSelection.classList.add('hidden'); populateChapters(); chapterSelection.classList.remove('hidden'); };
    
    backToStartBtn.onclick = () => {
        generatedPaperContainer.classList.add('hidden');
        startContainer.classList.remove('hidden');
        chapterSelection.classList.add('hidden');
        levelSelection.classList.add('hidden');
        startScreen.classList.remove('hidden');
        subjectSelection.classList.add('hidden');
        selectedLevel = null;
        level1Btn.classList.remove('selected'); level2Btn.classList.remove('selected'); level3Btn.classList.remove('selected');
    };
    homeIcon.onclick = () => {
        generatedPaperContainer.classList.add('hidden');
        startContainer.classList.remove('hidden');
        chapterSelection.classList.add('hidden');
        levelSelection.classList.add('hidden');
        startScreen.classList.remove('hidden');
        subjectSelection.classList.add('hidden');
        selectedLevel = null;
        level1Btn.classList.remove('selected'); level2Btn.classList.remove('selected'); level3Btn.classList.remove('selected');
    };

    generateAssignmentBtn.onclick = () => {
        const fullPaper = document.getElementById('fullPaper');
        if(fullPaper && fullPaper.checked) selectedChapters = [...allTopics];
        else selectedChapters = Array.from(document.querySelectorAll('input[name="chapter"]:checked')).map(cb => cb.value);
        if(selectedChapters.length === 0) { alert("कृपया कम से कम एक अध्याय/विषय चुनें!"); return; }
        chapterSelection.classList.add('hidden');
        levelSelection.classList.remove('hidden');
    };

    backToChaptersBtn.onclick = () => { 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;
    }
    level1Btn.onclick = () => selectLevel(1);
    level2Btn.onclick = () => selectLevel(2);
    level3Btn.onclick = () => selectLevel(3);

    generateFinalBtn.onclick = () => {
        if(!selectedLevel) { alert("कृपया कठिनाई स्तर चुनें!"); return; }
        startContainer.classList.add('hidden');
        levelSelection.classList.add('hidden');
        generatedPaperContainer.classList.remove('hidden');
        const mcqs = getRandomQuestions(selectedChapters, selectedLevel, 45);
        let qNum = 1;
        let html = `<div class="header"><h2>UP TET पेपर 2 - बाल विकास एवं शिक्षाशास्त्र असाइनमेंट</h2><h3>${selectedChapters.length === allTopics.length ? "पूर्ण पाठ्यक्रम (बाल विकास, अधिगम सिद्धान्त, समावेशी शिक्षा)" : selectedChapters.slice(0,3).join(", ")+ (selectedChapters.length>3?"...":"")}</h3><p>स्तर ${selectedLevel} - ${selectedLevel === 1 ? "बेसिक" : selectedLevel === 2 ? "मध्यम" : "परीक्षा स्तर"}</p></div><div class="content-area"><div class="instructions"><p><strong>निर्देश:</strong></p><ol><li>कुल 45 बहुविकल्पीय प्रश्न हैं।</li><li>प्रत्येक प्रश्न के चार विकल्प हैं, केवल एक सही है।</li><li>समय: 60 मिनट</li><li>सभी प्रश्न बाल विकास एवं शिक्षाशास्त्र पाठ्यक्रम पर आधारित हैं।</li></ol></div><div class="question-section"><div class="section-heading">बहुविकल्पीय प्रश्न (MCQs)</div>`;
        mcqs.forEach(mcq => {
            html += `<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++;
        });
        html += `</div><div class="answer-sheet"><h3 class="section-title">उत्तर कुंजी</h3><table class="answer-table"><thead><tr><th>प्रश्न सं.</th><th>उत्तर</th><th>प्रश्न सं.</th><th>उत्तर</th><th>प्रश्न सं.</th><th>उत्तर</th></tr></thead><tbody>`;
        for(let i=0; i<mcqs.length; i+=3) {
            html += `<tr>`;
            for(let j=0; j<3; j++) {
                if(i+j < mcqs.length) html += `<td>${i+j+1}</td><td>${mcqs[i+j].answer}</td>`;
                else html += `<td></td><td></td>`;
            }
            html += `</tr>`;
        }
        html += `</tbody></table></div><div class="action-buttons"><button class="btn btn-primary" id="printBtn"><i class="fas fa-print"></i> प्रिंट करें</button><button class="btn btn-success" id="downloadBtn"><i class="fas fa-download"></i> PDF डाउनलोड करें</button><button class="btn btn-danger" id="newAssignmentBtn"><i class="fas fa-plus"></i> नया असाइनमेंट</button></div></div>`;
        generatedPaperContainer.innerHTML = html;
        document.getElementById('printBtn').onclick = () => window.print();
        document.getElementById('downloadBtn').onclick = downloadPDF;
        document.getElementById('newAssignmentBtn').onclick = () => {
            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');
        };
    };

    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('UP_TET_Child_Development_Pedagogy_Assignment.pdf');
        } catch(err) {
            console.error(err);
            alert('PDF जनरेशन में त्रुटि।');
        } finally {
            if(tempDiv && tempDiv.parentNode) document.body.removeChild(tempDiv);
        }
    }
</script>
</body>
</html>