Update app.py

app.py

@@ -1652,8 +1652,11 @@ HTML_TEMPLATE = """
             <form id="mcqForm">
                 <div class="form-group">
                     <label>📚 Select Subject</label>
-                    <input type="text" id="subjectDisplay" value="Biology" readonly style="background: #f8f9fa; cursor: not-allowed;">
-                    <input type="hidden" id="subject" value="biology">
+                    <select id="subject">
+                        <option value="biology">Biology</option>
+                        <option value="chemistry">Chemistry</option>
+                        <option value="physics">Physics</option>
+                    </select>
                 </div>
 
                 <div class="form-group">
@@ -1665,26 +1668,26 @@ HTML_TEMPLATE = """
                         <div class="mcq-count-wrapper">
                             <label style="font-size: 0.9em; margin-bottom: 5px;">🔢 MCQs</label>
                             <select id="numQuestions">
-                                <option value="1">1</option>
-                                <option value="2">2</option>
-                                <option value="3">3</option>
-                                <option value="4">4</option>
-                                <option value="5" selected>5</option>
-                                <option value="6">6</option>
-                                <option value="7">7</option>
-                                <option value="8">8</option>
-                                <option value="9">9</option>
-                                <option value="10">10</option>
-                                <option value="11">11</option>
-                                <option value="12">12</option>
-                                <option value="13">13</option>
-                                <option value="14">14</option>
-                                <option value="15">15</option>
-                                <option value="16">16</option>
-                                <option value="17">17</option>
-                                <option value="18">18</option>
-                                <option value="19">19</option>
-                                <option value="20">20</option>
+                                <option value="1">1 MCQ</option>
+                                <option value="2">2 MCQs</option>
+                                <option value="3">3 MCQs</option>
+                                <option value="4">4 MCQs</option>
+                                <option value="5" selected>5 MCQs</option>
+                                <option value="6">6 MCQs</option>
+                                <option value="7">7 MCQs</option>
+                                <option value="8">8 MCQs</option>
+                                <option value="9">9 MCQs</option>
+                                <option value="10">10 MCQs</option>
+                                <option value="11">11 MCQs</option>
+                                <option value="12">12 MCQs</option>
+                                <option value="13">13 MCQs</option>
+                                <option value="14">14 MCQs</option>
+                                <option value="15">15 MCQs</option>
+                                <option value="16">16 MCQs</option>
+                                <option value="17">17 MCQs</option>
+                                <option value="18">18 MCQs</option>
+                                <option value="19">19 MCQs</option>
+                                <option value="20">20 MCQs</option>
                             </select>
                         </div>
                     </div>
@@ -1713,8 +1716,7 @@ HTML_TEMPLATE = """
     <script>
         // Subject tab switching
         const tabs = document.querySelectorAll('.subject-tab');
-        const subjectInput = document.getElementById('subject');
-        const subjectDisplay = document.getElementById('subjectDisplay');
+        const subjectSelect = document.getElementById('subject');
 
         tabs.forEach(tab => {
             tab.addEventListener('click', () => {
@@ -1722,8 +1724,7 @@ HTML_TEMPLATE = """
                 tab.classList.add('active');
                 
                 const subject = tab.dataset.subject;
-                subjectInput.value = subject;
-                subjectDisplay.value = subject.charAt(0).toUpperCase() + subject.slice(1);
+                subjectSelect.value = subject;
             });
         });