<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Class XII Biology Sample Paper Generator</title>
    <link href="img/logo1.jpg" rel="icon">
    <!-- Add jsPDF library -->
    <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: #4361ee;
            --primary-dark: #3f37c9;
            --secondary: #4895ef;
            --danger: #f72585;
            --success: #4cc9f0;
            --light: #f8f9fa;
            --dark: #212529;
            --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, #f5f7fa 0%, #e2e8f0 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: 900px;
            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);
            box-shadow: 0 8px 15px rgba(67, 97, 238, 0.3);
        }

        .btn-success {
            background: var(--success);
            color: white;
        }

        .btn-success:hover {
            background: #3ab0d6;
            transform: translateY(-2px);
            box-shadow: 0 8px 15px rgba(76, 201, 240, 0.3);
        }

        .btn-danger {
            background: var(--danger);
            color: white;
        }

        .btn-danger:hover {
            background: #d3166b;
            transform: translateY(-2px);
            box-shadow: 0 8px 15px rgba(247, 37, 133, 0.3);
        }

        .btn-group {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 10px;
            margin: 20px 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(200px, 1fr));
            gap: 15px;
            margin: 25px 0;
        }

        .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.95rem;
        }

        .generated-paper {
            padding: 30px;
        }

        .paper-header {
            text-align: center;
            margin-bottom: 30px;
            border-bottom: 2px solid var(--primary);
            padding-bottom: 20px;
        }

        .paper-header h2 {
            color: var(--primary-dark);
            margin-bottom: 5px;
            font-size: 1.8rem;
        }

        .paper-header h3 {
            color: var(--gray);
            margin-bottom: 5px;
            font-size: 1.2rem;
            font-weight: 500;
        }

        .paper-meta {
            display: flex;
            justify-content: space-between;
            margin-bottom: 25px;
            padding-bottom: 15px;
            border-bottom: 1px solid #eee;
            font-weight: 500;
        }

        .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;
        }

        @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;
            }
            
            .paper-header h2 {
                font-size: 1.4rem;
            }
            
            .paper-header h3 {
                font-size: 1rem;
            }
        }

        @media (max-width: 480px) {
            .header {
                padding: 20px 15px;
            }
            
            .section-title {
                font-size: 1.3rem;
            }
            
            .paper-meta {
                flex-direction: column;
                gap: 10px;
            }
            
            .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;
            }
        }
    </style>
    
    <style>
        /* Ensure header styling is preserved */
        .header {
            background: linear-gradient(135deg, #4361ee, #3f37c9) !important;
            color: white !important;
            padding: 30px 20px !important;
            text-align: center !important;
            position: relative !important;
            overflow: hidden !important;
            width: 100% !important;
        }
        
        .header h1, .header h2, .header h3 {
            color: white !important;
            font-weight: bold !important;
        }
        
        .temp-pdf-container {
            font-family: Arial, sans-serif;
            line-height: 1.5;
        }
        
        .temp-pdf-container * {
            max-width: 100% !important;
            background-color: white !important;
            color: black !important;
        }
        
        /* Page break control */
        .question {
            page-break-inside: avoid;
            break-inside: avoid;
        }
        
        .question-section {
            page-break-after: auto;
        }
        
        @media print {
            body {
                margin: 0 !important;
                padding: 0 !important;
                background: white !important;
            }
            .container {
                width: 100% !important;
                margin: 0 !important;
                padding: 0 !important;
                box-shadow: none !important;
            }
            .header {
                -webkit-print-color-adjust: exact !important;
                print-color-adjust: exact !important;
            }
        }
         /* Home icon styles */
        .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);
            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;
            }
        }
    </style>
</head>
<body>
    <div class="container" id="startContainer">
        <div class="header">
        <!-- Home icon added here -->
            <a href="cbse-class-9-to-12-exam-paper-generator.html" class="home-icon">
                <i class="fas fa-home"></i>
            </a>
            <h1>Class XII Biology</h1>
            <p>Generate Customized Sample Papers</p>
        </div>
        
        <div class="content-area">
            <div id="startScreen">
                <h2 class="section-title">Biology Paper Generator</h2>
                <div class="btn-group">
                    <button class="btn btn-primary" onclick="showChapterSelection()">Start Generating</button>
                </div>
            </div>

            <div id="chapterSelection" class="hidden">
                <h2 class="section-title">Select Chapters for Biology</h2>
                <form id="chapterForm">
                    <div class="checkbox-container">
                        <div class="checkbox-item">
                            <input type="checkbox" id="fullPaper" name="chapter" value="Full Paper" onchange="toggleChapters()">
                            <label for="fullPaper">Full Paper (All Chapters)</label>
                        </div>
                        <div class="checkbox-item">
                            <input type="checkbox" id="chapter1" name="chapter" value="Chapter 1">
                            <label for="chapter1">1. Reproduction in organisms</label>
                        </div>
                        <div class="checkbox-item">
                            <input type="checkbox" id="chapter2" name="chapter" value="Chapter 2">
                            <label for="chapter2">2. Sexual reproduction in flowering plants</label>
                        </div>
                        <div class="checkbox-item">
                            <input type="checkbox" id="chapter3" name="chapter" value="Chapter 3">
                            <label for="chapter3">3. Human Reproduction</label>
                        </div>
                        <div class="checkbox-item">
                            <input type="checkbox" id="chapter4" name="chapter" value="Chapter 4">
                            <label for="chapter4">4. Reproductive health</label>
                        </div>
                        <div class="checkbox-item">
                            <input type="checkbox" id="chapter5" name="chapter" value="Chapter 5">
                            <label for="chapter5">5. Principles of Inheritance and Variation</label>
                        </div>
                        <div class="checkbox-item">
                            <input type="checkbox" id="chapter6" name="chapter" value="Chapter 6">
                            <label for="chapter6">6. Molecular basis of Inheritance</label>
                        </div>
                        <div class="checkbox-item">
                            <input type="checkbox" id="chapter7" name="chapter" value="Chapter 7">
                            <label for="chapter7">7. Evolution</label>
                        </div>
                        <div class="checkbox-item">
                            <input type="checkbox" id="chapter8" name="chapter" value="Chapter 8">
                            <label for="chapter8">8. Human Health and Disease</label>
                        </div>
                        <div class="checkbox-item">
                            <input type="checkbox" id="chapter9" name="chapter" value="Chapter 9">
                            <label for="chapter9">9. Strategies for Enhancement in Food Production</label>
                        </div>
                        <div class="checkbox-item">
                            <input type="checkbox" id="chapter10" name="chapter" value="Chapter 10">
                            <label for="chapter10">10. Microbes in human welfare</label>
                        </div>
                        <div class="checkbox-item">
                            <input type="checkbox" id="chapter11" name="chapter" value="Chapter 11">
                            <label for="chapter11">11. Biotechnology:Principles and processes</label>
                        </div>
                        <div class="checkbox-item">
                            <input type="checkbox" id="chapter12" name="chapter" value="Chapter 12">
                            <label for="chapter12">12. Biotechnology and its Applications</label>
                        </div>
                        <div class="checkbox-item">
                            <input type="checkbox" id="chapter13" name="chapter" value="Chapter 13">
                            <label for="chapter13">13. Organisms and Populations</label>
                        </div>
                        <div class="checkbox-item">
                            <input type="checkbox" id="chapter14" name="chapter" value="Chapter 14">
                            <label for="chapter14">14. Ecosystem</label>
                        </div>
                        <div class="checkbox-item">
                            <input type="checkbox" id="chapter15" name="chapter" value="Chapter 15">
                            <label for="chapter15">15. Biodiversity and its conservation</label>
                        </div>
                        <div class="checkbox-item">
                            <input type="checkbox" id="chapter16" name="chapter" value="Chapter 16">
                            <label for="chapter16">16. Environmental issues</label>
                        </div>
                    </div>
                </form>
                <div id="message" class="hidden"></div>
                <div class="btn-group">
                    <button class="btn btn-danger" onclick="backToStart()">Back to Start</button>
                    <button class="btn btn-success" onclick="promptSchoolName()">Generate Paper</button>
                </div>
            </div>
        </div>
    </div>

    <div class="container hidden" id="generatedPaperContainer"></div>

    <script>
        // Initialize jsPDF
        const { jsPDF } = window.jspdf;
        
        let schoolName = '';
        let questionCounter = 1;
        let sessionYear = '';

        const questions = {
            biology: {
                "Chapter 1": {
                    mcq: [ 
                        { question: "Which of the following is a method of asexual reproduction?", options: ["Binary fission", "Pollination", "Fertilization", "Syngamy"], answer: "Binary fission" },
                        { question: "The period from birth to natural death of an organism is called:", options: ["Life span", "Life cycle", "Reproductive phase", "Vegetative phase"], answer: "Life span" },
                        { question: "Which of these organisms shows oestrus cycle?", options: ["Monkeys", "Apes", "Humans", "Cows"], answer: "Cows" },
                        { question: "The process of formation of gametes is called:", options: ["Gametogenesis", "Embryogenesis", "Sporogenesis", "Parthenogenesis"], answer: "Gametogenesis" },
                        { question: "Which plant shows vegetative propagation by leaves?", options: ["Bryophyllum", "Potato", "Ginger", "Onion"], answer: "Bryophyllum" }
                    ],
                    assertion: [ 
                        { statement1: "Asexual reproduction involves only one parent.", statement2: "Asexual reproduction produces genetically identical offspring.", options: ["Both true", "Both false", "Only statement 1 is true", "Only statement 2 is true"], answer: "Both true" },
                        { statement1: "All organisms have similar life spans.", statement2: "Life span is genetically determined.", options: ["Both true", "Both false", "Only statement 1 is true", "Only statement 2 is true"], answer: "Only statement 2 is true" }
                    ],
                    twoMark: [ 
                        "Differentiate between asexual and sexual reproduction.",
                        "Why is reproduction essential for organisms?",
                        "What is vegetative propagation? Give two examples.",
                        "Explain the term 'clone' with reference to reproduction."
                    ],
                    threeMark: [ 
                        "Describe the different methods of asexual reproduction with examples.",
                        "Explain the different phases in the life cycle of an organism.",
                        "Compare and contrast oestrus cycle with menstrual cycle."
                    ],
                    fiveMark: [ 
                        "Explain various modes of asexual reproduction in organisms with suitable examples.",
                        "Discuss the significance of reproduction in organisms.",
                        "Describe the different reproductive phases in the life of an organism."
                    ],
                    caseStudy: [ 
                        { case: "A farmer observed that some plants in his field were producing exact copies of themselves without flowers or seeds. He was curious about how this was happening.", questions: ["What type of reproduction is this?", "Name two plants that show this type of reproduction.", "What are the advantages of this type of reproduction?"] }
                    ]
                },
                "Chapter 2": {
                    mcq: [ 
                        { question: "The male gametophyte in angiosperms is represented by:", options: ["Anther", "Pollen grain", "Microspore mother cell", "Embryo sac"], answer: "Pollen grain" },
                        { question: "The innermost layer of anther wall is:", options: ["Epidermis", "Endothecium", "Tapetum", "Middle layers"], answer: "Tapetum" },
                        { question: "Which of these is a condition where both male and female flowers are present on the same plant?", options: ["Monoecious", "Dioecious", "Bisexual", "Unisexual"], answer: "Monoecious" },
                        { question: "The female gametophyte in angiosperms is:", options: ["Embryo sac", "Ovule", "Megaspore mother cell", "Nucellus"], answer: "Embryo sac" },
                        { question: "Double fertilization involves:", options: ["Fusion of two male gametes with one egg", "Fusion of one male gamete with two polar nuclei", "Fusion of one male gamete with egg and another with secondary nucleus", "Fusion of two male gametes with two polar nuclei"], answer: "Fusion of one male gamete with egg and another with secondary nucleus" }
                    ],
                    assertion: [ 
                        { statement1: "Pollen grains can cause allergies.", statement2: "Pollen grains are rich in nutrients.", options: ["Both true", "Both false", "Only statement 1 is true", "Only statement 2 is true"], answer: "Both true" },
                        { statement1: "All flowers are bisexual.", statement2: "Bisexual flowers have both androecium and gynoecium.", options: ["Both true", "Both false", "Only statement 1 is true", "Only statement 2 is true"], answer: "Only statement 2 is true" }
                    ],
                    twoMark: [ 
                        "What is the function of tapetum in anther?",
                        "Differentiate between microsporogenesis and megasporogenesis.",
                        "What is triple fusion?",
                        "Give two advantages of seeds to angiosperms."
                    ],
                    threeMark: [ 
                        "Describe the structure of a mature pollen grain.",
                        "Explain the process of double fertilization in angiosperms.",
                        "Draw a labeled diagram of a typical anatropous ovule."
                    ],
                    fiveMark: [ 
                        "Explain the development of male gametophyte in angiosperms.",
                        "Describe the process of embryo development in dicot plants.",
                        "Discuss the significance of pollination and fertilization in flowering plants."
                    ],
                    caseStudy: [ 
                        { case: "A student observed that when she transferred pollen from one flower to another of the same species, seeds were formed. But when she did the same between flowers of different species, no seeds were formed.", questions: ["What process was the student performing?", "Why did seeds form in the first case but not in the second?", "What would be the genetic nature of the offspring produced in the first case?"] }
                    ]
                },
                // ... (other chapters follow similar pattern with updated content)
                "Chapter 16": {
                    mcq: [ 
                        { question: "Which of these is a greenhouse gas?", options: ["Carbon dioxide", "Oxygen", "Nitrogen", "Hydrogen"], answer: "Carbon dioxide" },
                        { question: "The 'Jhum cultivation' is a practice of:", options: ["Shifting agriculture", "Organic farming", "Hydroponics", "Tissue culture"], answer: "Shifting agriculture" },
                        { question: "Which of these is not a cause of water pollution?", options: ["Industrial effluents", "Sewage", "Deforestation", "Oil spills"], answer: "Deforestation" },
                        { question: "The 'Chipko Movement' was related to:", options: ["Water conservation", "Forest conservation", "Wildlife protection", "Soil conservation"], answer: "Forest conservation" },
                        { question: "Which of these is a method to control air pollution?", options: ["Electrostatic precipitators", "Incinerators", "Landfills", "Composting"], answer: "Electrostatic precipitators" }
                    ],
                    assertion: [ 
                        { statement1: "Deforestation leads to loss of biodiversity.", statement2: "Forests are home to many species.", options: ["Both true", "Both false", "Only statement 1 is true", "Only statement 2 is true"], answer: "Both true" },
                        { statement1: "All waste can be recycled.", statement2: "Recycling reduces environmental pollution.", options: ["Both true", "Both false", "Only statement 1 is true", "Only statement 2 is true"], answer: "Only statement 2 is true" }
                    ],
                    twoMark: [ 
                        "What are the harmful effects of deforestation?",
                        "Give two methods to control vehicular air pollution.",
                        "What is eutrophication?",
                        "Name two greenhouse gases."
                    ],
                    threeMark: [ 
                        "Explain the causes and effects of global warming.",
                        "Describe the methods of solid waste management.",
                        "What is ozone layer depletion? How is it caused?"
                    ],
                    fiveMark: [ 
                        "Discuss the causes, effects and control measures of air pollution.",
                        "Explain the importance of sustainable management of natural resources.",
                        "Describe the various methods of water conservation."
                    ],
                    caseStudy: [ 
                        { case: "A lake in a city was found to have excessive growth of algae and aquatic plants. The fish population in the lake started decreasing and the water became unfit for drinking.", questions: ["What is this phenomenon called?", "What causes this condition?", "Suggest two methods to prevent this problem."] }
                    ]
                }
            }
        };

        function getRandomQuestions(selectedChapters, type, count) {
            let allQuestions = [];

            if (selectedChapters.includes("Full Paper")) {
                for (let chapter in questions.biology) {
                    if (questions.biology[chapter][type]) {
                        allQuestions = allQuestions.concat(questions.biology[chapter][type]);
                    }
                }
            } else {
                selectedChapters.forEach(chapter => {
                    if (questions.biology[chapter] && questions.biology[chapter][type]) {
                        allQuestions = allQuestions.concat(questions.biology[chapter][type]);
                    }
                });
            }

            allQuestions = allQuestions.sort(() => Math.random() - 0.5);
            return allQuestions.slice(0, count);
        }

        function showChapterSelection() {
            document.getElementById('startScreen').classList.add('hidden');
            document.getElementById('chapterSelection').classList.remove('hidden');
        }

        function toggleChapters() {
            const fullPaperCheckbox = document.getElementById('fullPaper');
            const checkboxes = document.querySelectorAll('input[name="chapter"]:not(#fullPaper)');
            checkboxes.forEach(cb => cb.disabled = fullPaperCheckbox.checked);
        }

        function backToStart() {
            document.getElementById('generatedPaperContainer').classList.add('hidden');
            document.getElementById('startContainer').classList.remove('hidden');
            document.getElementById('chapterSelection').classList.add('hidden');
            document.getElementById('startScreen').classList.remove('hidden');
            questionCounter = 1;
        }

        function promptSchoolName() {
            schoolName = prompt("Write your school/institute name").toUpperCase();
            if (!schoolName) {
                alert("School/Institute name is required!");
            } else {
                promptSession();
            }
        }

        function promptSession() {
            sessionYear = prompt("Enter the academic session (e.g., 2023-24)").toUpperCase();
            if (!sessionYear) {
                alert("Academic session is required!");
            } else {
                generatePaper();
            }
        }

        function generatePaper() {
            document.getElementById('startContainer').classList.add('hidden');
            const generatedPaperContainer = document.getElementById('generatedPaperContainer');
            generatedPaperContainer.classList.remove('hidden');
            generatedPaperContainer.innerHTML = '';
            
            let paperContent = `
                <div class="header">
                    <h2>${schoolName}</h2>
                </div>
                <div class="content-area">
                    <div class="paper-header">
                        <h3>BIOLOGY-044</h3>
                        <h3>CLASS - XII</h3>
                        <h3>Session: ${sessionYear}</h3>
                    </div>
                    <div class="paper-meta">
                        <div>Maximum Marks: 70</div>
                        <div>Time Allowed: 3 hours</div>
                    </div>
                    <div class="instructions">
                        <p><strong>General Instructions:</strong></p>
                        <p>Read the following instructions carefully and follow them:</p>
                        <ol>
                            <li>All questions are compulsory.</li>
                            <li>The question paper has five sections and 33 questions.</li>
                            <li>Section–A has 16 questions of 1 mark each; Section–B has 5 questions of 2 marks each; Section–C has 7 questions of 3 marks each; Section–D has 2 case-based questions of 4 marks each; and Section–E has 3 questions of 5 marks each.</li>
                            <li>There is no overall choice. However, internal choices have been provided in some questions. A student has to attempt only one of the alternatives in such questions.</li>
                            <li>Wherever necessary, neat and properly labeled diagrams should be drawn.</li>
                        </ol>
                    </div>
            `;

            const selectedChapters = document.getElementById('fullPaper').checked 
                ? ["Full Paper"] 
                : Array.from(document.querySelectorAll('input[name="chapter"]:checked')).map(cb => cb.value);

            // Section A - MCQs
            const mcqs = getRandomQuestions(selectedChapters, 'mcq', 12);
            paperContent += `
                <div class="question-section">
                    <h4 class="section-heading">Section A - Multiple Choice Questions (1 mark each)</h4>
                    <p>Question 1 to 12 are multiple choice questions. Only one of the choices is correct. Select and write the correct choice as well as the answer to these questions.</p>
            `;
            mcqs.forEach((q, i) => {
                paperContent += `
                    <div class="question">
                        <p class="question-text">${questionCounter++}. ${q.question}</p>
                        ${q.options.map((opt, j) => 
                            `<p class="option">${String.fromCharCode(65 + j)}. ${opt}</p>`
                        ).join('')}
                    </div>
                `;
            });

            // Section A - Assertion Reasoning
            const assertions = getRandomQuestions(selectedChapters, 'assertion', 4);
            paperContent += `
                    <h4 class="section-heading" style="margin-top: 30px;">Section A - Assertion Reasoning Questions (1 mark each)</h4>
                    <p>Question No. 13 to 16 consist of two statements – Assertion (A) and Reason (R). Answer these questions by selecting the appropriate option given below:</p>
                    <p>A. Both A and R are true and R is the correct explanation of A.<br>
                    B. Both A and R are true and R is not the correct explanation of A.<br>
                    C. A is true but R is false.<br>
                    D. A is False but R is true.</p>
            `;
            assertions.forEach((q, i) => {
                paperContent += `
                    <div class="question">
                        <p class="question-text">${questionCounter++}. <b>Assertion</b>: ${q.statement1}</p>
                        <p class="option"><b>Reason</b>: ${q.statement2}</p>
                        ${q.options.map((opt, j) => 
                            `<p class="option">${String.fromCharCode(65 + j)}. ${opt}</p>`
                        ).join('')}
                    </div>
                `;
            });

            // Section B - 2 marks
            const twoMarks = getRandomQuestions(selectedChapters, 'twoMark', 5);
            paperContent += `
                </div>
                <div class="question-section">
                    <h4 class="section-heading">Section B - Short Answer Questions (2 marks each)</h4>
                    <p>Question No. 17 to 21 are short answer questions</p>
            `;
            twoMarks.forEach(q => {
                paperContent += `
                    <div class="question">
                        <p class="question-text">${questionCounter++}. ${q}</p>
                    </div>
                `;
            });

            // Section C - 3 marks
            const threeMarks = getRandomQuestions(selectedChapters, 'threeMark', 7);
            paperContent += `
                </div>
                <div class="question-section">
                    <h4 class="section-heading">Section C - Short Answer Questions (3 marks each)</h4>
                    <p>Question No. 22 to 28 are short answer questions</p>
            `;
            threeMarks.forEach(q => {
                paperContent += `
                    <div class="question">
                        <p class="question-text">${questionCounter++}. ${q}</p>
                    </div>
                `;
            });

            // Section D - Case Studies (4 marks)
            const caseStudies = getRandomQuestions(selectedChapters, 'caseStudy', 2);
            paperContent += `
                </div>
                <div class="question-section">
                    <h4 class="section-heading">Section D - Case Study Based Questions (4 marks each)</h4>
                    <p>Question No. 29 to 30 are case-based questions.</p>
            `;
            caseStudies.forEach(cs => {
                paperContent += `
                    <div class="question">
                        <p class="question-text">${questionCounter++}. ${cs.case}</p>
                        ${cs.questions.map((subQ, j) => 
                            `<p class="option">${j + 1}. ${subQ}</p>`
                        ).join('')}
                    </div>
                `;
            });

            // Section E - 5 marks
            const fiveMarks = getRandomQuestions(selectedChapters, 'fiveMark', 3);
            paperContent += `
                </div>
                <div class="question-section">
                    <h4 class="section-heading">Section E - Long Answer Questions (5 marks each)</h4>
                    <p>Question No. 31 to 33 are long answer questions</p>
            `;
            fiveMarks.forEach(q => {
                paperContent += `
                    <div class="question">
                        <p class="question-text">${questionCounter++}. ${q}</p>
                    </div>
                `;
            });

            // Add buttons below the generated paper
            paperContent += `
                    </div>
                    <div class="action-buttons">
                        <button class="btn btn-primary" onclick="downloadPDF()">Download as PDF</button>
                        <button class="btn btn-success" onclick="window.print()">Print</button>
                        <button class="btn btn-danger" onclick="backToStart()">Back to Start</button>
                    </div>
                </div>
            `;

            generatedPaperContainer.innerHTML = paperContent;
        }

        async function downloadPDF() {
            const element = document.getElementById('generatedPaperContainer');
            
            // Create a temporary div with optimized settings
            const tempDiv = document.createElement('div');
            tempDiv.style.position = 'absolute';
            tempDiv.style.left = '-9999px';
            tempDiv.style.width = '794px'; // A4 width in pXels (210mm)
            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; // 0.5" margins
                const pageHeight = pdf.internal.pageSize.getHeight() - 25.4;
                
                // Split content into pages
                let position = 12.7; // Start with 0.5" top margin
                let remainingHeight = tempDiv.scrollHeight;
                let pageNum = 1;
                
                while (remainingHeight > 0) {
                    // Capture the current page section
                    const canvas = await html2canvas(tempDiv, {
                        scale: 2,
                        windowHeight: pageHeight * 3.78, // mm to px
                        windowWidth: pageWidth * 3.78,
                        y: position * 3.78, // mm to px
                        height: pageHeight * 3.78,
                        useCORS: true,
                        backgroundColor: '#ffffff',
                        logging: false
                    });

                    const imgData = canvas.toDataURL('image/jpeg', 0.92);
                    
                    // Add page to PDF
                    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; // px
                    pageNum++;
                }

                document.body.removeChild(tempDiv);
                pdf.save(`${schoolName}_Science_Paper.pdf`);
                
            } catch (error) {
                console.error('PDF generation error:', error);
                alert('Error generating PDF. Please try again.');
                document.body.removeChild(tempDiv);
            }
        }
    </script>
</body>
</html>