<!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='%23b3470c'%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: #b3470c;
            --primary-dark: #7b2e08;
            --secondary: #e67e22;
            --danger: #c0392b;
            --success: #2a9d8f;
            --light: #fef5e7;
            --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, #fdf0e0 0%, #f5e6d3 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: #1e7a6e; 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="selectSocialBtn">सामाजिक अध्ययन – इतिहास, नागरिक, भूगोल, पर्यावरण, गृहशिल्प, खेल, संगीत, उद्यान</button></div>
        </div>
        <div id="topicSelection" class="hidden">
            <h2 class="section-title">अध्यायों का चयन करें (UP TET सामाजिक अध्ययन पाठ्यक्रम)</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 selectSocialBtn = document.getElementById('selectSocialBtn');
    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');
    
    // ======================== सामाजिक अध्ययन (पेपर-II) – अध्यायवार प्रश्न डेटाबेस ========================
    const questions = {
        "इतिहास – प्राचीन भारत (स्रोत, पाषाण, वैदिक, मौर्य, गुप्त, राजपूत)": {
            level1: [{ question: "हड़प्पा सभ्यता किस युग से संबंधित है?", options: ["पाषाण युग", "ताम्रपाषाण युग", "लौह युग", "मध्य युग"], answer: "B" }],
            level2: [{ question: "चंद्रगुप्त मौर्य की सहायता किसने की?", options: ["चाणक्य", "बिन्दुसार", "अशोक", "रामगुप्त"], answer: "A" }],
            level3: [{ question: "गुप्त काल को किस नाम से जाना जाता है?", options: ["भारत का स्वर्ण युग", "अंधकार युग", "मध्यकाल", "आधुनिक काल"], answer: "A" }]
        },
        "इतिहास – मध्यकाल एवं आधुनिक (दिल्ली सल्तनत, मुगल, स्वतंत्रता संग्राम)": {
            level1: [{ question: "ताजमहल का निर्माण किस मुगल शासक ने करवाया?", options: ["अकबर", "जहाँगीर", "शाहजहाँ", "औरंगजेब"], answer: "C" }],
            level2: [{ question: "1857 के विद्रोह को किस नाम से जाना जाता है?", options: ["सिपाही विद्रोह", "पहला स्वतंत्रता संग्राम", "गदर", "उपरोक्त सभी"], answer: "D" }],
            level3: [{ question: "गांधी जी ने किस आंदोलन से असहयोग आंदोलन शुरू किया?", options: ["खिलाफत आंदोलन", "सविनय अवज्ञा", "भारत छोड़ो", "नमक सत्याग्रह"], answer: "A" }]
        },
        "नागरिक शास्त्र (संविधान, लोकतंत्र, प्रशासन, सुरक्षा)": {
            level1: [{ question: "भारत का संविधान कब लागू हुआ?", options: ["1947", "1950", "1951", "1949"], answer: "B" }],
            level2: [{ question: "ग्रामीण स्थानीय स्वशासन की इकाई क्या कहलाती है?", options: ["नगर निगम", "पंचायत समिति", "ग्राम पंचायत", "जिला परिषद"], answer: "C" }],
            level3: [{ question: "संसद के ऊपरी सदन को क्या कहते हैं?", options: ["लोकसभा", "राज्यसभा", "विधानसभा", "विधान परिषद"], answer: "B" }]
        },
        "भूगोल (भौतिक स्वरूप, जलवायु, संसाधन, उत्तर प्रदेश)": {
            level1: [{ question: "हिमालय की सर्वोच्च चोटी कौन सी है?", options: ["कंचनजंगा", "माउंट एवरेस्ट", "नंदा देवी", "अन्नपूर्णा"], answer: "B" }],
            level2: [{ question: "उत्तर प्रदेश की राजधानी क्या है?", options: ["आगरा", "लखनऊ", "कानपुर", "प्रयागराज"], answer: "B" }],
            level3: [{ question: "भारत में मानसून का मौसम किस कारण आता है?", options: ["हिमालय", "थार मरुस्थल", "हिंद महासागर से हवाएँ", "अरब सागर"], answer: "C" }]
        },
        "पर्यावरणीय अध्ययन (प्रदूषण, संसाधन, अपशिष्ट प्रबंधन)": {
            level1: [{ question: "विश्व पर्यावरण दिवस कब मनाया जाता है?", options: ["5 जून", "22 अप्रैल", "16 जुलाई", "5 सितंबर"], answer: "A" }],
            level2: [{ question: "ओजोन परत का क्षय किस गैस के कारण होता है?", options: ["CO₂", "CFC", "CH₄", "SO₂"], answer: "B" }],
            level3: [{ question: "निम्न में से कौन नवीकरणीय ऊर्जा स्रोत नहीं है?", options: ["सौर", "पवन", "कोयला", "जल"], answer: "C" }]
        },
        "गृहशिल्प/गृह विज्ञान (स्वास्थ्य, पोषण, प्राथमिक उपचार, पाक कला)": {
            level1: [{ question: "विटामिन C की कमी से कौन सा रोग होता है?", options: ["रिकेट्स", "स्कर्वी", "बेरीबेरी", "रतौंधी"], answer: "B" }],
            level2: [{ question: "खाद्य पदार्थों को संरक्षित करने की विधि नहीं है:", options: ["फ्रिज में रखना", "सुखाना", "नमक लगाना", "धूप में सेंकना"], answer: "D" }]
        },
        "शारीरिक शिक्षा एवं खेल (योग, राष्ट्रीय खेल, प्राथमिक चिकित्सा)": {
            level1: [{ question: "योग में प्राणायाम का संबंध किससे है?", options: ["शारीरिक व्यायाम", "श्वास नियंत्रण", "ध्यान", "आसन"], answer: "B" }],
            level2: [{ question: "राष्ट्रीय खेल पुरस्कार किसे दिया जाता है?", options: ["द्रोणाचार्य पुरस्कार", "राजीव गांधी खेल रत्न", "अर्जुन पुरस्कार", "द्रोणाचार्य"], answer: "C" }]
        },
        "संगीत (स्वर, राग, ताल, देशगान)": {
            level1: [{ question: "सप्तक में कितने शुद्ध स्वर होते हैं?", options: ["5", "7", "12", "8"], answer: "B" }],
            level2: [{ question: "राष्ट्रगान 'जन गण मन' की संगीत रचना किसने की?", options: ["रवींद्रनाथ टैगोर", "बंकिमचंद्र", "लता मंगेशकर", "विष्णु दिगंबर"], answer: "A" }]
        },
        "उद्यान विज्ञान एवं फल संरक्षण (मिट्टी, सिंचाई, बागवानी, फल संरक्षण)": {
            level1: [{ question: "जैम बनाने के लिए किसकी आवश्यकता होती है?", options: ["चीनी और फल", "नमक", "तेल", "मिर्च"], answer: "A" }],
            level2: [{ question: "सिंचाई का कौन सा तरीका जल की अधिकतम बचत करता है?", options: ["बाढ़ सिंचाई", "ड्रिप सिंचाई", "नहर", "कुआँ"], answer: "B" }],
            level3: [{ question: "फसल चक्र का मुख्य लाभ क्या है?", options: ["मिट्टी की उर्वरता बनाए रखना", "अधिक पानी", "कम श्रम", "कीटनाशक बचाना"], answer: "A" }]
        },
        "सामाजिक अध्ययन शिक्षण (Pedagogy)": {
            level1: [{ question: "सामाजिक अध्ययन शिक्षण का मुख्य उद्देश्य है:", options: ["तिथियाँ रटाना", "नागरिक चेतना विकसित करना", "मानचित्र बनाना", "परीक्षा में अच्छे अंक लाना"], answer: "B" }],
            level2: [{ question: "सामाजिक अध्ययन में प्रोजेक्ट विधि से क्या विकसित होता है?", options: ["रटने की क्षमता", "अनुसंधान एवं सहयोग कौशल", "केवल लिखावट", "व्याख्यान सुनना"], answer: "B" }]
        }
    };
    
    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('upTetSocialProgress');
        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('upTetSocialProgress', 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'); });
    selectSocialBtn.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("🎉 उत्कृष्ट! सामाजिक अध्ययन अभ्यास सत्र पूर्ण हुआ। UP 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-star-of-life"></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>प्रश्न 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>