<!DOCTYPE html>
<html lang="hi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
    <title>UP TET पेपर-1 | बाल विकास एवं शिक्षण विधियाँ | दैनिक अभ्यास जनरेटर</title>
    <link href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='45' fill='%232b5e3b'/%3E%3Ctext x='50' y='68' font-size='48' text-anchor='middle' fill='white' font-weight='bold'%3EC%3C/text%3E%3C/svg%3E" rel="icon">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        :root {
            --primary: #2b5e3b;
            --primary-dark: #1e3a2f;
            --secondary: #38a169;
            --danger: #e53e3e;
            --success: #38a169;
            --light: #f0fff4;
            --dark: #1a202c;
            --gray: #4a5568;
            --border-radius: 12px;
            --box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1);
            --transition: all 0.3s ease;
        }
        * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', 'Poppins', system-ui, sans-serif; }
        body { background: linear-gradient(135deg, #e9f5ec 0%, #c6e0d2 100%); min-height: 100vh; display: flex; justify-content: center; align-items: center; padding: 20px; color: var(--dark); line-height: 1.5; }
        .container { width: 100%; max-width: 1100px; background: white; border-radius: var(--border-radius); box-shadow: var(--box-shadow); overflow: hidden; transition: var(--transition); animation: fadeIn 0.4s ease-out; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
        .header { background: linear-gradient(135deg, var(--primary), var(--primary-dark)); color: white; padding: 28px 20px; text-align: center; position: relative; }
        .header::before { content: '📚'; position: absolute; bottom: 10px; right: 20px; font-size: 70px; opacity: 0.1; }
        .header h1 { font-size: 1.9rem; margin-bottom: 8px; font-weight: 700; letter-spacing: -0.5px; }
        .header p { font-size: 1rem; opacity: 0.9; }
        .content-area { padding: 28px; }
        .hidden { display: none !important; }
        .btn { display: inline-block; padding: 12px 28px; border-radius: 50px; font-weight: 600; cursor: pointer; transition: var(--transition); border: none; text-align: center; box-shadow: 0 4px 8px rgba(0,0,0,0.05); margin: 8px 5px; font-size: 0.95rem; }
        .btn-primary { background: var(--primary); color: white; }
        .btn-primary:hover { background: var(--primary-dark); transform: translateY(-2px); box-shadow: 0 10px 20px -5px var(--primary); }
        .btn-success { background: var(--success); color: white; }
        .btn-success:hover { background: #2c7a4a; transform: translateY(-2px); }
        .btn-danger { background: var(--danger); color: white; }
        .btn-danger:hover { background: #c53030; transform: translateY(-2px); }
        .btn-level { background: white; color: var(--dark); border: 2px solid #cbd5e0; font-size: 1.1rem; padding: 14px 28px; width: 190px; font-weight: 600; transition: all 0.2s; }
        .btn-level:hover { transform: translateY(-4px); background: #f7fafc; border-color: var(--primary); }
        .btn-level.selected { background: var(--primary); color: white; border-color: var(--primary); box-shadow: 0 8px 16px -4px rgba(43,94,59,0.4); }
        .btn-group { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 20px 0; }
        .level-buttons { display: flex; justify-content: center; gap: 25px; margin: 30px 0; flex-wrap: wrap; }
        .section-title { text-align: center; margin-bottom: 25px; color: var(--primary-dark); font-size: 1.7rem; position: relative; padding-bottom: 12px; font-weight: 600; }
        .section-title::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background: var(--secondary); border-radius: 4px; }
        .checkbox-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(310px, 1fr)); gap: 14px; margin: 25px 0; max-height: 520px; overflow-y: auto; padding: 15px; border: 1px solid #e2e8f0; border-radius: 18px; background: #fafef7; }
        .checkbox-item { display: flex; align-items: center; background: white; padding: 8px 12px; border-radius: 40px; transition: all 0.2s; border: 1px solid #e9ecef; }
        .checkbox-item:hover { background: #e6f7ec; transform: translateX(3px); }
        .checkbox-item input { margin-right: 12px; width: 18px; height: 18px; cursor: pointer; accent-color: var(--primary); }
        .checkbox-item label { cursor: pointer; font-size: 0.9rem; font-weight: 500; }
        .question { margin-bottom: 25px; page-break-inside: avoid; background: #ffffff; padding: 15px; border-radius: 16px; box-shadow: 0 1px 2px rgba(0,0,0,0.05); border-left: 4px solid var(--secondary); }
        .question-text { font-weight: 700; margin-bottom: 12px; font-size: 1.05rem; color: #2d3748; }
        .option { margin-left: 24px; margin-bottom: 6px; color: #4a5568; }
        .action-buttons { display: flex; justify-content: center; flex-wrap: wrap; gap: 18px; margin-top: 40px; }
        .answer-sheet { margin-top: 40px; padding: 20px; background: #f0faf4; border-radius: var(--border-radius); }
        .answer-table { width: 100%; border-collapse: collapse; margin-top: 15px; border-radius: 12px; overflow: hidden; }
        .answer-table th, .answer-table td { border: 1px solid #cbd5e0; padding: 10px; text-align: center; }
        .answer-table th { background-color: var(--primary); color: white; font-weight: 600; }
        .streak-container { display: flex; justify-content: center; align-items: center; margin: 20px 0; gap: 20px; flex-wrap: wrap; }
        .streak-counter { background: #ff9100; color: white; padding: 10px 20px; border-radius: 60px; font-weight: bold; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
        .date-display { font-size: 1rem; font-weight: 600; background: #e2e8f0; padding: 8px 18px; border-radius: 40px; color: var(--primary-dark); }
        .progress-container { margin: 20px 0; background: #edf2f7; padding: 20px; border-radius: 28px; }
        .progress-bar { height: 12px; background: #cbd5e0; border-radius: 20px; overflow: hidden; margin-top: 12px; }
        .progress-fill { height: 100%; background: var(--success); border-radius: 20px; transition: width 0.5s ease; }
        .problem-of-day { background: linear-gradient(115deg, #fff6e5, #ffedd5); border-left: 5px solid var(--danger); padding: 20px; margin: 20px 0; border-radius: 24px; }
        .daily-summary { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 15px; margin: 20px 0; }
        .summary-card { flex: 1; min-width: 110px; background: white; padding: 15px; border-radius: 20px; box-shadow: 0 8px 20px rgba(0,0,0,0.05); text-align: center; border: 1px solid #e2e8f0; }
        .home-icon { position: absolute; top: 20px; left: 20px; color: white; font-size: 26px; cursor: pointer; transition: transform 0.2s; z-index: 5; background: rgba(0,0,0,0.2); width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
        .home-icon:hover { transform: scale(1.08); background: rgba(0,0,0,0.4); }
        .instructions { margin-bottom: 30px; padding: 18px 22px; background: #f7fafc; border-radius: 24px; border: 1px solid #e2e8f0; }
        @media (max-width: 680px) { .header h1 { font-size: 1.3rem; } .btn-level { width: 140px; font-size: 0.9rem; padding: 12px 16px; } .checkbox-container { grid-template-columns: 1fr; } }
        @media print { .action-buttons, .streak-container, .progress-container, .problem-of-day, .daily-summary, .home-icon { display: none; } .question { break-inside: avoid; } }
        .topic-badge { background: var(--secondary); color: white; font-size: 0.7rem; border-radius: 20px; padding: 2px 10px; display: inline-block; margin-bottom: 8px; }
    </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-paper1-daily-practice-problem-generator.html" class="home-icon" ><i class="fas fa-chalkboard-user"></i></a>
        <h1><i class="fas fa-child"></i> UP TET पेपर-1</h1>
        <p>बाल विकास एवं शिक्षण विधियाँ | दैनिक अभ्यास समस्या जनरेटर (हिंदी में)</p>
    </div>
    <div class="content-area">
        <div id="startScreen">
            <h2 class="section-title">📖 बाल विकास एवं शिक्षाशास्त्र</h2>
            <div class="streak-container">
                <div class="streak-counter"><i class="fas fa-fire"></i> लगातार: <span id="streakDays">0</span> दिन</div>
                <div class="date-display" id="currentDate"></div>
            </div>
            <div class="progress-container">
                <h3><i class="fas fa-chart-line"></i> आपकी प्रगति</h3>
                <div class="progress-bar"><div class="progress-fill" id="progressFill" style="width: 0%"></div></div>
                <p id="progressText" style="margin-top: 8px;">0% पूर्ण</p>
            </div>
            <div class="btn-group">
                <button class="btn btn-primary" id="problemOfDayBtn"><i class="fas fa-calendar-day"></i> दिन की समस्या</button>
                <button class="btn btn-success" id="customPracticeBtn"><i class="fas fa-pen-ruler"></i> कस्टम अभ्यास</button>
            </div>
        </div>
        <div id="subjectSelection" class="hidden">
            <h2 class="section-title">🎯 विषय चयन</h2>
            <div class="btn-group"><button class="btn btn-primary" id="selectCDPBtn"><i class="fas fa-brain"></i> बाल विकास एवं शिक्षण विधियाँ</button></div>
        </div>
        <div id="topicSelection" class="hidden">
            <h2 class="section-title">📚 अध्यायों का चयन करें (42 अध्याय)</h2>
            <form id="topicForm">
                <div class="checkbox-container" id="topicsContainer"></div>
            </form>
            <div class="btn-group">
                <button class="btn btn-danger" id="backToStartBtn"><i class="fas fa-arrow-left"></i> प्रारंभ पर वापस</button>
                <button class="btn btn-success" id="generateAssignmentBtn"><i class="fas fa-cogs"></i> अभ्यास प्रश्न जेनरेट करें</button>
            </div>
        </div>
        <div id="levelSelection" class="hidden">
            <h2 class="section-title">⚡ कठिनाई स्तर चुनें</h2>
            <p class="text-center" style="text-align:center; margin-bottom:10px;">अपने TET स्तर के अनुसार चुनें:</p>
            <div class="level-buttons">
                <button class="btn btn-level" id="level1Btn">स्तर 1 <br><small>बेसिक / TET आधार</small></button>
                <button class="btn btn-level" id="level2Btn">स्तर 2 <br><small>मध्यम (UP TET मानक)</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="backToTopicsBtn">विषयों पर वापस</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 startContainer = document.getElementById('startContainer');
    const startScreen = document.getElementById('startScreen');
    const subjectSelection = document.getElementById('subjectSelection');
    const topicSelection = document.getElementById('topicSelection');
    const levelSelection = document.getElementById('levelSelection');
    const generatedPaperContainer = document.getElementById('generatedPaperContainer');
    
    // ============ 42 अध्याय (परिशुद्ध रूप से निर्दिष्ट) ============
    const chaptersList = [
        "बाल विकास : अर्थ, आवश्यकता, क्षेत्र एवं अवस्थाएँ", "शिक्षा एवं मनोविज्ञान", "शिक्षा मनोविज्ञान",
        "बाल विकास के आधार एवं उनको प्रभावित करने वाले कारक", "वृद्धि एवं विकास", "विकास की अवस्थाएं",
        "वंशानुक्रम एवं वातावरण", "सामाजीकरण", "समाज निर्माण में लैंगिक मुद्दे", "नैतिक एवं सामाजिक विकास",
        "संज्ञानात्मक विकास", "संवेगात्मक विकास", "बुद्धि अवधारणा एवं सिद्धांत", "बुद्धि मापन एवं परीक्षण",
        "भाषा और विचार", "बाल केंद्रित एवं प्रगतिशील शिक्षण", "व्यक्तित्व अवधारणा एवं सिद्धांत", "व्यक्तित्व मापन एवं परीक्षण",
        "वैयक्तिक विभिन्नता", "चिंतन, तर्क, कल्पना", "समस्या समाधान", "सृजनात्मकता", "शैक्षिक मापन एवं मूल्यांकन",
        "उपलब्धि परीक्षण एवं प्रश्न पत्र निर्माण", "अधिगम: अवधारणा एवं प्रक्रिया", "अधिगम: नियम एवं सिद्धांत",
        "शिक्षण एवं शिक्षण विधाएं", "समावेशी शिक्षा", "विशिष्ट आवश्यकता वाले बालक", "बालक / बच्चे कैसे सोचते एवं सीखते हैं?",
        "अधिगम की वैकल्पिक अवधारणाएं", "शिक्षण : अर्थ, उद्देश्य, सूत्र एवं सिद्धान्त", "शिक्षण की प्रविधियाँ एवं नवीन विधाएँ",
        "शिक्षण एवं अधिगम की मूलभूत प्रक्रियाएँ", "शैक्षिक समावेशन", "समावेशन : उपकरण, तकनीक एवं विधियाँ",
        "परामर्श में सहयोग देने वाले विभाग/संस्थान", "शैक्षिक निर्देशन एवं परामर्श", "एक समस्या-समाधानकर्ता और वैज्ञानिक अन्वेषक के रूप में बालक",
        "बालकों में वैकल्पिक संकल्पना", "बोध एवं संवेदनाएँ", "अभिप्रेरणा (प्रेरणा) एवं अधिगम"
    ];
    
    // =============== अध्यायवार प्रश्न संरचना (समृद्ध डेटाबेस) ===============
    const questions = {};
    
    // प्रत्येक अध्याय के लिए प्रश्न (स्तर 1,2,3) - विस्तृत एवं यूपी टीईटी अनुकूल
    // अध्याय 1: बाल विकास : अर्थ, आवश्यकता, क्षेत्र एवं अवस्थाएँ
    questions["बाल विकास : अर्थ, आवश्यकता, क्षेत्र एवं अवस्थाएँ"] = {
        level1: [
            { question: "बाल विकास का अध्ययन मुख्यतः किससे संबंधित है?", options: ["बालकों के शारीरिक, मानसिक एवं सामाजिक परिवर्तन", "केवल शैक्षणिक प्रदर्शन", "विद्यालय प्रबंधन", "शिक्षक प्रशिक्षण"], answer: "A" },
            { question: "बाल्यावस्था की प्रारंभिक अवधि किस आयु सीमा में मानी जाती है?", options: ["जन्म से 2 वर्ष", "2-6 वर्ष", "6-12 वर्ष", "12-18 वर्ष"], answer: "B" },
            { question: "बाल विकास के क्षेत्र कितने होते हैं?", options: ["तीन (शारीरिक, संज्ञानात्मक, भावात्मक)", "दो", "चार", "पांच"], answer: "A" }
        ],
        level2: [
            { question: "बाल विकास की आवश्यकता क्यों है? (UP TET परिप्रेक्ष्य)", options: ["बालक की प्रकृति को समझकर प्रभावी शिक्षण हेतु", "अभिभावकों को नियंत्रित करने हेतु", "परीक्षा में अच्छे अंक लाने हेतु", "स्कूल अनुशासन हेतु"], answer: "A" },
            { question: "विकास की किशोरावस्था की प्रमुख विशेषता क्या है?", options: ["पहचान संकट एवं तीव्र परिवर्तन", "धीमी वृद्धि", "भाषा विकास", "मूर्त चिंतन"], answer: "A" }
        ],
        level3: [
            { question: "बाल विकास के सिद्धांतों में से कौन सा सिद्धांत वंशानुक्रम और वातावरण के संयोग को रेखांकित करता है?", options: ["अंतःक्रिया सिद्धांत", "परिपक्वता सिद्धांत", "व्यवहारवाद", "संज्ञानात्मक सिद्धांत"], answer: "A" }
        ]
    };
    
    // अध्याय 2: शिक्षा एवं मनोविज्ञान
    questions["शिक्षा एवं मनोविज्ञान"] = {
        level1: [
            { question: "शिक्षा मनोविज्ञान का मुख्य उद्देश्य क्या है?", options: ["शिक्षण-अधिगम प्रक्रिया को समझना एवं सुधारना", "छात्रों का मूल्यांकन करना", "शिक्षकों का प्रशिक्षण देना", "पाठ्यक्रम बनाना"], answer: "A" },
            { question: "मनोविज्ञान की किस शाखा का संबंध शिक्षण से सीधा है?", options: ["शैक्षिक मनोविज्ञान", "चिकित्सा मनोविज्ञान", "अपराध मनोविज्ञान", "औद्योगिक मनोविज्ञान"], answer: "A" }
        ],
        level2: [
            { question: "शिक्षा मनोविज्ञान के जनक कौन माने जाते हैं?", options: ["ई. एल. थार्नडाइक", "जॉन डीवी", "सिगमंड फ्रायड", "जीन पियाजे"], answer: "A" }
        ],
        level3: [
            { question: "शिक्षा मनोविज्ञान में केस स्टडी विधि किस उद्देश्य से प्रयोग की जाती है?", options: ["व्यक्तिगत अंतर गहराई से जानने", "सांख्यिकीय आंकड़े जुटाने", "प्रयोगशाला अनुसंधान", "समूह व्यवहार मापन"], answer: "A" }
        ]
    };
    
    // अध्याय 3: शिक्षा मनोविज्ञान (अतिरिक्त)
    questions["शिक्षा मनोविज्ञान"] = {
        level1: [
            { question: "अधिगम के सिद्धांत 'प्रयास एवं त्रुटि' के प्रस्तोता कौन हैं?", options: ["थार्नडाइक", "पियाजे", "कोहलबर्ग", "बंडुरा"], answer: "A" }
        ],
        level2: [
            { question: "प्रतिबिंबित चिंतन (reflective thinking) को किसने प्रमुखता दी?", options: ["डीवी", "स्किनर", "पावलव", "मैस्लो"], answer: "A" }
        ],
        level3: [
            { question: "शिक्षा मनोविज्ञान में निर्मितिवाद (Constructivism) के प्रवर्तक कौन हैं?", options: ["जीन पियाजे और विगोत्स्की", "बी.एफ. स्किनर", "जॉन वाटसन", "इवान पावलव"], answer: "A" }
        ]
    };
    
    // संज्ञानात्मक विकास अध्याय 11
    questions["संज्ञानात्मक विकास"] = {
        level1: [
            { question: "पियाजे के संज्ञानात्मक विकास सिद्धांत में 'पूर्व-संक्रियात्मक अवस्था' की आयु क्या है?", options: ["2-7 वर्ष", "0-2 वर्ष", "7-11 वर्ष", "11+ वर्ष"], answer: "A" }
        ],
        level2: [
            { question: "विगोत्स्की का 'समीपस्थ विकास क्षेत्र' (ZPD) क्या है?", options: ["सीखने की वह सीमा जहाँ मार्गदर्शन आवश्यक", "परिपक्वता की सीमा", "परीक्षा अंकों की सीमा", "पाठ्यक्रम की सीमा"], answer: "A" }
        ],
        level3: [
            { question: "पियाजे के अनुसार 'संरक्षण की अवधारणा' किस अवस्था में विकसित होती है?", options: ["मूर्त-संक्रियात्मक अवस्था", "संवेदी-गामक", "पूर्व-संक्रियात्मक", "औपचारिक संक्रियात्मक"], answer: "A" }
        ]
    };
    
    // अभिप्रेरणा अध्याय 42
    questions["अभिप्रेरणा (प्रेरणा) एवं अधिगम"] = {
        level1: [
            { question: "मास्लो के आवश्यकता पिरामिड में सबसे बुनियादी आवश्यकता क्या है?", options: ["शारीरिक आवश्यकताएँ", "सुरक्षा", "सम्मान", "आत्मबोध"], answer: "A" }
        ],
        level2: [
            { question: "आंतरिक प्रेरणा का उदाहरण कौन सा है?", options: ["स्वयं की जिज्ञासा एवं रुचि", "पुरस्कार पाना", "दंड से बचना", "प्रतियोगिता जीतना"], answer: "A" }
        ],
        level3: [
            { question: "वी. एच. वूम का प्रत्याशा सिद्धांत किससे संबंधित है?", options: ["कार्य से जुड़ी अपेक्षाएँ एवं प्रेरणा", "बुद्धि मापन", "व्यक्तित्व", "अधिगम स्थानांतरण"], answer: "A" }
        ]
    };
    
    // समावेशी शिक्षा अध्याय 28
    questions["समावेशी शिक्षा"] = {
        level1: [
            { question: "समावेशी शिक्षा का मूल सिद्धांत क्या है?", options: ["सभी बच्चों को सामान्य कक्षा में शिक्षा", "विशेष विद्यालय बनाना", "केवल दिव्यांग बच्चों को शिक्षा", "प्रतिभाशाली बच्चों को अलग करना"], answer: "A" }
        ],
        level2: [
            { question: "समावेशी कक्षा में शिक्षक को सबसे पहले क्या करना चाहिए?", options: ["वैयक्तिक आवश्यकताओं को पहचानना", "समान पाठ योजना बनाना", "त्वरित शिक्षण", "सख्त अनुशासन"], answer: "A" }
        ],
        level3: [
            { question: "RPWD अधिनियम 2016 के अनुसार 'विशिष्ट अधिगम अक्षमता' किसे माना जाता है?", options: ["डिस्लेक्सिया, डिस्ग्राफिया, डिस्केलकुलिया", "बौद्धिक अक्षमता", "दृष्टिबाधिता", "श्रवण बाधिता"], answer: "A" }
        ]
    };
    
    // बुद्धि अवधारणा (अध्याय 13)
    questions["बुद्धि अवधारणा एवं सिद्धांत"] = {
        level1: [
            { question: "गार्डनर के बहु-बुद्धि सिद्धांत में कितनी बुद्धियाँ हैं?", options: ["8", "7", "9", "6"], answer: "A" }
        ],
        level2: [
            { question: "द्रव बुद्धि (Fluid intelligence) किससे संबंधित है?", options: ["समस्या समाधान क्षमता एवं नई चीजें सीखना", "संचित ज्ञान", "भाषाई योग्यता", "स्थानिक क्षमता"], answer: "A" }
        ],
        level3: [
            { question: "स्टर्नबर्ग का त्रितंत्रीय बुद्धि सिद्धांत के तीन घटक क्या हैं?", options: ["विश्लेषणात्मक, सृजनात्मक, व्यावहारिक", "भाषाई, तार्किक, स्थानिक", "संगीतात्मक, अंतर्वैयक्तिक, प्रकृतिवादी", "अमूर्त, यांत्रिक, सामाजिक"], answer: "A" }
        ]
    };
    
    // अन्य सभी अध्यायों के लिए डिफ़ॉल्ट रूप से स्मार्ट प्रश्न (डायनामिक बैकअप)
    chaptersList.forEach(chap => {
        if (!questions[chap]) {
            questions[chap] = {
                level1: [
                    { question: `${chap} के संदर्भ में बाल विकास का मूल उद्देश्य क्या है?`, options: ["समग्र विकास को बढ़ावा देना", "केवल शैक्षणिक उपलब्धि", "अनुशासन स्थापित करना", "प्रतियोगिता तैयार करना"], answer: "A" },
                    { question: `UP TET के अनुसार ${chap} में कौन सा पहलू सर्वाधिक महत्वपूर्ण है?`, options: ["बालकेन्द्रित शिक्षण", "रटने की विधि", "कठोर परीक्षण", "पाठ्यक्रम त्वरण"], answer: "A" }
                ],
                level2: [
                    { question: `${chap} को प्रभावी बनाने के लिए शिक्षक को किस पर ध्यान देना चाहिए?`, options: ["व्यक्तिगत भिन्नताएँ", "सभी को समान रखना", "बार-बार परीक्षा लेना", "गृहकार्य बढ़ाना"], answer: "A" }
                ],
                level3: [
                    { question: `${chap} में विश्लेषणात्मक दृष्टिकोण अपनाने से क्या लाभ है?`, options: ["गहन समझ एवं समस्या समाधान", "स्मरण शक्ति का बढ़ना", "लिखावट में सुधार", "गति बढ़ाना"], answer: "A" }
                ]
            };
        }
    });
    
    let selectedTopics = [];
    let selectedLevel = null;
    let userProgress = { streak: 0, lastPracticeDate: null, totalProblemsSolved: 0, topicsCompleted: 0, totalTopics: chaptersList.length };
    
    function loadUserProgress() {
        const saved = localStorage.getItem('upTetCDPProgress');
        if (saved) userProgress = JSON.parse(saved);
        const today = new Date().toDateString();
        if (userProgress.lastPracticeDate !== today) {
            const yesterday = new Date(); yesterday.setDate(yesterday.getDate() - 1);
            if (userProgress.lastPracticeDate === yesterday.toDateString()) userProgress.streak++;
            else userProgress.streak = 1;
            userProgress.lastPracticeDate = today;
            saveUserProgress();
        }
        updateUI();
    }
    function saveUserProgress() { localStorage.setItem('upTetCDPProgress', JSON.stringify(userProgress)); }
    function updateUI() {
        document.getElementById('streakDays').textContent = userProgress.streak;
        const today = new Date();
        document.getElementById('currentDate').textContent = today.toLocaleDateString('hi-IN', { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' });
        const percent = Math.min(100, Math.round((userProgress.topicsCompleted / userProgress.totalTopics) * 100));
        document.getElementById('progressFill').style.width = `${percent}%`;
        document.getElementById('progressText').textContent = `${percent}% पूर्ण (${userProgress.topicsCompleted}/${userProgress.totalTopics} अध्याय)`;
    }
    
    function getRandomQuestions(topicsArray, level, count) {
        let allQs = [];
        topicsArray.forEach(topic => {
            const topicData = questions[topic];
            if (topicData && topicData[`level${level}`]) {
                allQs = allQs.concat(topicData[`level${level}`]);
            }
        });
        if(allQs.length === 0) return [{ question: "बाल विकास का आधारभूत सिद्धांत क्या है?", options: ["वृद्धि एवं परिपक्वता", "केवल आनुवांशिकता", "केवल वातावरण", "शिक्षक का प्रभाव"], answer: "A" }];
        allQs = allQs.sort(() => Math.random() - 0.5);
        return allQs.slice(0, count);
    }
    
    function renderTopics() {
        const container = document.getElementById('topicsContainer');
        container.innerHTML = `<div class="checkbox-item" style="background:#e9f5ec;"><input type="checkbox" id="fullSyllabus" value="full"><label for="fullSyllabus"><strong>✅ संपूर्ण पाठ्यक्रम (सभी 42 अध्याय)</strong></label></div>`;
        chaptersList.forEach(topic => {
            const id = `topic_${topic.replace(/[\s,?]/g, '_').substring(0, 30)}`;
            container.innerHTML += `<div class="checkbox-item"><input type="checkbox" id="${id}" name="topic" value="${topic}"><label for="${id}">${topic}</label></div>`;
        });
        document.getElementById('fullSyllabus')?.addEventListener('change', (e) => {
            const allCheckboxes = document.querySelectorAll('input[name="topic"]');
            allCheckboxes.forEach(cb => cb.disabled = e.target.checked);
            if(e.target.checked) allCheckboxes.forEach(cb => cb.checked = false);
        });
    }
    
    // DOM Elements & Event listeners
    document.getElementById('customPracticeBtn').addEventListener('click', () => { document.getElementById('startScreen').classList.add('hidden'); document.getElementById('subjectSelection').classList.remove('hidden'); });
    document.getElementById('selectCDPBtn').addEventListener('click', () => { renderTopics(); document.getElementById('subjectSelection').classList.add('hidden'); document.getElementById('topicSelection').classList.remove('hidden'); });
    document.getElementById('backToStartBtn').addEventListener('click', () => { document.getElementById('topicSelection').classList.add('hidden'); startContainer.classList.remove('hidden'); document.getElementById('startScreen').classList.remove('hidden'); updateUI(); });
    document.getElementById('generateAssignmentBtn').addEventListener('click', () => {
        const full = document.getElementById('fullSyllabus')?.checked;
        if (full) selectedTopics = [...chaptersList];
        else selectedTopics = Array.from(document.querySelectorAll('input[name="topic"]:checked')).map(cb => cb.value);
        if (selectedTopics.length === 0) { alert("कृपया कम से कम एक अध्याय चुनें!"); return; }
        document.getElementById('topicSelection').classList.add('hidden');
        document.getElementById('levelSelection').classList.remove('hidden');
    });
    document.getElementById('backToTopicsBtn').addEventListener('click', () => { document.getElementById('levelSelection').classList.add('hidden'); document.getElementById('topicSelection').classList.remove('hidden'); });
    document.getElementById('level1Btn').addEventListener('click', () => { document.querySelectorAll('.btn-level').forEach(b => b.classList.remove('selected')); document.getElementById('level1Btn').classList.add('selected'); selectedLevel = 1; });
    document.getElementById('level2Btn').addEventListener('click', () => { document.querySelectorAll('.btn-level').forEach(b => b.classList.remove('selected')); document.getElementById('level2Btn').classList.add('selected'); selectedLevel = 2; });
    document.getElementById('level3Btn').addEventListener('click', () => { document.querySelectorAll('.btn-level').forEach(b => b.classList.remove('selected')); document.getElementById('level3Btn').classList.add('selected'); selectedLevel = 3; });
    document.getElementById('generateFinalBtn').addEventListener('click', () => { if (!selectedLevel) { alert("कृपया कठिनाई स्तर चुनें!"); return; } generateAssignment(); });
    document.getElementById('homeIconBtn').addEventListener('click', (e) => { e.preventDefault(); backToStart(); });
    document.getElementById('problemOfDayBtn').addEventListener('click', generateProblemOfDay);
    
    function generateAssignment() {
        startContainer.classList.add('hidden');
        document.getElementById('levelSelection').classList.add('hidden');
        generatedPaperContainer.classList.remove('hidden');
        const topicNames = selectedTopics.length > 5 ? selectedTopics.slice(0,5).join(", ")+" ..." : selectedTopics.join(", ");
        const mcqs = getRandomQuestions(selectedTopics, selectedLevel, 10);
        let paperContent = `<div class="header"><h2>📘 UP TET पेपर-1 (बाल विकास एवं शिक्षण विधियाँ)</h2><h3>📌 ${selectedTopics.length === chaptersList.length ? "सम्पूर्ण पाठ्यक्रम (42 अध्याय)" : topicNames.substring(0, 85)}</h3><p>⚡ कठिनाई स्तर ${selectedLevel} — ${selectedLevel === 1 ? "बेसिक" : selectedLevel === 2 ? "मध्यम (UP TET मानक)" : "उन्नत"}</p></div><div class="content-area"><div class="instructions"><p><strong>निर्देश (CDP अभ्यास):</strong></p><ol><li>10 बहुविकल्पी प्रश्न, प्रत्येक बाल विकास/शिक्षण शास्त्र पर आधारित।</li><li>15 मिनट में हल करें, उत्तर कुंजी से मिलाएँ।</li></ol></div><div class="question-section"><div style="font-size:1.4rem; margin-bottom:20px; font-weight:bold;">✍️ अभ्यास प्रश्न</div>`;
        let qNum = 1;
        mcqs.forEach(mcq => {
            paperContent += `<div class="question"><div class="question-text">${qNum}. ${mcq.question}</div>
            <div class="option">A. ${mcq.options[0]}</div><div class="option">B. ${mcq.options[1]}</div>
            <div class="option">C. ${mcq.options[2]}</div><div class="option">D. ${mcq.options[3]}</div></div>`;
            qNum++;
        });
        paperContent += `</div><div class="answer-sheet"><h3 class="section-title">🔑 उत्तर कुंजी</h3><table class="answer-table"><thead><tr><th>प्रश्न सं.</th><th>उत्तर</th><th>प्रश्न सं.</th><th>उत्तर</th></tr></thead><tbody>`;
        for (let i = 0; i < mcqs.length; i += 2) {
            paperContent += `<tr><td>${i+1}</td><td><strong>${mcqs[i].answer}</strong></td>`;
            if (i+1 < mcqs.length) paperContent += `<td>${i+2}</td><td><strong>${mcqs[i+1].answer}</strong></td>`;
            else paperContent += `<td></td><td></td>`;
            paperContent += `</tr>`;
        }
        paperContent += `</tbody></table></div><div class="action-buttons"><button class="btn btn-success" id="markCompleteBtn"><i class="fas fa-check-circle"></i> पूर्ण चिह्नित करें</button><button class="btn btn-primary" id="printBtn"><i class="fas fa-print"></i> प्रिंट / PDF</button><button class="btn btn-danger" id="newAssignmentBtn"><i class="fas fa-undo-alt"></i> नया अभ्यास</button></div></div>`;
        generatedPaperContainer.innerHTML = paperContent;
        document.getElementById('markCompleteBtn')?.addEventListener('click', markPracticeComplete);
        document.getElementById('printBtn')?.addEventListener('click', () => window.print());
        document.getElementById('newAssignmentBtn')?.addEventListener('click', backToStart);
    }
    
    function markPracticeComplete() {
        userProgress.totalProblemsSolved += 10;
        let newlyCompleted = 0;
        selectedTopics.forEach(t => { if (!userProgress[`comp_${t}`]) { userProgress[`comp_${t}`] = true; newlyCompleted++; } });
        userProgress.topicsCompleted = Math.min(userProgress.totalTopics, userProgress.topicsCompleted + newlyCompleted);
        saveUserProgress(); updateUI();
        alert("🎉 शानदार! अभ्यास पूर्ण हुआ। प्रगति सहेजी गई।");
        backToStart();
    }
    
    function generateProblemOfDay() {
        const randomTopic = chaptersList[Math.floor(Math.random() * chaptersList.length)];
        const randomLevel = Math.floor(Math.random() * 3) + 1;
        selectedTopics = [randomTopic]; selectedLevel = randomLevel;
        startContainer.classList.add('hidden');
        generatedPaperContainer.classList.remove('hidden');
        const mcq = getRandomQuestions(selectedTopics, selectedLevel, 1)[0];
        let content = `<div class="header"><h2>🌟 दिन की चुनौती (CDP)</h2><h3>🎯 ${randomTopic}</h3><p>स्तर ${randomLevel}</p></div><div class="content-area"><div class="problem-of-day"><h3><i class="fas fa-star-of-life"></i> आज का अभ्यास प्रश्न</h3><p>अपनी learning streak बनाए रखें!</p></div><div class="daily-summary"><div class="summary-card"><h4>🔥 लगातार</h4><p>${userProgress.streak} दिन</p></div><div class="summary-card"><h4>✅ हल प्रश्न</h4><p>${userProgress.totalProblemsSolved}</p></div><div class="summary-card"><h4>📚 प्रगति</h4><p>${Math.round((userProgress.topicsCompleted / userProgress.totalTopics) * 100)}%</p></div></div><div class="question"><div class="question-text">${mcq.question}</div><div class="option">A. ${mcq.options[0]}</div><div class="option">B. ${mcq.options[1]}</div><div class="option">C. ${mcq.options[2]}</div><div class="option">D. ${mcq.options[3]}</div></div><div class="answer-sheet"><h3>📌 समाधान</h3><p><strong>सही उत्तर:</strong> ${mcq.answer}</p><p><strong>व्याख्या:</strong> UP TET बाल विकास अवधारणा के अनुसार</p></div><div class="action-buttons"><button class="btn btn-success" id="markCompleteDailyBtn"><i class="fas fa-check"></i> पूर्ण किया</button><button class="btn btn-primary" id="printBtn">प्रिंट करें</button><button class="btn btn-danger" id="newAssignmentBtn">नया अभ्यास</button></div></div>`;
        generatedPaperContainer.innerHTML = content;
        document.getElementById('markCompleteDailyBtn')?.addEventListener('click', () => { userProgress.totalProblemsSolved++; saveUserProgress(); updateUI(); alert("बधाई हो! दिन की समस्या हल हुई।"); backToStart(); });
        document.getElementById('printBtn')?.addEventListener('click', () => window.print());
        document.getElementById('newAssignmentBtn')?.addEventListener('click', backToStart);
    }
    
    function backToStart() {
        generatedPaperContainer.classList.add('hidden');
        startContainer.classList.remove('hidden');
        document.getElementById('topicSelection').classList.add('hidden');
        document.getElementById('levelSelection').classList.add('hidden');
        document.getElementById('subjectSelection').classList.add('hidden');
        document.getElementById('startScreen').classList.remove('hidden');
        updateUI();
    }
    document.addEventListener('DOMContentLoaded', () => { loadUserProgress(); });
</script>
</body>
</html>