<!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-II (भाषा प्रथम – हिन्दी) दैनिक अभ्यास जनरेटर</title>
    <link href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='50' font-size='50' text-anchor='middle' dy='.3em' fill='%23e63946'%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: #b23c1c;
            --primary-dark: #7b2c12;
            --secondary: #e67e22;
            --danger: #c0392b;
            --success: #27ae60;
            --light: #fef9e7;
            --dark: #2c3e50;
            --gray: #7f8c8d;
            --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', 'Nirmala UI', 'Noto Sans Devanagari', sans-serif; }
        body { background: linear-gradient(135deg, #fff5e6 0%, #fdebd0 100%); min-height: 100vh; display: flex; justify-content: center; align-items: center; padding: 20px; color: var(--dark); line-height: 1.6; }
        .container { width: 100%; max-width: 950px; background: white; border-radius: var(--border-radius); box-shadow: var(--box-shadow); overflow: hidden; transition: var(--transition); animation: fadeIn 0.5s ease-out; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
        .header { background: linear-gradient(135deg, var(--primary), var(--primary-dark)); color: white; padding: 30px 20px; text-align: center; position: relative; overflow: hidden; }
        .header::before { content: '📖'; position: absolute; top: -30px; right: -30px; font-size: 120px; opacity: 0.1; }
        .header h1 { font-size: 1.7rem; margin-bottom: 10px; font-weight: 700; position: relative; z-index: 1; }
        .header p { font-size: 1rem; opacity: 0.9; position: relative; z-index: 1; }
        .content-area { padding: 30px; }
        .hidden { display: none !important; }
        .btn { display: inline-block; padding: 12px 28px; border-radius: 50px; font-weight: 600; cursor: pointer; transition: var(--transition); border: none; text-align: center; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); margin: 10px 5px; }
        .btn-primary { background: var(--primary); color: white; }
        .btn-primary:hover { background: var(--primary-dark); transform: translateY(-2px); }
        .btn-success { background: var(--success); color: white; }
        .btn-success:hover { background: #1e8449; transform: translateY(-2px); }
        .btn-danger { background: var(--danger); color: white; }
        .btn-danger:hover { background: #a93226; transform: translateY(-2px); }
        .btn-level { background: var(--light); color: var(--dark); border: 2px solid var(--gray); font-size: 1.2rem; padding: 15px 30px; width: 200px; }
        .btn-level:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); }
        .btn-level.selected { background: var(--primary); color: white; border-color: var(--primary); }
        .btn-group { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 20px 0; }
        .level-buttons { display: flex; justify-content: center; gap: 20px; margin: 30px 0; 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(320px, 1fr)); gap: 15px; margin: 25px 0; max-height: 450px; overflow-y: auto; padding: 10px; border: 1px solid #eee; border-radius: 12px; background: #fffaf5; }
        .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; font-weight: 500; }
        .question { margin-bottom: 20px; page-break-inside: avoid; }
        .question-text { font-weight: 500; margin-bottom: 8px; font-size: 1rem; }
        .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; }
        .streak-container { display: flex; justify-content: center; align-items: center; margin: 20px 0; gap: 15px; flex-wrap: wrap; }
        .streak-counter { background: var(--success); color: white; padding: 10px 20px; border-radius: 50px; font-weight: bold; }
        .date-display { font-size: 1.1rem; font-weight: 600; color: var(--primary-dark); }
        .progress-container { margin: 20px 0; background: #f8f9fa; padding: 20px; border-radius: var(--border-radius); }
        .progress-bar { height: 10px; background: #e9ecef; border-radius: 5px; overflow: hidden; margin-top: 10px; }
        .progress-fill { height: 100%; background: var(--success); border-radius: 5px; transition: width 0.5s ease; }
        .problem-of-day { background: linear-gradient(135deg, #fff5f5, #fff0f6); border-left: 4px solid var(--danger); padding: 20px; margin: 20px 0; border-radius: var(--border-radius); }
        .daily-summary { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 15px; margin: 20px 0; }
        .summary-card { flex: 1; min-width: 120px; background: white; padding: 15px; border-radius: var(--border-radius); box-shadow: 0 4px 10px rgba(0,0,0,0.05); text-align: center; }
        .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); }
        .instructions { margin-bottom: 30px; padding: 20px; background: #fef5e7; border-radius: var(--border-radius); border-left: 5px solid var(--secondary); }
        .instructions ol { padding-left: 20px; margin-top: 10px; }
        @media (max-width: 768px) { .header h1 { font-size: 1.4rem; } .btn-level { width: 160px; font-size: 1rem; } .checkbox-container { grid-template-columns: 1fr; } }
        @media print { .action-buttons, .streak-container, .progress-container, .problem-of-day, .daily-summary, .home-icon { display: none; } }
        .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-daily-practice-problem-generator.html" class="home-icon" ><i class="fas fa-home"></i></a>
        <h1>UP TET Paper-II (भाषा प्रथम – हिन्दी)</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>आपकी प्रगति (UP TET हिन्दी)</h3>
                <div class="progress-bar"><div class="progress-fill" id="progressFill" style="width: 0%"></div></div>
                <p id="progressText">0% पूर्ण</p>
            </div>
            <div class="btn-group">
                <button class="btn btn-primary" id="problemOfDayBtn">दिन की विशेष समस्या</button>
                <button class="btn btn-success" id="customPracticeBtn">विषयवार कस्टम अभ्यास</button>
            </div>
        </div>
        <div id="subjectSelection" class="hidden">
            <h2 class="section-title">भाषा प्रथम – हिन्दी (UP TET)</h2>
            <div class="btn-group"><button class="btn btn-primary" id="selectHindiBtn">हिन्दी व्याकरण, रचना एवं शिक्षाशास्त्र</button></div>
        </div>
        <div id="topicSelection" class="hidden">
            <h2 class="section-title">अध्यायों का चयन करें (हिन्दी भाषा का समग्र पाठ्यक्रम)</h2>
            <form id="topicForm">
                <div class="checkbox-container" id="topicsContainer"></div>
            </form>
            <div class="btn-group">
                <button class="btn btn-danger" id="backToStartBtn">प्रारंभ पृष्ठ</button>
                <button class="btn btn-success" id="generateAssignmentBtn">अभ्यास सेट जनरेट करें</button>
            </div>
        </div>
        <div id="levelSelection" class="hidden">
            <h2 class="section-title">कठिनाई स्तर चुनें (TET परीक्षा स्तर)</h2>
            <p class="text-center">अपनी तैयारी के अनुसार स्तर चुनें:</p>
            <div class="level-buttons">
                <button class="btn btn-level" id="level1Btn">स्तर 1<br><small>मूलभूत व्याकरण एवं प्रयोग</small></button>
                <button class="btn btn-level" id="level2Btn">स्तर 2<br><small>मध्यम (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');
    
    const problemOfDayBtn = document.getElementById('problemOfDayBtn');
    const customPracticeBtn = document.getElementById('customPracticeBtn');
    const selectHindiBtn = document.getElementById('selectHindiBtn');
    const backToStartBtn = document.getElementById('backToStartBtn');
    const generateAssignmentBtn = document.getElementById('generateAssignmentBtn');
    const backToTopicsBtn = document.getElementById('backToTopicsBtn');
    const generateFinalBtn = document.getElementById('generateFinalBtn');
    const level1Btn = document.getElementById('level1Btn');
    const level2Btn = document.getElementById('level2Btn');
    const level3Btn = document.getElementById('level3Btn');
    const homeIcon = document.getElementById('homeIcon');
    
    const streakDays = document.getElementById('streakDays');
    const currentDate = document.getElementById('currentDate');
    const progressFill = document.getElementById('progressFill');
    const progressText = document.getElementById('progressText');
    
    // ======================== हिन्दी भाषा (प्रथम) – अध्यायवार प्रश्न डेटाबेस ========================
    const questions = {
        "अपठित अनुच्छेद (गद्यांश आधारित)": {
            level1: [{ question: "निम्नलिखित गद्यांश को पढ़कर उत्तर दें: 'स्वच्छता का महत्व जीवन में अत्यधिक है।' प्रस्तुत कथन में किस पर बल दिया गया है?", options: ["धन", "स्वास्थ्य", "शिक्षा", "स्वच्छता"], answer: "D" }],
            level2: [{ question: "अपठित अनुच्छेद पढ़ने के बाद उसका सारांश लिखने की क्षमता कहलाती है:", options: ["अनुवाद", "अवबोधन", "सृजनात्मकता", "अनुप्रयोग"], answer: "B" }]
        },
        "संज्ञा एवं भेद, सर्वनाम, विशेषण, क्रिया": {
            level1: [{ question: "'मोहन पुस्तक पढ़ रहा है' – वाक्य में 'पुस्तक' कौन सी संज्ञा है?", options: ["व्यक्तिवाचक", "जातिवाचक", "द्रव्यवाचक", "भाववाचक"], answer: "B" },
            { question: "'वह स्वयं आएगा' – सर्वनाम का कौन सा भेद है?", options: ["निजवाचक", "निश्चयवाचक", "अनिश्चयवाचक", "प्रश्नवाचक"], answer: "A" }],
            level2: [{ question: "'सुन्दर फूल' – में 'सुन्दर' कौन सा विशेषण है?", options: ["गुणवाचक", "संख्यावाचक", "परिमाणवाचक", "सार्वनामिक"], answer: "A" }],
            level3: [{ question: "'राम ने खाना खाया' – क्रिया का कौन सा भेद है?", options: ["अकर्मक", "सकर्मक", "द्विकर्मक", "प्रेरणार्थक"], answer: "B" }]
        },
        "वाच्य (कर्तृ, कर्म, भाववाच्य)": {
            level1: [{ question: "'राम द्वारा पुस्तक पढ़ी गई' – वाच्य का कौन सा रूप है?", options: ["कर्तृवाच्य", "कर्मवाच्य", "भाववाच्य", "प्रयोगवाच्य"], answer: "B" }],
            level2: [{ question: "'मुझसे उठा नहीं जाता' – वाच्य भेद है:", options: ["कर्तृवाच्य", "कर्मवाच्य", "भाववाच्य", "मिश्रित"], answer: "C" }]
        },
        "ध्वनियाँ, अनुस्वार, चन्द्रबिन्दु, र् के रूप": {
            level1: [{ question: "'गंगा' में किस वर्ण का प्रयोग हुआ है?", options: ["अनुस्वार", "चन्द्रबिन्दु", "विसर्ग", "उपध्मानीय"], answer: "A" }],
            level2: [{ question: "'हँसना' में किस चिह्न का प्रयोग है?", options: ["अनुस्वार", "चन्द्रबिन्दु", "विराम", "विसर्ग"], answer: "B" }]
        },
        "पर्यायवाची, विपरीतार्थक, अनेकार्थक शब्द": {
            level1: [{ question: "'अमृत' का पर्यायवाची शब्द है:", options: ["विष", "पानी", "सुधा", "अग्नि"], answer: "C" },
            { question: "'आय' का विलोम शब्द है:", options: ["व्यय", "लाभ", "हानि", "सुख"], answer: "A" }],
            level2: [{ question: "'सोना' का अनेकार्थी अर्थ नहीं है:", options: ["स्वर्ण", "नींद", "श्रेष्ठ", "कठोर"], answer: "D" }]
        },
        "अव्यय के भेद, वाक्य निर्माण (सरल, संयुक्त, मिश्रित)": {
            level1: [{ question: "'राम धीरे-धीरे चलता है' – 'धीरे-धीरे' कौन सा अव्यय है?", options: ["क्रियाविशेषण", "समुच्चयबोधक", "विस्मयादिबोधक", "संबंधबोधक"], answer: "A" }],
            level2: [{ question: "'वह आया और चला गया' – कैसा वाक्य है?", options: ["सरल", "संयुक्त", "मिश्रित", "संकीर्ण"], answer: "B" }]
        },
        "विराम चिह्न, वचन, लिंग, काल": {
            level1: [{ question: "वाक्य के अंत में कौन सा चिह्न लगता है?", options: ["अल्पविराम", "पूर्णविराम", "प्रश्नवाचक", "विस्मयादिबोधक"], answer: "B" }],
            level2: [{ question: "'लड़का खेल रहा था' – काल भेद है:", options: ["वर्तमान", "भूतकाल", "भविष्यत्", "पूर्ण भूत"], answer: "B" }]
        },
        "तत्सम, तद्भव, देशज, विदेशी, उपसर्ग, प्रत्यय": {
            level1: [{ question: "'आग' किस शब्द का तद्भव रूप है?", options: ["अग्नि", "अग्र", "जल", "वायु"], answer: "A" }],
            level2: [{ question: "'अभि' उपसर्ग से बना शब्द है:", options: ["अभिमान", "अभियान", "अभिनय", "सभी"], answer: "D" }]
        },
        "समास, समास विग्रह, सन्धि, अलंकार": {
            level1: [{ question: "'राजपुत्र' में कौन सा समास है?", options: ["तत्पुरुष", "द्वंद्व", "बहुव्रीहि", "कर्मधारय"], answer: "A" }],
            level2: [{ question: "'विद्यालय' की सन्धि है:", options: ["विद्या + आलय", "विद् + यालय", "वि + द्यालय", "विद्या + लय"], answer: "A" }],
            level3: [{ question: "'सागर-सा गंभीर' – अलंकार है:", options: ["उपमा", "रूपक", "अतिशयोक्ति", "उत्प्रेक्षा"], answer: "A" }]
        },
        "भाषा शिक्षण (अधिगम अर्जन, सिद्धान्त, चुनौतियाँ, कौशल)": {
            level1: [{ question: "भाषा अर्जन का अर्थ है:", options: ["स्वतः सीखना", "व्याकरण रटना", "लिखित अभ्यास", "परीक्षा देना"], answer: "A" }],
            level2: [{ question: "भाषा शिक्षण में मौखिक कौशल के अन्तर्गत आता है:", options: ["सुनना और बोलना", "पढ़ना और लिखना", "व्याकरण", "अनुवाद"], answer: "A" }],
            level3: [{ question: "'बहुभाषायी कक्षा' में भाषा शिक्षण की प्रमुख चुनौती है:", options: ["पाठ्यपुस्तक अभाव", "वैयक्तिक विविधता", "परीक्षा का दबाव", "शिक्षक अभाव"], answer: "B" }]
        },
        "उपचारात्मक अध्यापन, भाषा बोधगम्यता, मूल्यांकन": {
            level1: [{ question: "उपचारात्मक शिक्षण का उद्देश्य है:", options: ["त्रुटियों का निवारण", "नया पाठ पढ़ाना", "परीक्षा लेना", "गृहकार्य देना"], answer: "A" }],
            level2: [{ question: "भाषा प्रवीणता के मूल्यांकन हेतु सर्वोत्तम विधि है:", options: ["वस्तुनिष्ठ परीक्षा", "प्रोजेक्ट कार्य", "प्रयोगात्मक अभ्यास", "सतत एवं विविध मूल्यांकन"], answer: "D" }]
        },
        "मुहावरे एवं लोकोक्तियाँ": {
            level1: [{ question: "'आँखों का तारा' मुहावरे का अर्थ है:", options: ["प्रिय व्यक्ति", "शत्रु", "रोगी", "चालाक"], answer: "A" }],
            level2: [{ question: "'नाच न जाने आँगन टेढ़ा' का अर्थ है:", options: ["बहाना बनाना", "अपनी अक्षमता छिपाना", "दूसरों को दोष देना", "बड़ाई करना"], answer: "C" }]
        }
    };
    
    const finalTopicList = Object.keys(questions);
    let selectedTopics = [];
    let selectedLevel = null;
    let userProgress = { streak: 0, lastPracticeDate: null, totalProblemsSolved: 0, topicsCompleted: 0, totalTopics: finalTopicList.length };
    
    function loadUserProgress() {
        const saved = localStorage.getItem('upTetHindiProgress');
        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('upTetHindiProgress', JSON.stringify(userProgress)); }
    function updateUI() {
        streakDays.textContent = userProgress.streak;
        const today = new Date();
        currentDate.textContent = today.toLocaleDateString('hi-IN', { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' });
        const percent = Math.round((userProgress.topicsCompleted / userProgress.totalTopics) * 100);
        progressFill.style.width = `${percent}%`;
        progressText.textContent = `${percent}% पूर्ण`;
    }
    
    function getRandomQuestions(topicsArray, level, count) {
        let allQs = [];
        topicsArray.forEach(topic => {
            if (questions[topic] && questions[topic][`level${level}`]) {
                allQs = allQs.concat(questions[topic][`level${level}`]);
            }
        });
        if(allQs.length === 0) return [];
        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"><input type="checkbox" id="fullSyllabus" value="full"><label for="fullSyllabus"><strong>📖 संपूर्ण पाठ्यक्रम (हिन्दी भाषा समग्र)</strong></label></div>`;
        finalTopicList.forEach(topic => {
            container.innerHTML += `<div class="checkbox-item"><input type="checkbox" id="topic_${topic.replace(/\s/g, '')}" name="topic" value="${topic}"><label for="topic_${topic.replace(/\s/g, '')}">📖 ${topic}</label></div>`;
        });
        document.getElementById('fullSyllabus')?.addEventListener('change', (e) => {
            document.querySelectorAll('input[name="topic"]').forEach(cb => cb.disabled = e.target.checked);
        });
    }
    
    customPracticeBtn.addEventListener('click', () => { startScreen.classList.add('hidden'); subjectSelection.classList.remove('hidden'); });
    selectHindiBtn.addEventListener('click', () => { renderTopics(); subjectSelection.classList.add('hidden'); topicSelection.classList.remove('hidden'); });
    backToStartBtn.addEventListener('click', () => { topicSelection.classList.add('hidden'); startContainer.classList.remove('hidden'); startScreen.classList.remove('hidden'); updateUI(); });
    
    generateAssignmentBtn.addEventListener('click', () => {
        const full = document.getElementById('fullSyllabus')?.checked;
        if (full) selectedTopics = [...finalTopicList];
        else selectedTopics = Array.from(document.querySelectorAll('input[name="topic"]:checked')).map(cb => cb.value);
        if (selectedTopics.length === 0) { alert("कृपया कम से कम एक अध्याय चुनें या संपूर्ण पाठ्यक्रम चुनें!"); return; }
        topicSelection.classList.add('hidden');
        levelSelection.classList.remove('hidden');
    });
    backToTopicsBtn.addEventListener('click', () => { levelSelection.classList.add('hidden'); topicSelection.classList.remove('hidden'); });
    
    [level1Btn, level2Btn, level3Btn].forEach((btn, idx) => { btn.addEventListener('click', () => {
        [level1Btn, level2Btn, level3Btn].forEach(b => b.classList.remove('selected'));
        btn.classList.add('selected'); selectedLevel = idx+1;
    });});
    
    generateFinalBtn.addEventListener('click', () => {
        if (!selectedLevel) { alert("कृपया कठिनाई स्तर चुनें!"); return; }
        generateAssignment();
    });
    
    function generateAssignment() {
        startContainer.classList.add('hidden');
        levelSelection.classList.add('hidden');
        generatedPaperContainer.classList.remove('hidden');
        const topicNames = selectedTopics.join(", ");
        const mcqs = getRandomQuestions(selectedTopics, selectedLevel, 10);
        if(mcqs.length === 0) { alert("चयनित विषय/स्तर के लिए प्रश्न उपलब्ध नहीं, कृपया अन्य स्तर चुनें।"); backToStart(); return; }
        let paperContent = `
            <div class="header">
                <h2>UP TET Paper-II (भाषा प्रथम – हिन्दी)</h2>
                <h3>${selectedTopics.length === finalTopicList.length ? "संपूर्ण पाठ्यक्रम (व्याकरण + शिक्षण विधियाँ)" : topicNames.substring(0, 70)}</h3>
                <p>स्तर ${selectedLevel} - ${selectedLevel === 1 ? "आधारभूत" : selectedLevel === 2 ? "मध्यम (TET स्तर)" : "उन्नत (समालोचनात्मक)"}</p>
            </div>
            <div class="content-area">
                <div class="instructions"><p><strong>निर्देश:</strong></p><ol><li>इस सेट में 10 बहुविकल्पीय प्रश्न (हिन्दी व्याकरण, रचना एवं शिक्षण विधियाँ) हैं।</li><li>प्रत्येक प्रश्न के चार विकल्प हैं, केवल एक सही है।</li><li>अभ्यास 20 मिनट में पूरा करें।</li><li>उत्तर कुंजी से अपने उत्तरों का मिलान करें।</li><li>UP TET परीक्षा हेतु अत्यंत उपयोगी।</li></ol></div>
                <div class="question-section"><div class="section-heading" style="font-size:1.3rem; font-weight:bold; margin-bottom:20px;">✍️ हिन्दी भाषा अभ्यास प्रश्न</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>${mcqs[i].answer}</td>`;
            if (i+1 < mcqs.length) paperContent += `<td>${i+2}</td><td>${mcqs[i+1].answer}</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-plus-circle"></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 completedCount = 0;
        if (selectedTopics.length > 0 && !(selectedTopics.length === finalTopicList.length)) {
            selectedTopics.forEach(t => { if (finalTopicList.includes(t)) completedCount++; });
            userProgress.topicsCompleted = Math.max(userProgress.topicsCompleted, completedCount);
        } else if (selectedTopics.length === finalTopicList.length) userProgress.topicsCompleted = userProgress.totalTopics;
        saveUserProgress(); updateUI();
        alert("🎉 उत्तम! हिन्दी अभ्यास सत्र पूर्ण हुआ। आपकी प्रगति सहेजी गई। TET परीक्षा के लिए निरंतर अभ्यास जारी रखें।");
        backToStart();
    }
    
    function generateProblemOfDay() {
        const randomTopic = finalTopicList[Math.floor(Math.random() * finalTopicList.length)];
        const randomLevel = Math.floor(Math.random() * 3) + 1;
        selectedTopics = [randomTopic];
        selectedLevel = randomLevel;
        startContainer.classList.add('hidden');
        generatedPaperContainer.classList.remove('hidden');
        const mcqs = getRandomQuestions(selectedTopics, selectedLevel, 1);
        if(mcqs.length === 0) { backToStart(); alert("कृपया पुनः प्रयास करें"); return; }
        let paperContent = `
            <div class="header"><h2>UP TET हिन्दी (भाषा प्रथम)</h2><h3>✨ दिन की विशेष समस्या ✨</h3><p>${randomTopic} • स्तर ${randomLevel}</p></div>
            <div class="content-area"><div class="problem-of-day"><h3><i class="fas fa-chalkboard-teacher"></i> आज की TET चैलेंज</h3><p>अपने हिन्दी ज्ञान को निखारें और लगातार बनाए रखें!</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="instructions"><p><strong>विशेष निर्देश:</strong></p><ol><li>प्रश्न UP TET पैटर्न पर आधारित है।</li><li>5 मिनट में हल करें।</li><li>व्याकरण अथवा शिक्षण विधि से संबंधित।</li></ol></div>
            <div class="question-section"><div class="section-heading">🎯 आज का प्रश्न</div>`;
        mcqs.forEach(mcq => {
            paperContent += `<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>`;
        });
        paperContent += `</div><div class="answer-sheet"><h3 class="section-title">📖 समाधान एवं व्याख्या</h3>
        <p><strong>सही उत्तर:</strong> ${mcqs[0].answer}</p><p><strong>व्याख्या:</strong> यह प्रश्न '${randomTopic}' की महत्वपूर्ण अवधारणा पर आधारित है। UP TET परीक्षा में हिन्दी भाषा से समान प्रश्न पूछे जाते हैं।</p></div>
        <div class="action-buttons"><button class="btn btn-success" id="markCompleteBtn"><i class="fas fa-check"></i> पूर्ण चिह्नित करें</button>
        <button class="btn btn-primary" id="printBtn"><i class="fas fa-print"></i> प्रिंट करें</button>
        <button class="btn btn-danger" id="newAssignmentBtn"><i class="fas fa-home"></i> होम पेज</button></div></div>`;
        generatedPaperContainer.innerHTML = paperContent;
        document.getElementById('markCompleteBtn')?.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');
        topicSelection.classList.add('hidden');
        levelSelection.classList.add('hidden');
        subjectSelection.classList.add('hidden');
        startScreen.classList.remove('hidden');
        updateUI();
        selectedTopics = [];
        selectedLevel = null;
    }
    
    problemOfDayBtn.addEventListener('click', generateProblemOfDay);
    homeIcon.addEventListener('click', (e) => { e.preventDefault(); backToStart(); });
    document.addEventListener('DOMContentLoaded', () => { loadUserProgress(); });
</script>
</body>
</html>