Add a field to take assignment details - Follow Up Deployment

index.html

@@ -70,6 +70,19 @@
                         <input type="text" id="studentName" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
                     </div>
                 </div>
+                <!-- Assignment Details Form -->
+            <div id="studentInfoForm" class="mb-8">
+                <h2 class="text-xl font-semibold mb-4">Assignment Details</h2>
+                <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
+                    <div>
+                        <label for="courseName" class="block text-sm font-medium text-gray-700 mb-1">Course Name</label>
+                        <input type="text" id="courseName" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
+                    </div>
+                    <div>
+                        <label for="assignmentNumber" class="block text-sm font-medium text-gray-700 mb-1">Assignment Number</label>
+                        <input type="text" id="assignmentNumber" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
+                    </div>
+                </div>
                 <button id="startAssignmentBtn" class="bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700 transition">Start Assignment</button>
             </div>
 
@@ -136,6 +149,10 @@
                             <p class="text-sm text-gray-600">Full Name</p>
                             <p id="displayStudentName" class="font-medium"></p>
                         </div>
+                        <div class="md:col-span-2">
+                            <p class="text-sm text-gray-600">Assignment Details</p>
+                            <p id="displayAssignmentDetails" class="font-medium"></p>
+                        </div>
                     </div>
                 </div>
             </div>
@@ -214,9 +231,11 @@
         const assignmentArea = document.getElementById('assignmentArea');
         const rollNumberInput = document.getElementById('rollNumber');
         const studentNameInput = document.getElementById('studentName');
+        const assignmentDetailsInput = document.getElementById('assignmentDetails');
         const startAssignmentBtn = document.getElementById('startAssignmentBtn');
         const displayRollNumber = document.getElementById('displayRollNumber');
         const displayStudentName = document.getElementById('displayStudentName');
+        const displayAssignmentDetails = document.getElementById('displayAssignmentDetails');
         const languageSelect = document.getElementById('languageSelect');
         const charCount = document.getElementById('charCount');
         const submitAssignmentBtn = document.getElementById('submitAssignmentBtn');
@@ -323,9 +342,10 @@
             startAssignmentBtn.addEventListener('click', () => {
                 const rollNumber = rollNumberInput.value.trim();
                 const studentName = studentNameInput.value.trim();
+                const assignmentDetails = assignmentDetailsInput.value.trim();
                 
-                if (!rollNumber || !studentName) {
-                    alert('Please enter both roll number and name');
+                if (!rollNumber || !studentName || !assignmentDetails) {
+                    alert('Please enter all required fields');
                     return;
                 }
                 
@@ -333,6 +353,7 @@
                 studentInfoLocked = true;
                 displayRollNumber.textContent = rollNumber;
                 displayStudentName.textContent = studentName;
+                displayAssignmentDetails.textContent = assignmentDetails;
                 studentInfoForm.classList.add('hidden');
                 assignmentArea.classList.remove('hidden');
                 
@@ -449,6 +470,7 @@
             const assignmentData = {
                 rollNumber: displayRollNumber.textContent,
                 studentName: displayStudentName.textContent,
+                assignmentDetails: displayAssignmentDetails.textContent,
                 language: languageSelect.value,
                 content: editor.getValue(),
                 prompt: document.getElementById('assignmentPrompt').textContent,