<!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 1 - बाल विकास एवं शिक्षण विधियाँ (CDP) अभ्यास सेट जनरेटर</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='%238e24aa'/%3E%3Ctext x='50' y='67' font-size='40' text-anchor='middle' fill='white' font-weight='bold'%3Eब%3C/text%3E%3C/svg%3E" rel="icon">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        :root {
            --primary: #8e24aa;
            --primary-dark: #6a1b9a;
            --secondary: #ce93d8;
            --danger: #f44336;
            --success: #43a047;
            --light: #f3e5f5;
            --dark: #4a148c;
            --gray: #7b1fa2;
            --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, -apple-system, sans-serif;
        }

        body {
            background: linear-gradient(135deg, #f3e5f5 0%, #e1bee7 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: 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;
            bottom: -30px;
            right: -30px;
            font-size: 120px;
            opacity: 0.15;
            transform: rotate(-15deg);
        }

        .header h1 {
            font-size: 1.6rem;
            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);
            box-shadow: 0 8px 15px rgba(142, 36, 170, 0.3);
        }

        .btn-success {
            background: var(--success);
            color: white;
        }

        .btn-success:hover {
            background: #2e7d32;
            transform: translateY(-2px);
        }

        .btn-danger {
            background: var(--danger);
            color: white;
        }

        .btn-danger:hover {
            background: #d32f2f;
            transform: translateY(-2px);
        }

        .btn-level {
            background: var(--light);
            color: var(--dark);
            border: 2px solid var(--gray);
            font-size: 1.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.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(300px, 1fr));
            gap: 12px;
            margin: 25px 0;
            max-height: 450px;
            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.85rem;
        }

        .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(142, 36, 170, 0.05);
        }
        
        .option-icon {
            font-size: 2.5rem;
            color: var(--primary);
            margin-bottom: 15px;
        }
        
        .option-title {
            font-size: 1.2rem;
            font-weight: 600;
            margin-bottom: 10px;
            color: var(--primary-dark);
        }
        
        .option-description {
            color: var(--gray);
            font-size: 0.85rem;
        }

        .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;
            transition: var(--transition);
        }
        
        .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: #f3e5f5;
            border-radius: var(--border-radius);
            border-left: 5px solid var(--primary);
        }
        .instructions ol {
            padding-left: 20px;
            margin-top: 10px;
        }
        .paper-header {
            text-align: center;
            margin-bottom: 20px;
        }
        .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.2rem; }
        }
        @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-paper1-practice-set-generator.html" class="home-icon" id="homeIconBtn">
            <i class="fas fa-home"></i>
        </a>
        <h1><i class="fas fa-brain"></i> UP TET Paper 1 - बाल विकास एवं शिक्षण विधियाँ (CDP) अभ्यास सेट जनरेटर</h1>
        <p>UP TET प्राथमिक स्तर की परीक्षा हेतु बाल विकास, अधिगम एवं शिक्षण विधियों का विषयवार अभ्यास</p>
    </div>
    <div class="content-area">
        <div id="startScreen">
            <h2 class="section-title">🧠 बाल विकास एवं शिक्षण विधियाँ - अभ्यास सेट जनरेटर</h2>
            <p class="text-center">UP TET Paper 1 हेतु बाल विकास, अधिगम के सिद्धांत, शिक्षण विधियाँ एवं मनोविज्ञान का विस्तृत अभ्यास सेट तैयार करें</p>
            <div class="btn-group">
                <button class="btn btn-primary" id="startGeneratingBtn"><i class="fas fa-play"></i> अभ्यास सेट बनाना शुरू करें</button>
            </div>
        </div>

        <div id="practiceTypeSelection" class="hidden">
            <h2 class="section-title">अभ्यास का प्रकार चुनें</h2>
            <p class="text-center">अपनी तैयारी के अनुसार अभ्यास सेट चुनें:</p>
            <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">UP 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">📚 बाल विकास एवं शिक्षण विधियाँ - विषय चुनें</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">UP 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>मध्यम (TET स्तर)</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;
    
    // ======================== बाल विकास एवं शिक्षण विधियाँ (42 विषय) ========================
    const cdpChapters = [
        "बाल विकास : अर्थ, आवश्यकता, क्षेत्र एवं अवस्थाएँ",
        "शिक्षा एवं मनोविज्ञान",
        "शिक्षा मनोविज्ञान",
        "बाल विकास के आधार एवं उनको प्रभावित करने वाले कारक",
        "वृद्धि एवं विकास (Growth & Development)",
        "विकास की अवस्थाएं (Stages of Development)",
        "वंशानुक्रम एवं वातावरण (Heredity & Environment)",
        "सामाजीकरण (Socialization)",
        "समाज निर्माण में लैंगिक मुद्दे (Gender Issues)",
        "नैतिक एवं सामाजिक विकास (Moral & Social Development)",
        "संज्ञानात्मक विकास (Cognitive Development - Piaget)",
        "संवेगात्मक विकास (Emotional Development)",
        "बुद्धि अवधारणा एवं सिद्धांत (Intelligence Theories)",
        "बुद्धि मापन एवं परीक्षण (Intelligence Measurement)",
        "भाषा और विचार (Language & Thought - Vygotsky)",
        "बाल केंद्रित एवं प्रगतिशील शिक्षण (Child Centered Learning)",
        "व्यक्तित्व अवधारणा एवं सिद्धांत (Personality Theories)",
        "व्यक्तित्व मापन एवं परीक्षण (Personality Measurement)",
        "वैयक्तिक विभिन्नता (Individual Differences)",
        "चिंतन, तर्क, कल्पना (Thinking, Reasoning, Imagination)",
        "समस्या समाधान (Problem Solving)",
        "सृजनात्मकता (Creativity)",
        "शैक्षिक मापन एवं मूल्यांकन (Evaluation)",
        "उपलब्धि परीक्षण एवं प्रश्न पत्र निर्माण (Achievement Test)",
        "अधिगम: अवधारणा एवं प्रक्रिया (Learning: Concept & Process)",
        "अधिगम: नियम एवं सिद्धांत (Learning Theories)",
        "शिक्षण एवं शिक्षण विधाएं (Teaching Methods)",
        "समावेशी शिक्षा (Inclusive Education)",
        "विशिष्ट आवश्यकता वाले बालक (CWSN)",
        "बालक / बच्चे कैसे सोचते एवं सीखते हैं?",
        "अधिगम की वैकल्पिक अवधारणाएं (Alternative Conceptions)",
        "शिक्षण : अर्थ, उद्देश्य, सूत्र एवं सिद्धान्त",
        "शिक्षण की प्रविधियाँ एवं नवीन विधाएँ",
        "शिक्षण एवं अधिगम की मूलभूत प्रक्रियाएँ",
        "शैक्षिक समावेशन (Academic Inclusion)",
        "समावेशन : उपकरण, तकनीक एवं विधियाँ",
        "परामर्श में सहयोग देने वाले विभाग/संस्थान",
        "शैक्षिक निर्देशन एवं परामर्श (Guidance & Counselling)",
        "एक समस्या-समाधानकर्ता और वैज्ञानिक अन्वेषक के रूप में बालक",
        "बालकों में वैकल्पिक संकल्पना (Alternative Frameworks)",
        "बोध एवं संवेदनाएँ (Perception & Sensation)",
        "अभिप्रेरणा (प्रेरणा) एवं अधिगम (Motivation & Learning)"
    ];

    // ======================== प्रश्न डेटाबेस ========================
    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 });
    }

    // ---------- CDP के गुणवत्तापूर्ण प्रश्न ----------
    addQuestion(cdpChapters[0], 1, "बाल विकास का अध्ययन किससे संबंधित है?", ["शारीरिक विकास मात्र", "मानसिक विकास मात्र", "बालक के सभी पहलुओं के विकास से", "केवल सामाजिक विकास से"], "C");
    addQuestion(cdpChapters[5], 1, "पियाजे के अनुसार संज्ञानात्मक विकास की कितनी अवस्थाएँ हैं?", ["2", "3", "4", "5"], "C");
    addQuestion(cdpChapters[5], 2, "किशोरावस्था की आयु सीमा क्या है?", ["0-2 वर्ष", "2-6 वर्ष", "6-12 वर्ष", "12-18 वर्ष"], "D");
    addQuestion(cdpChapters[10], 1, "पियाजे के संज्ञानात्मक विकास के सिद्धांत में 'संतुलन' का क्या अर्थ है?", ["बाहरी दबाव", "मानसिक संतुलन की स्थिति", "शारीरिक संतुलन", "सामाजिक समायोजन"], "B");
    addQuestion(cdpChapters[12], 1, "बुद्धि का द्वि-कारक सिद्धांत किसने दिया?", ["पियाजे", "स्पीयरमैन", "गार्डनर", "थर्स्टन"], "B");
    addQuestion(cdpChapters[12], 2, "गार्डनर के बहु-बुद्धि सिद्धांत में कितने प्रकार की बुद्धि बताई गई?", ["5", "6", "7", "8"], "D");
    addQuestion(cdpChapters[14], 1, "वायगोत्स्की के अनुसार भाषा और विचार का संबंध कैसा है?", ["भाषा विचार से स्वतंत्र", "विचार भाषा से स्वतंत्र", "भाषा और विचार परस्पर संबंधित", "कोई संबंध नहीं"], "C");
    addQuestion(cdpChapters[15], 1, "बाल-केंद्रित शिक्षा का अर्थ है:", ["शिक्षक को केंद्र में रखना", "बालक की रुचियों एवं आवश्यकताओं को केंद्र में रखना", "पाठ्यक्रम को केंद्र में रखना", "परीक्षा को केंद्र में रखना"], "B");
    addQuestion(cdpChapters[18], 1, "वैयक्तिक विभिन्नता का मुख्य कारण क्या है?", ["वंशानुक्रम मात्र", "वातावरण मात्र", "वंशानुक्रम एवं वातावरण दोनों", "शिक्षा का अभाव"], "C");
    addQuestion(cdpChapters[20], 1, "समस्या समाधान की पहली अवस्था क्या है?", ["समाधान खोजना", "समस्या की पहचान", "समाधान का क्रियान्वयन", "मूल्यांकन"], "B");
    addQuestion(cdpChapters[21], 1, "सृजनात्मकता (Creativity) सबसे अधिक किससे संबंधित है?", ["अभिसारी चिंतन", "अपसारी चिंतन", "अनुकरण", "स्मरण शक्ति"], "B");
    addQuestion(cdpChapters[24], 1, "अधिगम का सिद्धांत 'प्रयास एवं त्रुटि' किसने दिया?", ["पावलव", "थार्नडाइक", "स्किनर", "कोहलर"], "B");
    addQuestion(cdpChapters[24], 2, "प्रबोधन (Operant Conditioning) का सिद्धांत किससे संबंधित है?", ["पावलव", "थार्नडाइक", "स्किनर", "बंडूरा"], "C");
    addQuestion(cdpChapters[26], 1, "समावेशी शिक्षा का उद्देश्य क्या है?", ["सभी बच्चों को अलग-अलग पढ़ाना", "सभी बच्चों को एक साथ शिक्षा देना", "केवल प्रतिभाशाली बच्चों को पढ़ाना", "केवल दिव्यांग बच्चों को पढ़ाना"], "B");
    addQuestion(cdpChapters[28], 1, "विशिष्ट आवश्यकता वाले बच्चों (CWSN) के लिए क्या आवश्यक है?", ["अलग स्कूल", "समावेशी वातावरण", "कोई शिक्षा नहीं", "केवल चिकित्सा"], "B");
    addQuestion(cdpChapters[33], 1, "शैक्षिक मूल्यांकन का मुख्य उद्देश्य क्या है?", ["छात्रों को असफल करना", "शिक्षण-अधिगम प्रक्रिया में सुधार", "रैंकिंग देना", "परीक्षा का डर बनाना"], "B");
    addQuestion(cdpChapters[39], 1, "प्रेरणा (Motivation) का अधिगम पर क्या प्रभाव पड़ता है?", ["नकारात्मक", "कोई प्रभाव नहीं", "सकारात्मक (अधिगम को बढ़ावा देती है)", "कभी-कभी"], "C");
    addQuestion(cdpChapters[38], 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) {
            for(let k=1; k<=2; k++) {
                questions[chap].level1.push({ question: `${chap} से बुनियादी प्रश्न ${k}: सही विकल्प चुनें।`, options: ["विकल्प A", "विकल्प B", "विकल्प C", "विकल्प D"], answer: "A" });
            }
        }
        if(questions[chap].level2.length < 2) {
            for(let k=1; k<=2; k++) {
                questions[chap].level2.push({ question: `${chap} (मध्यम स्तर) प्रश्न ${k}: सही कथन चुनिए।`, options: ["कथन 1", "कथन 2", "कथन 3", "कथन 4"], answer: "B" });
            }
        }
        if(questions[chap].level3.length < 2) {
            for(let k=1; k<=2; k++) {
                questions[chap].level3.push({ question: `${chap} (उच्च स्तर) प्रश्न ${k}: निम्न में से कौन सा सही है?`, options: ["विकल्प 1", "विकल्प 2", "विकल्प 3", "विकल्प 4"], answer: "C" });
            }
        }
    }

    // DOM रेफरेंस
    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 = [];
    let selectedLevel = null;
    let selectedPracticeType = null;
    let questionCount = 50;
    let timeLimit = 60;
    
    function loadTopics() {
        const container = document.getElementById('cdpTopicsContainer');
        container.innerHTML = `<div class="checkbox-item"><input type="checkbox" id="fullPaper" name="topic" value="सभी विषय"><label for="fullPaper">✅ सभी विषय (पूर्ण पाठ्यक्रम - 42 अध्याय)</label></div>`;
        cdpChapters.forEach((topic, idx) => {
            const id = `topic${idx}`;
            container.innerHTML += `<div class="checkbox-item"><input type="checkbox" id="${id}" name="topic" value="${topic}"><label for="${id}">🧠 ${topic}</label></div>`;
        });
        document.getElementById('fullPaper')?.addEventListener('change', (e) => {
            const checkboxes = document.querySelectorAll('input[name="topic"]: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="topic"]: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 1 पैटर्न)';
        if(type === 'previous-year') return '⏳ पिछले वर्षों के प्रश्न (TET आधारित)';
        return '🧠 बाल विकास एवं शिक्षण विधियाँ - अभ्यास सेट';
    }
    
    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, #8e24aa, #6a1b9a);">
                <h2>🧠 UP TET Paper 1 - बाल विकास एवं शिक्षण विधियाँ (CDP) अभ्यास सेट</h2>
                <h3>${getPracticeTypeName(selectedPracticeType)}</h3>
                <p>स्तर ${selectedLevel} - ${selectedLevel === 1 ? "बुनियादी (प्रारंभिक)" : selectedLevel === 2 ? "मध्यम (TET स्तर)" : "उच्च (विशेषज्ञ)"} | समय: ${timeLimit} मिनट</p>
                <p>कुल प्रश्न: ${questionCount}</p>
            </div>
            <div class="content-area">
                <div class="instructions"><p><strong>📌 निर्देश:</strong></p><ol><li>इस सेट में ${questionCount} बहुविकल्पीय प्रश्न हैं।</li><li>प्रत्येक प्रश्न के चार विकल्प, केवल एक सही।</li><li>समय सीमा: ${timeLimit} मिनट</li><li>UP TET Paper 1 (प्राथमिक स्तर) बाल विकास एवं शिक्षण विधियाँ हेतु अभ्यास।</li><li>प्रत्येक प्रश्न 1 अंक का है, कोई निगेटिव मार्किंग नहीं।</li></ol></div>
                <div class="question-section"><div class="section-heading" style="font-size:1.2rem; font-weight:bold; margin-bottom:15px;">🧠 बाल विकास एवं शिक्षण विधियाँ (CDP) प्रश्न</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;
            let position = 12.7;
            let remainingHeight = tempDiv.scrollHeight;
            let pageNum = 1;
            while (remainingHeight > 0) {
                const canvas = await html2canvas(tempDiv, { scale: 1.5, 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 += 277;
                remainingHeight -= 277 * 3.78;
                pageNum++;
            }
            pdf.save('UP_TET_Child_Development_Pedagogy_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;
    
    // Default timer selection
    document.querySelector('.timer-btn[data-time="60"]').classList.add('selected');
</script>
</body>
</html>