<!DOCTYPE html>
<html lang="hi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>UP TET Paper 2 - बाल विकास एवं शिक्षाशास्त्र अभ्यास सेट जनरेटर</title>
    <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232c7da0'%3E%3Cpath d='M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5'/%3E%3C/svg%3E">
    <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: #2c7da0;
            --primary-dark: #1f5068;
            --secondary: #61a5c2;
            --danger: #e63946;
            --success: #2a9d8f;
            --light: #f0f9ff;
            --dark: #2c3e50;
            --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', 'Noto Sans', 'Noto Sans Devanagari', system-ui, sans-serif; }
        body { background: linear-gradient(135deg, #e8f4f8 0%, #d4eaf0 100%); min-height: 100vh; display: flex; justify-content: center; align-items: center; padding: 20px; color: var(--dark); }
        .container { width: 100%; max-width: 1000px; 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: 1.5rem; margin-bottom: 10px; font-weight: 700; position: relative; z-index: 1; }
        .header p { font-size: 0.9rem; 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: #21867a; transform: translateY(-2px); }
        .btn-danger { background: var(--danger); color: white; }
        .btn-danger:hover { background: #c1121f; transform: translateY(-2px); }
        .btn-level { background: var(--light); color: var(--dark); border: 2px solid var(--gray); font-size: 1rem; 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; flex-wrap: wrap; }
        .section-title { text-align: center; margin-bottom: 25px; color: var(--primary-dark); font-size: 1.4rem; 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: 400px; overflow-y: auto; padding: 10px; border: 1px solid #eee; border-radius: 12px; }
        .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; }
        .practice-options { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; margin: 30px 0; }
        .option-card { background: white; border-radius: var(--border-radius); padding: 25px; box-shadow: var(--box-shadow); text-align: center; transition: var(--transition); cursor: pointer; border: 2px solid transparent; }
        .option-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.15); }
        .option-card.selected { border-color: var(--primary); background: rgba(44,125,160,0.05); }
        .option-icon { font-size: 2.5rem; color: var(--primary); margin-bottom: 15px; }
        .option-title { font-size: 1.1rem; font-weight: 600; margin-bottom: 10px; color: var(--primary-dark); }
        .option-description { color: var(--gray); font-size: 0.8rem; }
        .question-count-selector { display: flex; justify-content: center; align-items: center; gap: 15px; margin: 20px 0; }
        .count-btn { width: 40px; height: 40px; border-radius: 50%; background: var(--light); border: 2px solid var(--gray); display: flex; align-items: center; justify-content: center; cursor: pointer; font-weight: bold; }
        .count-btn:hover { background: var(--primary); color: white; border-color: var(--primary); }
        .question-count { font-size: 1.5rem; font-weight: 600; min-width: 60px; text-align: center; }
        .timer-options { display: flex; justify-content: center; gap: 15px; margin: 20px 0; flex-wrap: wrap; }
        .timer-btn { padding: 10px 20px; background: var(--light); border: 2px solid var(--gray); border-radius: 30px; cursor: pointer; transition: var(--transition); }
        .timer-btn.selected { background: var(--primary); color: white; border-color: var(--primary); }
        .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; }
        .instructions { margin-bottom: 30px; padding: 20px; background: #f0f9ff; border-radius: var(--border-radius); border-left: 5px solid var(--primary); }
        .instructions ol { padding-left: 20px; margin-top: 10px; }
        .home-icon { position: absolute; top: 20px; left: 20px; color: white; font-size: 24px; cursor: pointer; transition: var(--transition); z-index: 2; }
        .home-icon:hover { transform: scale(1.1); }
        @media (max-width: 768px) { .checkbox-container { grid-template-columns: 1fr; } .level-buttons { flex-direction: column; align-items: center; } .btn-level { width: 100%; max-width: 250px; } .header h1 { font-size: 1.1rem; } }
        @media print { .action-buttons { display: none; } .home-icon { display: none; } .question { page-break-inside: avoid; } }
        .text-center { text-align: center; }
    </style>
    
     <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4930137336556867"
     crossorigin="anonymous"></script>

<!-- Google tag (gtag.js) -->
     <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-practice-set-generator.html" class="home-icon" ><i class="fas fa-home"></i></a>
        <h1>🎓 UP TET PAPER 2 - बाल विकास एवं शिक्षाशास्त्र</h1>
        <p>बाल विकास, अधिगम सिद्धांत, शिक्षण विधियाँ, समावेशी शिक्षा, निर्देशन एवं परामर्श | अभ्यास सेट जनरेटर</p>
    </div>
    <div class="content-area">
        <div id="startScreen">
            <h2 class="section-title">Child Development & Pedagogy अभ्यास सेट</h2>
            <p class="text-center">UP TET Paper 2 हेतु बाल विकास एवं शिक्षण विधियों का अभ्यास सेट तैयार करें</p>
            <div class="btn-group"><button class="btn btn-primary" id="startGeneratingBtn">अभ्यास सेट बनाना शुरू करें →</button></div>
        </div>

        <div id="practiceTypeSelection" class="hidden">
            <h2 class="section-title">अभ्यास का प्रकार चुनें</h2>
            <div class="practice-options">
                <div class="option-card" data-type="chapter-wise"><div class="option-icon"><i class="fas fa-book-open"></i></div><div class="option-title">विषयानुसार अभ्यास</div><div class="option-description">किसी विशेष बाल विकास/शिक्षाशास्त्र विषय का चयन करें</div></div>
                <div class="option-card" data-type="full-length"><div class="option-icon"><i class="fas fa-file-alt"></i></div><div class="option-title">पूर्ण लंबाई टेस्ट</div><div class="option-description">TET पैटर्न पर 50 प्रश्नों का पूर्ण सेट</div></div>
                <div class="option-card" data-type="previous-year"><div class="option-icon"><i class="fas fa-calendar-alt"></i></div><div class="option-title">पिछले वर्षों के प्रश्न (प्रतिरूप)</div><div class="option-description">TET परीक्षा पर आधारित अभ्यास</div></div>
            </div>
            <div class="btn-group"><button class="btn btn-danger" id="backToStartBtn">पीछे जाएं</button><button class="btn btn-success" id="proceedToChaptersBtn">विषय चुनें →</button></div>
        </div>

        <div id="chapterSelection" class="hidden">
            <h2 class="section-title">शिक्षाशास्त्र के विषय चुनें (CDP)</h2>
            <form id="chapterForm"><div class="checkbox-container" id="cdpTopicsContainer"></div></form>
            <div id="questionCountSection"><h3 class="section-title">प्रश्नों की संख्या</h3><div class="question-count-selector"><div class="count-btn" id="decreaseCount">-</div><div class="question-count" id="questionCount">50</div><div class="count-btn" id="increaseCount">+</div></div></div>
            <div class="btn-group"><button class="btn btn-danger" id="backToPracticeTypeBtn">पीछे</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">TET परीक्षा स्तर के अनुसार प्रश्नों का चयन</p>
            <div class="level-buttons"><button class="btn btn-level" id="level1Btn">Level 1<br><small>बुनियादी (अवधारणाएँ)</small></button><button class="btn btn-level" id="level2Btn">Level 2<br><small>मध्यम (सिद्धांत एवं विधियाँ)</small></button><button class="btn btn-level" id="level3Btn">Level 3<br><small>उच्च (समस्या समाधान, विश्लेषण)</small></button></div>
            <div id="timerOptions"><h3 class="section-title">समय सीमा चुनें</h3><div class="timer-options"><div class="timer-btn" data-time="30">30 मिनट</div><div class="timer-btn" data-time="45">45 मिनट</div><div class="timer-btn" data-time="60" class="selected">60 मिनट</div><div class="timer-btn" data-time="90">90 मिनट</div></div></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;
    // ========== नए अध्यायों की सूची (जैसा प्रदान किया गया) ==========
    const cdpChapters = [
        "बाल विकास का अर्थ, आवश्यकता एवं क्षेत्र",
        "बाल विकास की अवस्थाएँ",
        "शारीरिक, मानसिक, संवेगात्मक विकास",
        "भाषा एवं अभिव्यक्ति क्षमता का विकास",
        "सृजनात्मकता एवं उसका विकास",
        "वंशानुक्रम, वातावरण (पारिवारिक, सामाजिक, विद्यालयीय)",
        "अधिगम (सीखना): अर्थ, प्रभावित करने वाले कारक, प्रभावशाली विधियाँ",
        "थार्नडाइक के अधिगम नियम एवं प्रयास-त्रुटि सिद्धांत",
        "पैवलव का स्वरूप प्रतिक्रिया सिद्धांत",
        "स्किनर का क्रिया प्रसूत अधिगम सिद्धांत",
        "कोहलर का सूझ (अंतर्दृष्टि) सिद्धांत",
        "पियाजे का संज्ञानात्मक विकास सिद्धांत",
        "वायगोत्स्की का सिद्धांत (सामाजिक-सांस्कृतिक)",
        "सीखने का स्थानान्तरण, पठार का अर्थ एवं निराकरण",
        "शिक्षण का अर्थ, उद्देश्य, सिद्धान्त एवं सूत्र",
        "शिक्षण विधियाँ, नवीन उपागम, सूक्ष्म शिक्षण कौशल",
        "समावेशी शिक्षा: अभिप्राय, पहचान, अपवंचित वर्ग",
        "दिव्यांग बच्चे (दृष्टि, श्रवण, वाक्, मानसिक दक्षता)",
        "समावेशन हेतु सामग्री, विधियाँ, विशेष शिक्षण (ब्रेल लिपि आदि)",
        "निर्देशन एवं परामर्श: अर्थ, प्रकार, विधियाँ, संस्थाएँ",
        "बाल अधिगम में निर्देशन एवं परामर्श का महत्व",
        "बालक कैसे सोचते और सीखते हैं, असफलता के कारण",
        "शिक्षण-अधिगम की बुनियादी प्रक्रियाएँ",
        "सामाजिक क्रियाकलाप एवं अधिगम के संदर्भ",
        "बालक वैज्ञानिक अन्वेषक के रूप में, अधिगम की संकल्पना",
        "प्रेरणा और अधिगम, व्यक्तिगत एवं पर्यावरणीय कारक"
    ];

    // प्रश्न डेटाबेस (प्रत्येक अध्याय के level1, level2, level3)
    const questions = {};
    function addQuestion(chapter, level, qText, opts, ans) {
        if(!questions[chapter]) questions[chapter] = { level1: [], level2: [], level3: [] };
        questions[chapter][`level${level}`].push({ question: qText, options: opts, answer: ans });
    }

    // ========== अध्यायवार प्रश्न निर्माण (बाल विकास एवं शिक्षाशास्त्र) ==========
    // अध्याय 0: बाल विकास मूल
    addQuestion(cdpChapters[0],1,"बाल विकास का अर्थ है -",["बच्चों में शारीरिक परिवर्तन","बच्चों में गुणात्मक एवं मात्रात्मक परिवर्तन","केवल मानसिक विकास","केवल सामाजिक विकास"],"B");
    addQuestion(cdpChapters[0],2,"बाल विकास के क्षेत्र में कौन-सा तथ्य सबसे अधिक प्रभावशाली है?",["वंशानुक्रम","वातावरण","वंशानुक्रम एवं वातावरण की अंतःक्रिया","शिक्षा"],"C");
    addQuestion(cdpChapters[0],3,"'परिपक्वता' का बाल विकास में योगदान है -",["आनुवंशिक उपहार","पोषण का प्रभाव","सीखने का परिणाम","सामाजिक संपर्क"],"A");
    // अध्याय 2: शारीरिक मानसिक संवेगात्मक
    addQuestion(cdpChapters[2],1,"शारीरिक विकास का क्रम है -",["सिर से पैर की ओर (सेफैलोकॉडल)","पैर से सिर की ओर","केंद्र से बाहर","बेतरतीब"],"A");
    addQuestion(cdpChapters[2],2,"पियाजे के अनुसार संज्ञानात्मक विकास में 'संरक्षण' की अवधारणा किस अवस्था में प्राप्त होती है?",["संवेदी-पूर्व","पूर्व-संक्रियात्मक","मूर्त-संक्रियात्मक","औपचारिक संक्रियात्मक"],"C");
    // थार्नडाइक
    addQuestion(cdpChapters[7],1,"थार्नडाइक के अधिगम नियम 'प्रभाव का नियम' का तात्पर्य है -",["जो सीखा जाता है वह सुखद होता है","पुरस्कार से सीखने की प्रबलता बढ़ती है","दंड से सीखना बढ़ता है","अभ्यास से याद रहता है"],"B");
    addQuestion(cdpChapters[7],2,"प्रयास एवं त्रुटि सिद्धांत में सीखने का आधार है -",["अंतर्दृष्टि","अनुबंधन","पुरस्कार एवं दंड की प्रक्रिया","अनुकरण"],"C");
    addQuestion(cdpChapters[7],3,"थार्नडाइक ने 'तत्परता का नियम' में किस पर बल दिया?",["सीखने की इच्छा","पुनर्बलन","दंड का डर","अभ्यास"],"A");
    // पियाजे
    addQuestion(cdpChapters[11],1,"पियाजे के सिद्धांत के अनुसार आत्मसातीकरण (Assimilation) का अर्थ है -",["नई जानकारी को पुरानी संरचना में सम्मिलित करना","पुरानी संरचना बदलना","संज्ञानात्मक संघर्ष","अनुकूलन"],"A");
    addQuestion(cdpChapters[11],2,"पियाजे के अनुसार 7-11 वर्ष की आयु में बालक किस अवस्था में होते हैं?",["संवेदी पूर्व","मूर्त संक्रियात्मक","औपचारिक संक्रियात्मक","पूर्व संक्रियात्मक"],"B");
    // वायगोत्स्की
    addQuestion(cdpChapters[12],1,"वायगोत्स्की का 'समीपस्थ विकास का क्षेत्र' (ZPD) संबंधित है -",["स्वतंत्र सीखने की क्षमता","सहायता से सीखने की संभावित क्षमता","अधिगम पठार","प्रेरणा"],"B");
    addQuestion(cdpChapters[12],2,"वायगोत्स्की के अनुसार भाषा और विचार का संबंध है -",["स्वतंत्र","परस्पर प्रभावशाली","भाषा विचार से पहले","विचार भाषा से पहले"],"B");
    // समावेशी शिक्षा
    addQuestion(cdpChapters[16],1,"समावेशी शिक्षा का उद्देश्य है -",["सभी बच्चों को सामान्य कक्षा में शिक्षा देना","प्रतिभाशाली बच्चों को विशेष कक्षा","विकलांग बच्चों को अलग शिक्षा","शिक्षा का निजीकरण"],"A");
    addQuestion(cdpChapters[16],2,"निम्नलिखित में से कौन समावेशन के लिए आवश्यक अभिवृत्ति है?",["सहानुभूति","स्वीकार्यता","सकारात्मक अपेक्षा","उपरोक्त सभी"],"D");
    addQuestion(cdpChapters[17],1,"दृष्टिबाधित बच्चों के लिए कौन सी शिक्षण सामग्री सबसे अधिक उपयोगी है?",["ब्रेल लिपि","चित्रों वाली पुस्तक","ऑडियो रिकॉर्डिंग","दोनों ब्रेल एवं ऑडियो"],"D");
    addQuestion(cdpChapters[18],2,"समावेशित बच्चों के लिए IEP का पूरा नाम क्या है?",["व्यक्तिगत शिक्षा योजना","व्यापक शिक्षा कार्यक्रम","समावेशी शिक्षण परियोजना","विशेष शिक्षा प्रोटोकॉल"],"A");
    // निर्देशन एवं परामर्श
    addQuestion(cdpChapters[19],1,"परामर्श में मुख्य उद्देश्य क्या है?",["निर्णय लेने में सहायता","बालक को ज्ञान देना","दंडित करना","प्रतियोगिता बढ़ाना"],"A");
    addQuestion(cdpChapters[20],2,"बाल अधिगम में निर्देशन का महत्व है -",["स्वयं को समझने में सहायता","करियर मार्गदर्शन","समायोजन हेतु सहायता","उपरोक्त सभी"],"D");
    // प्रेरणा, अधिगम
    addQuestion(cdpChapters[25],1,"मास्लो के प्रेरणा सिद्धांत में सबसे प्राथमिक आवश्यकता है -",["सुरक्षा","शारीरिक आवश्यकताएँ","आत्मबोध","सामाजिक"],"B");
    addQuestion(cdpChapters[25],2,"अधिगम में योगदान देने वाला पर्यावरणीय कारक कौन सा है?",["बुद्धि","अभिप्रेरणा","सामाजिक-सांस्कृतिक वातावरण","आनुवंशिकता"],"C");
    addQuestion(cdpChapters[22],1,"बालक विद्यालय प्रदर्शन में 'असफल' क्यों हो सकते हैं?",["अनुपयुक्त शिक्षण विधियाँ","कम बुद्धि","अभिप्रेरणा का अभाव","उपरोक्त सभी"],"D");
    addQuestion(cdpChapters[23],2,"शिक्षण और अधिगम की बुनियादी प्रक्रिया में कौन शामिल है?",["अनुभव","क्रियाशीलता","अंतःक्रिया","सभी"],"D");
    addQuestion(cdpChapters[14],1,"शिक्षण के किस सिद्धांत के अनुसार 'ज्ञात से अज्ञात की ओर' जाना चाहिए?",["सरल से कठिन की ओर","कंक्रीट से एब्सट्रैक्ट की ओर","सुविदित से अविदित","व्यक्तिगत भिन्नता"],"C");
    
    // सभी अध्यायों के लिए न्यूनतम प्रश्न सुनिश्चित (डिफ़ॉल्ट फॉलबैक)
    for(let i=0; i<cdpChapters.length; i++) {
        const chap = cdpChapters[i];
        if(!questions[chap]) questions[chap] = { level1: [], level2: [], level3: [] };
        if(questions[chap].level1.length < 2) questions[chap].level1.push({ question:`${chap} का बुनियादी प्रश्न: सही विकल्प चुनें।`, options:["विकल्प A","विकल्प B","विकल्प C","विकल्प D"], answer:"A" });
        if(questions[chap].level2.length < 2) questions[chap].level2.push({ question:`${chap} (मध्यम स्तर) : सही कथन चुनिए।`, options:["कथन 1","कथन 2","कथन 3","कथन 4"], answer:"B" });
        if(questions[chap].level3.length < 2) questions[chap].level3.push({ question:`${chap} उच्च स्तर प्रश्न : उपयुक्त विकल्प का चयन करें।`, options:["विकल्प 1","विकल्प 2","विकल्प 3","विकल्प 4"], answer:"C" });
    }

    // DOM References
    const startContainer = document.getElementById('startContainer');
    const startScreen = document.getElementById('startScreen');
    const practiceTypeSelection = document.getElementById('practiceTypeSelection');
    const chapterSelection = document.getElementById('chapterSelection');
    const levelSelection = document.getElementById('levelSelection');
    const generatedPaperContainer = document.getElementById('generatedPaperContainer');
    const startGeneratingBtn = document.getElementById('startGeneratingBtn');
    const backToStartBtn = document.getElementById('backToStartBtn');
    const proceedToChaptersBtn = document.getElementById('proceedToChaptersBtn');
    const backToPracticeTypeBtn = document.getElementById('backToPracticeTypeBtn');
    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 decreaseCount = document.getElementById('decreaseCount');
    const increaseCount = document.getElementById('increaseCount');
    const questionCountSpan = document.getElementById('questionCount');
    const homeIconBtn = document.getElementById('homeIconBtn');

    let selectedTopics = [], selectedLevel = null, selectedPracticeType = null, questionCount = 50, timeLimit = 60;

    function loadTopics() {
        const container = document.getElementById('cdpTopicsContainer');
        container.innerHTML = `<div class="checkbox-item"><input type="checkbox" id="fullPaper" name="cdpTopic" value="सभी विषय"><label for="fullPaper">सभी विषय (संपूर्ण बाल विकास एवं शिक्षाशास्त्र)</label></div>`;
        cdpChapters.forEach((topic, idx) => {
            const id = `cdpTopic${idx}`;
            container.innerHTML += `<div class="checkbox-item"><input type="checkbox" id="${id}" name="cdpTopic" value="${topic}"><label for="${id}">${topic}</label></div>`;
        });
        document.getElementById('fullPaper')?.addEventListener('change', (e) => {
            const checkboxes = document.querySelectorAll('input[name="cdpTopic"]:not(#fullPaper)');
            checkboxes.forEach(cb => cb.disabled = e.target.checked);
            if(e.target.checked) checkboxes.forEach(cb => cb.checked = false);
        });
    }

    function getSelectedTopics() {
        const full = document.getElementById('fullPaper');
        if(full && full.checked) return [...cdpChapters];
        return Array.from(document.querySelectorAll('input[name="cdpTopic"]:checked')).filter(cb => cb.id !== 'fullPaper').map(cb => cb.value);
    }

    function getRandomQuestions(topics, level, count) {
        let allQuestions = [];
        topics.forEach(topic => {
            if(questions[topic] && questions[topic][`level${level}`]) allQuestions = allQuestions.concat(questions[topic][`level${level}`]);
        });
        if(allQuestions.length === 0) return Array(count).fill({ question: "प्रश्न उपलब्ध नहीं, कृपया पुनः प्रयास करें", options: ["A","B","C","D"], answer:"A" });
        allQuestions = allQuestions.sort(() => Math.random() - 0.5);
        return allQuestions.slice(0, count);
    }

    function showPracticeTypeSelection() { startScreen.classList.add('hidden'); practiceTypeSelection.classList.remove('hidden'); }
    function backToStart() { generatedPaperContainer.classList.add('hidden'); startContainer.classList.remove('hidden'); practiceTypeSelection.classList.add('hidden'); chapterSelection.classList.add('hidden'); levelSelection.classList.add('hidden'); startScreen.classList.remove('hidden'); selectedTopics = []; selectedLevel = null; selectedPracticeType = null; questionCount = 50; timeLimit = 60; questionCountSpan.textContent = "50"; document.querySelectorAll('.option-card').forEach(c=>c.classList.remove('selected')); document.querySelectorAll('.timer-btn').forEach(b=>b.classList.remove('selected')); if(document.querySelector('.timer-btn[data-time="60"]')) document.querySelector('.timer-btn[data-time="60"]').classList.add('selected'); level1Btn.classList.remove('selected'); level2Btn.classList.remove('selected'); level3Btn.classList.remove('selected'); }
    function backToPracticeType() { chapterSelection.classList.add('hidden'); practiceTypeSelection.classList.remove('hidden'); }
    function backToChapters() { levelSelection.classList.add('hidden'); chapterSelection.classList.remove('hidden'); }
    function showChapters() { if(!selectedPracticeType) { alert("कृपया अभ्यास का प्रकार चुनें!"); return; } practiceTypeSelection.classList.add('hidden'); chapterSelection.classList.remove('hidden'); loadTopics(); }
    function showLevelSelection() { selectedTopics = getSelectedTopics(); if(selectedTopics.length === 0) { alert("कृपया कम से कम एक विषय चुनें!"); return; } chapterSelection.classList.add('hidden'); levelSelection.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);
    decreaseCount.onclick = () => { if(questionCount > 10) { questionCount -= 5; questionCountSpan.textContent = questionCount; } };
    increaseCount.onclick = () => { if(questionCount < 100) { questionCount += 5; questionCountSpan.textContent = questionCount; } };

    document.querySelectorAll('.option-card').forEach(card => {
        card.addEventListener('click', () => { document.querySelectorAll('.option-card').forEach(c=>c.classList.remove('selected')); card.classList.add('selected'); selectedPracticeType = card.dataset.type; if(selectedPracticeType === 'full-length') { questionCount = 50; questionCountSpan.textContent = "50"; } else if(selectedPracticeType === 'previous-year') { questionCount = 45; questionCountSpan.textContent = "45"; } });
    });
    document.querySelectorAll('.timer-btn').forEach(btn => { btn.addEventListener('click', () => { document.querySelectorAll('.timer-btn').forEach(b=>b.classList.remove('selected')); btn.classList.add('selected'); timeLimit = parseInt(btn.dataset.time); }); });
    
    function getPracticeTypeName(type) { if(type === 'chapter-wise') return 'विषयानुसार अभ्यास (बाल विकास एवं शिक्षाशास्त्र)'; if(type === 'full-length') return 'पूर्ण लंबाई टेस्ट (UP TET Paper 2 पैटर्न)'; if(type === 'previous-year') return 'पिछले वर्षों के प्रश्न (प्रतिरूप)'; return 'CDP अभ्यास सेट'; }

    function generateAssignment() {
        if(!selectedLevel) { alert("कृपया कठिनाई स्तर चुनें!"); return; }
        startContainer.classList.add('hidden');
        levelSelection.classList.add('hidden');
        generatedPaperContainer.classList.remove('hidden');
        generatedPaperContainer.innerHTML = '';
        const topicsList = selectedTopics;
        const mcqs = getRandomQuestions(topicsList, selectedLevel, questionCount);
        let paperHTML = `<div class="header" style="background: linear-gradient(135deg, #2c7da0, #1f5068);"><h2>📘 UP TET PAPER 2 - बाल विकास एवं शिक्षाशास्त्र</h2><h3>${getPracticeTypeName(selectedPracticeType)}</h3><p>स्तर ${selectedLevel} - ${selectedLevel===1?"बुनियादी (अवधारणाएँ)":selectedLevel===2?"मध्यम (सिद्धांत/विधियाँ)":"उच्च (विश्लेषणात्मक)"} | समय: ${timeLimit} मिनट</p><p>कुल प्रश्न: ${questionCount}</p></div>
        <div class="content-area"><div class="instructions"><strong>निर्देश:</strong><ol><li>इस सेट में बाल विकास एवं शिक्षाशास्त्र के ${questionCount} बहुविकल्पीय प्रश्न हैं।</li><li>प्रत्येक प्रश्न के चार विकल्प, केवल एक सही।</li><li>समय सीमा: ${timeLimit} मिनट, UP TET Paper 2 अभ्यास हेतु।</li><li>प्रश्न बाल विकास, अधिगम सिद्धांत, शिक्षण विधियाँ, समावेशी शिक्षा आदि पर आधारित हैं।</li></ol></div>
        <div class="question-section"><div class="section-heading" style="font-size:1.2rem; font-weight:bold;">Child Development & Pedagogy प्रश्न</div>`;
        let qNum = 1;
        mcqs.forEach(mcq => {
            paperHTML += `<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++;
        });
        paperHTML += `</div><div class="answer-sheet"><h3 class="section-title">उत्तर कुंजी (Answer Key)</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) {
            paperHTML += `<tr>`;
            for(let j=0; j<3; j++) { if(i+j < mcqs.length) paperHTML += `<td>${i+j+1}</td><td>${mcqs[i+j].answer}</td>`; else paperHTML += `<td></td><td></td>`; }
            paperHTML += `</tr>`;
        }
        paperHTML += `</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 = paperHTML;
        document.getElementById('printBtn')?.addEventListener('click', () => window.print());
        document.getElementById('downloadBtn')?.addEventListener('click', downloadPDF);
        document.getElementById('newAssignmentBtn')?.addEventListener('click', () => backToStart());
    }

    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: 1.5, windowHeight: pageHeight * 3.78, windowWidth: pageWidth * 3.78, y: position * 3.78, height: pageHeight * 3.78, backgroundColor: '#ffffff' });
                const imgData = canvas.toDataURL('image/jpeg', 0.92);
                if(pageNum > 1) pdf.addPage();
                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_CDP_Practice_Set.pdf');
        } catch(e) { console.error(e); alert("PDF जनरेशन में त्रुटि"); }
        finally { if(tempDiv) document.body.removeChild(tempDiv); }
    }

    startGeneratingBtn.onclick = showPracticeTypeSelection;
    backToStartBtn.onclick = backToStart;
    proceedToChaptersBtn.onclick = showChapters;
    backToPracticeTypeBtn.onclick = backToPracticeType;
    generateAssignmentBtn.onclick = showLevelSelection;
    backToChaptersBtn.onclick = backToChapters;
    generateFinalBtn.onclick = generateAssignment;
    homeIconBtn.onclick = backToStart;
    document.querySelector('.timer-btn[data-time="60"]')?.classList.add('selected');
</script>
</body>
</html>