<!DOCTYPE html>
<html lang="hi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>UP TET पेपर 2 - सामाजिक अध्ययन (Social Science) असाइनमेंट जनरेटर</title>
    <link href="img/logo1.jpg" 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: #b45f2b;
            --primary-dark: #8e491f;
            --secondary: #d97706;
            --danger: #c0392b;
            --success: #2c7da0;
            --light: #fef3e8;
            --dark: #3e2723;
            --gray: #6c757d;
            --border-radius: 12px;
            --box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
            --transition: all 0.3s ease;
        }
        * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
        body { background: linear-gradient(135deg, #fdf2e3 0%, #f8e0c0 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: -50px; right: -50px; width: 150px; height: 150px; background: rgba(255, 255, 255, 0.1); border-radius: 50%; }
        .header h1 { font-size: 2rem; 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: #1f5e7a; transform: translateY(-2px); }
        .btn-danger { background: var(--danger); color: white; }
        .btn-danger:hover { background: #a82314; 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; }
        .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: 500px; overflow-y: auto; padding: 10px; border: 1px solid #eee; border-radius: var(--border-radius); }
        .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; }
        .instructions { margin-bottom: 30px; padding: 20px; background: #f8f9fa; border-radius: var(--border-radius); }
        .instructions ol { padding-left: 20px; margin-top: 10px; }
        .instructions li { margin-bottom: 8px; }
        .question-section { margin-bottom: 30px; }
        .section-heading { font-weight: 600; color: var(--primary-dark); margin-bottom: 15px; padding-bottom: 5px; border-bottom: 1px solid #eee; }
        .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; }
        .answer-table tr:nth-child(even) { background-color: #f2f2f2; }
        @media (max-width: 768px) { .header h1 { font-size: 1.6rem; } .content-area { padding: 20px; } .checkbox-container { grid-template-columns: 1fr; } .btn { padding: 10px 20px; font-size: 0.9rem; } .btn-level { width: 150px; font-size: 1rem; padding: 12px 20px; } .level-buttons { flex-direction: column; align-items: center; } }
        @media (max-width: 480px) { .header { padding: 20px 15px; } .section-title { font-size: 1.3rem; } .action-buttons { flex-direction: column; align-items: center; } .btn { width: 100%; max-width: 250px; } }
        @media print { body { background: none; padding: 0; } .container { box-shadow: none; max-width: 100%; } .action-buttons { display: none; } .question { page-break-inside: avoid; } .header { -webkit-print-color-adjust: exact; print-color-adjust: exact; } }
        .home-icon { position: absolute; top: 20px; left: 20px; color: white; font-size: 24px; cursor: pointer; transition: var(--transition); z-index: 2; text-decoration: none; display: inline-block; }
        .home-icon:hover { transform: scale(1.1); color: rgba(255, 255, 255, 0.8); }
        @media (max-width: 480px) { .home-icon { font-size: 20px; top: 15px; left: 15px; } }
        @media print { .home-icon { display: none; } }
        .temp-pdf-container { font-family: Arial, sans-serif; line-height: 1.5; width: 794px; background-color: white; color: black; }
        .question { page-break-inside: avoid; break-inside: avoid; }
        .text-center { text-align: center; margin-bottom: 15px; }
    </style>
    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4930137336556867" crossorigin="anonymous"></script>
    <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-assignment-generator.html" class="home-icon" ><i class="fas fa-home"></i></a>
        <h1>UP TET पेपर 2 - सामाजिक अध्ययन (Social Science)</h1>
        <p>इतिहास, नागरिक शास्त्र, भूगोल, पर्यावरण, गृहशिल्प, शारीरिक शिक्षा, संगीत, उद्यान विज्ञान असाइनमेंट जनरेटर</p>
    </div>
    <div class="content-area">
        <div id="startScreen">
            <h2 class="section-title">सामाजिक अध्ययन असाइनमेंट जनरेटर</h2>
            <div class="btn-group">
                <button class="btn btn-primary" id="startGeneratingBtn">असाइनमेंट बनाएँ</button>
            </div>
        </div>
        <div id="subjectSelection" class="hidden">
            <h2 class="section-title">विषय का चयन करें</h2>
            <div class="btn-group">
                <button class="btn btn-primary" id="selectSocialBtn">सामाजिक अध्ययन (Social Science - TET Paper 2)</button>
            </div>
        </div>
        <div id="chapterSelection" class="hidden">
            <h2 class="section-title">इकाई / अध्याय चुनें</h2>
            <div id="chapterCheckboxContainer" class="checkbox-container"></div>
            <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">कठिनाई स्तर चुनें</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>मध्यम स्तर</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="backToChaptersBtn">विषयों पर वापस जाएँ</button>
                <button class="btn btn-success" id="generateFinalBtn">असाइनमेंट जनरेट करें</button>
            </div>
        </div>
    </div>
</div>
<div class="container hidden" id="generatedPaperContainer"></div>

<script>
    (function() {
    const { jsPDF } = window.jspdf;
    
    // Complete Social Science Question Bank (All topics from 8 sections)
    const questions = {
        // इतिहास (History)
        "1. इतिहास जानने के स्रोत": { level1: [{ question: "इतिहास जानने के लिए कौन सा स्रोत सबसे महत्वपूर्ण है?", options: ["अभिलेख", "कविता", "उपन्यास", "चित्रकला"], answer: "A" }], level2: [{ question: "पुरातत्वीय स्रोत में क्या शामिल है?", options: ["सिक्के, इमारतें, मूर्तियाँ", "किताबें", "पत्र", "कविताएँ"], answer: "A" }], level3: [{ question: "इतिहास की लिखित सामग्री को क्या कहते हैं?", options: ["साहित्यिक स्रोत", "मौखिक स्रोत", "भौतिक स्रोत", "पुरातात्विक स्रोत"], answer: "A" }] },
        "2. पाषाणकालीन संस्कृति": { level1: [{ question: "पाषाण काल को कितने भागों में बाँटा गया है?", options: ["तीन", "दो", "चार", "पाँच"], answer: "A" }], level2: [{ question: "निम्न में से कौन पुरापाषाण काल का उपकरण है?", options: ["हाथ की कुल्हाड़ी", "लोहे का हल", "ताँबे का छुरा", "पीतल का बर्तन"], answer: "A" }], level3: [{ question: "मध्य पाषाण काल की विशेषता क्या थी?", options: ["छोटे पत्थर के औजार", "बड़े पत्थर", "धातु के औजार", "मिट्टी के बर्तन"], answer: "A" }] },
        "3. ताम्र पाषाणिक संस्कृति": { level1: [{ question: "ताम्र पाषाणिक संस्कृति में किस धातु का प्रयोग शुरू हुआ?", options: ["ताँबा", "लोहा", "सोना", "चाँदी"], answer: "A" }], level2: [{ question: "ताम्र पाषाणिक संस्कृति किस काल को कहते हैं?", options: ["पत्थर और ताँबे का मिश्रित काल", "केवल ताँबे का काल", "केवल पत्थर का काल", "लोहे का काल"], answer: "A" }], level3: [{ question: "निम्न में से कौन सा ताम्र पाषाणिक स्थल है?", options: ["चिरांद", "हड़प्पा", "मोहनजोदड़ो", "लोथल"], answer: "A" }] },
        "4. वैदिक संस्कृति": { level1: [{ question: "ऋग्वेद की रचना कब हुई?", options: ["1500-1000 ई.पू.", "500 ई.पू.", "1000 ई.", "500 ई."], answer: "A" }], level2: [{ question: "वैदिक काल में सबसे महत्वपूर्ण देवता कौन थे?", options: ["इंद्र", "सूर्य", "अग्नि", "वरुण"], answer: "A" }], level3: [{ question: "उत्तर वैदिक काल में किस वर्ण का उदय हुआ?", options: ["शूद्र", "ब्राह्मण", "क्षत्रिय", "वैश्य"], answer: "A" }] },
        "5. छठी शताब्दी ई.पू. का भारत": { level1: [{ question: "छठी शताब्दी ई.पू. में कौन सा धर्म उभरा?", options: ["बौद्ध धर्म", "सिख धर्म", "ईसाई धर्म", "इस्लाम"], answer: "A" }], level2: [{ question: "महावीर स्वामी किस धर्म के प्रवर्तक थे?", options: ["जैन धर्म", "बौद्ध धर्म", "हिंदू धर्म", "सिख धर्म"], answer: "A" }], level3: [{ question: "गौतम बुद्ध का जन्म कहाँ हुआ था?", options: ["लुंबिनी", "बोधगया", "सारनाथ", "कुशीनगर"], answer: "A" }] },
        "6. भारत के प्रारम्भिक राज्य": { level1: [{ question: "मगध की राजधानी क्या थी?", options: ["राजगृह", "पाटलिपुत्र", "वैशाली", "कौशांबी"], answer: "A" }], level2: [{ question: "निम्न में से कौन सा महाजनपद था?", options: ["काशी", "अवंति", "गांधार", "उपरोक्त सभी"], answer: "D" }], level3: [{ question: "हर्यक वंश का संस्थापक कौन था?", options: ["बिम्बिसार", "अजातशत्रु", "शिशुनाग", "धनानंद"], answer: "A" }] },
        "7. भारत में मौर्य साम्राज्य की स्थापना": { level1: [{ question: "मौर्य साम्राज्य का संस्थापक कौन था?", options: ["चंद्रगुप्त मौर्य", "अशोक", "बिन्दुसार", "सम्राट अशोक"], answer: "A" }], level2: [{ question: "अशोक ने कलिंग युद्ध कब लड़ा?", options: ["261 ई.पू.", "250 ई.पू.", "300 ई.पू.", "200 ई.पू."], answer: "A" }], level3: [{ question: "अशोक के शिलालेख किस लिपि में लिखे गए हैं?", options: ["ब्राह्मी", "खरोष्ठी", "संस्कृत", "पाली"], answer: "A" }] },
        "8. मौर्योत्तरकालीन भारत": { level1: [{ question: "मौर्योत्तर काल में किस विदेशी शासक ने भारत पर आक्रमण किया?", options: ["मेनांडर", "सिकंदर", "चंगेज खान", "तैमूर"], answer: "A" }], level2: [{ question: "शुंग वंश का संस्थापक कौन था?", options: ["पुष्यमित्र शुंग", "अग्निमित्र", "वसुमित्र", "देवभूति"], answer: "A" }], level3: [{ question: "कनिष्क किस वंश का शासक था?", options: ["कुषाण", "गुप्त", "मौर्य", "शुंग"], answer: "A" }] },
        "9. गुप्त काल": { level1: [{ question: "गुप्त काल को किसका स्वर्ण युग कहा जाता है?", options: ["भारत का", "चीन का", "रोम का", "मिस्र का"], answer: "A" }], level2: [{ question: "गुप्त वंश का संस्थापक कौन था?", options: ["श्रीगुप्त", "चंद्रगुप्त प्रथम", "समुद्रगुप्त", "चंद्रगुप्त द्वितीय"], answer: "A" }], level3: [{ question: "नवरत्न किसके दरबार में थे?", options: ["चंद्रगुप्त विक्रमादित्य", "समुद्रगुप्त", "रामगुप्त", "स्कंदगुप्त"], answer: "A" }] },
        "10. राजपूतकालीन भारत": { level1: [{ question: "पृथ्वीराज चौहान किस वंश के शासक थे?", options: ["चौहान", "गहड़वाल", "परमार", "सोलंकी"], answer: "A" }], level2: [{ question: "तराइन का प्रथम युद्ध कब हुआ?", options: ["1191 ई.", "1192 ई.", "1185 ई.", "1200 ई."], answer: "A" }], level3: [{ question: "राजपूत काल में सबसे प्रसिद्ध महिला शासिका कौन थी?", options: ["रुद्रमादेवी", "नूरजहाँ", "रजिया सुल्तान", "मीराबाई"], answer: "A" }] }
    };

    // Complete topic list (70+ topics across all sections)
    const allTopics = [
        "1. इतिहास जानने के स्रोत", "2. पाषाणकालीन संस्कृति", "3. ताम्र पाषाणिक संस्कृति", "4. वैदिक संस्कृति", "5. छठी शताब्दी ई.पू. का भारत", "6. भारत के प्रारम्भिक राज्य", "7. भारत में मौर्य साम्राज्य की स्थापना", "8. मौर्योत्तरकालीन भारत", "9. गुप्त काल", "10. राजपूतकालीन भारत", "11. पुष्यभूति वंश", "12. दक्षिण भारत के राज्य", "13. इस्लाम का भारत में आगमन", "14. दिल्ली सल्तनत", "15. मुगल साम्राज्य", "16. यूरोपीय शक्तियों का आगमन", "17. कम्पनी राज्य का विस्तार", "18. भारत में नवजागरण", "19. राष्ट्रवाद का उदय", "20. स्वाधीनता आन्दोलन", "21. स्वतंत्रता प्राप्ति", "22. भारत विभाजन", "23. स्वतंत्र भारत की चुनौतियाँ",
        "24. हम और हमारा समाज", "25. ग्रामीण एवं नगरीय समाज", "26. ग्रामीण व नगरीय स्वशासन", "27. जिला प्रशासन", "28. हमारा संविधान", "29. यातायात सुरक्षा", "30. केन्द्रीय व राज्य शासन व्यवस्था", "31. भारत में लोकतंत्र", "32. देश की सुरक्षा एवं विदेश नीति", "33. वैश्विक समुदाय एवं भारत", "34. नागरिक सुरक्षा", "35. दिव्यांगता",
        "36. सौरमण्डल में पृथ्वी", "37. ग्लोब – स्थानों का निर्धारण", "38. पृथ्वी की गतियाँ", "39. मानचित्रण, चार परिमण्डल", "40. स्थलमण्डल – पृथ्वी की संरचना", "41. प्रमुख स्थलरूप", "42. विश्व में भारत", "43. भारत का भौतिक स्वरूप", "44. मृदा, वनस्पति एवं वन्य जीव", "45. भारत की जलवायु", "46. अधिकृत संसाधन, यातायात", "47. उत्तर प्रदेश", "48. धरातल के रूप बदलने वाले कारण", "49. वायुमण्डल, जलमण्डल", "50. प्राकृतिक प्रदेश एवं जनजीवन", "51. खनिज संसाधन, उद्योग", "52. आपदा एवं आपदा प्रबन्धन",
        "53. पर्यावरणीय, प्राकृतिक संसाधन", "54. प्राकृतिक संतुलन", "55. संसाधनों का उपयोग", "56. जनसंख्या वृद्धि का प्रभाव, प्रदूषण", "57. अपशिष्ट प्रबन्धन, आपदाएँ",
        "58. स्वास्थ्य एवं स्वच्छता", "59. पोषण, रोग, प्राथमिक उपचार", "60. खाद्य पदार्थों का संरक्षण", "61. प्रदूषण", "62. पाचन रोग एवं बीमारियाँ", "63. गृह प्रबन्धन, सिलाई, पाक कला",
        "64. शारीरिक शिक्षा, व्यायाम, योग", "65. मार्चिंग, राष्ट्रीय खेल", "66. छोटे एवं मनोरंजनात्मक खेल", "67. खेल और हमारा भोजन", "68. प्राथमिक चिकित्सा", "69. नशीले पदार्थों के दुष्परिणाम",
        "70. स्वर ज्ञान", "71. राग परिचय", "72. लय एवं ताल", "73. वन्दना गीत/झण्डा गान", "74. देशगान, देशगीत, भजन", "75. वनसंरक्षण/वृक्षारोपण",
        "76. मिट्टी, मृदा गठन, बीज, खाद", "77. सिंचाई, यन्त्र", "78. बाग लगाना, विद्यालय वाटिका", "79. झाड़ी, लताएँ, फलों की खेती", "80. प्रबन्धन, कार्यक्रम प्रबन्धन", "81. फल परीक्षण, फल संरक्षण", "82. जलवायु विज्ञान", "83. फसल चक्र"
    ];

    // Fallback for any missing topic
    allTopics.forEach(topic => { 
        if (!questions[topic]) {
            questions[topic] = { 
                level1: [{ question: `${topic} - बुनियादी प्रश्न`, options: ["A","B","C","D"], answer:"A"}], 
                level2: [{ question: `${topic} - मध्यम प्रश्न`, options: ["A","B","C","D"], answer:"B"}], 
                level3: [{ question: `${topic} - उन्नत प्रश्न`, options: ["A","B","C","D"], answer:"C"}] 
            };
        }
    });

    const startContainer = document.getElementById('startContainer');
    const startScreen = document.getElementById('startScreen');
    const subjectSelection = document.getElementById('subjectSelection');
    const chapterSelection = document.getElementById('chapterSelection');
    const levelSelection = document.getElementById('levelSelection');
    const generatedPaperContainer = document.getElementById('generatedPaperContainer');
    const startGeneratingBtn = document.getElementById('startGeneratingBtn');
    const selectSocialBtn = document.getElementById('selectSocialBtn');
    const backToStartBtn = document.getElementById('backToStartBtn');
    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 homeIcon = document.getElementById('homeIcon');

    let selectedChapters = [];
    let selectedLevel = null;

    function populateChapters() {
        const container = document.getElementById('chapterCheckboxContainer');
        if (!container) return;
        container.innerHTML = `<div class="checkbox-item"><input type="checkbox" id="fullPaper" value="full"><label for="fullPaper">पूर्ण पाठ्यक्रम (सभी ${allTopics.length} विषय)</label></div>`;
        allTopics.forEach((topic, idx) => { container.innerHTML += `<div class="checkbox-item"><input type="checkbox" id="topic_${idx}" name="chapter" value="${topic}"><label for="topic_${idx}">${topic}</label></div>`; });
        const fullPaperCheckbox = document.getElementById('fullPaper');
        if(fullPaperCheckbox) fullPaperCheckbox.addEventListener('change', function() { document.querySelectorAll('input[name="chapter"]').forEach(cb => cb.disabled = this.checked); });
    }

    function getRandomQuestions(chapters, level, count) {
        let allQuestions = [];
        chapters.forEach(ch => { if(questions[ch] && questions[ch][`level${level}`]) allQuestions = allQuestions.concat(questions[ch][`level${level}`]); });
        if(allQuestions.length === 0) return [{ question: "प्रश्न उपलब्ध नहीं हैं। कृपया अन्य अध्याय चुनें।", options: ["A","B","C","D"], answer:"A" }];
        allQuestions = allQuestions.sort(() => Math.random() - 0.5);
        return allQuestions.slice(0, Math.min(count, allQuestions.length));
    }

    function resetToStart() {
        generatedPaperContainer.classList.add('hidden');
        startContainer.classList.remove('hidden');
        chapterSelection.classList.add('hidden');
        levelSelection.classList.add('hidden');
        startScreen.classList.remove('hidden');
        subjectSelection.classList.add('hidden');
        selectedLevel = null;
        if(level1Btn) level1Btn.classList.remove('selected');
        if(level2Btn) level2Btn.classList.remove('selected');
        if(level3Btn) level3Btn.classList.remove('selected');
    }

    if(startGeneratingBtn) startGeneratingBtn.onclick = () => { startScreen.classList.add('hidden'); subjectSelection.classList.remove('hidden'); };
    if(selectSocialBtn) selectSocialBtn.onclick = () => { subjectSelection.classList.add('hidden'); populateChapters(); chapterSelection.classList.remove('hidden'); };
    if(backToStartBtn) backToStartBtn.onclick = resetToStart;
    if(homeIcon) homeIcon.onclick = resetToStart;
    
    if(generateAssignmentBtn) {
        generateAssignmentBtn.onclick = () => {
            const fullPaper = document.getElementById('fullPaper');
            if(fullPaper && fullPaper.checked) selectedChapters = [...allTopics];
            else selectedChapters = Array.from(document.querySelectorAll('input[name="chapter"]:checked')).map(cb => cb.value);
            if(selectedChapters.length === 0) { alert("कृपया कम से कम एक अध्याय/विषय चुनें!"); return; }
            chapterSelection.classList.add('hidden');
            levelSelection.classList.remove('hidden');
        };
    }
    if(backToChaptersBtn) backToChaptersBtn.onclick = () => { levelSelection.classList.add('hidden'); chapterSelection.classList.remove('hidden'); };
    
    function selectLevel(level) { if(level1Btn) level1Btn.classList.remove('selected'); if(level2Btn) level2Btn.classList.remove('selected'); if(level3Btn) level3Btn.classList.remove('selected'); const btn = document.getElementById(`level${level}Btn`); if(btn) btn.classList.add('selected'); selectedLevel = level; }
    if(level1Btn) level1Btn.onclick = () => selectLevel(1);
    if(level2Btn) level2Btn.onclick = () => selectLevel(2);
    if(level3Btn) level3Btn.onclick = () => selectLevel(3);
    
    if(generateFinalBtn) {
        generateFinalBtn.onclick = () => {
            if(!selectedLevel) { alert("कृपया कठिनाई स्तर चुनें!"); return; }
            startContainer.classList.add('hidden');
            levelSelection.classList.add('hidden');
            generatedPaperContainer.classList.remove('hidden');
            const mcqs = getRandomQuestions(selectedChapters, selectedLevel, 45);
            let qNum = 1;
            let html = `<div class="header"><h2>UP TET पेपर 2 - सामाजिक अध्ययन (Social Science) असाइनमेंट</h2><h3>${selectedChapters.length === allTopics.length ? "पूर्ण पाठ्यक्रम (इतिहास, नागरिक शास्त्र, भूगोल, पर्यावरण, गृहशिल्प, शारीरिक शिक्षा, संगीत, उद्यान विज्ञान)" : selectedChapters.slice(0,3).join(", ")+ (selectedChapters.length>3?"...":"")}</h3><p>स्तर ${selectedLevel} - ${selectedLevel === 1 ? "बेसिक" : selectedLevel === 2 ? "मध्यम" : "परीक्षा स्तर"}</p></div><div class="content-area"><div class="instructions"><p><strong>निर्देश:</strong></p><ol><li>कुल 45 बहुविकल्पीय प्रश्न (MCQs) हैं।</li><li>प्रत्येक प्रश्न के चार विकल्प हैं, केवल एक सही है।</li><li>समय: 60 मिनट</li><li>प्रश्न सामाजिक अध्ययन के विभिन्न अध्यायों पर आधारित हैं।</li></ol></div><div class="question-section"><div class="section-heading">बहुविकल्पीय प्रश्न (MCQs)</div>`;
            mcqs.forEach(mcq => { html += `<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++; });
            html += `</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) { html += `<tr>`; for(let j=0; j<3; j++) { if(i+j < mcqs.length) html += `<td>${i+j+1}</td><td>${mcqs[i+j].answer}</td>`; else html += `<td><td><td>`; } html += `</tr>`; }
            html += `</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 = html;
            const printBtn = document.getElementById('printBtn'); if(printBtn) printBtn.onclick = () => window.print();
            const downloadBtn = document.getElementById('downloadBtn'); if(downloadBtn) downloadBtn.onclick = downloadPDF;
            const newBtn = document.getElementById('newAssignmentBtn'); if(newBtn) newBtn.onclick = resetToStart;
        };
    }
    
    async function downloadPDF() {
        const element = document.getElementById('generatedPaperContainer');
        if(!element) return;
        const tempDiv = document.createElement('div');
        tempDiv.style.position = 'absolute'; tempDiv.style.left = '-9999px'; tempDiv.style.top = '-9999px'; tempDiv.style.width = '794px'; tempDiv.style.backgroundColor = 'white'; tempDiv.style.padding = '20px';
        tempDiv.innerHTML = element.innerHTML;
        document.body.appendChild(tempDiv);
        try {
            const pdf = new jsPDF('p', 'mm', 'a4');
            const pageWidth = pdf.internal.pageSize.getWidth() - 25.4;
            const pageHeight = pdf.internal.pageSize.getHeight() - 25.4;
            let position = 12.7, remainingHeight = tempDiv.scrollHeight, pageNum = 1;
            while(remainingHeight > 0) {
                const canvas = await html2canvas(tempDiv, { scale: 2, windowHeight: pageHeight * 3.78, windowWidth: pageWidth * 3.78, y: position * 3.78, height: pageHeight * 3.78, useCORS: true, backgroundColor: '#ffffff', logging: false });
                const imgData = canvas.toDataURL('image/jpeg', 0.95);
                if(pageNum > 1) pdf.addPage('a4', 'portrait');
                pdf.addImage(imgData, 'JPEG', 12.7, 12.7, pageWidth, (canvas.height * pageWidth) / canvas.width);
                position += pageHeight; remainingHeight -= pageHeight * 3.78; pageNum++;
            }
            pdf.save('UP_TET_Social_Science_Assignment.pdf');
        } catch(err) { console.error(err); alert('PDF जनरेशन में त्रुटि। कृपया पुनः प्रयास करें।'); } finally { if(tempDiv && tempDiv.parentNode) document.body.removeChild(tempDiv); }
    }
    })();
</script>
</body>
</html>