Update index.html

index.html

@@ -166,9 +166,56 @@
           <option>30 minutes</option><option selected>45 minutes</option><option>60 minutes</option>
         </select>
       </div>
+      <div>
+        <label for="language">Language of Paper</label>
+        <select id="language" class="field">
+          <option value="">— Select —</option>
+          <option>English</option>
+          <option>Urdu</option>
+          <option>Bilingual</option>
+        </select>
+      </div>
+      <div>
+        <label for="bloom">Bloom's Taxonomy</label>
+        <select id="bloom" class="field">
+          <option value="no" selected>No</option>
+          <option value="yes">Yes (Varied Levels)</option>
+        </select>
+      </div>
+      <div>
+        <label for="bloomLevel">Bloom Level Emphasis (optional)</label>
+        <select id="bloomLevel" class="field">
+          <option value="">— Not specified —</option>
+          <option>Knowledge</option>
+          <option>Comprehension</option>
+          <option>Application</option>
+          <option>Analysis</option>
+          <option>Synthesis</option>
+          <option>Evaluation</option>
+          <option>Mixed/Varied</option>
+        </select>
+      </div>
+      <div>
+        <label for="mcqSelect">How many MCQs?</label>
+        <select id="mcqSelect" class="field">
+          <option value="">— Select —</option>
+          <option>10</option><option>15</option><option>20</option><option>25</option><option>30</option>
+        </select>
+      </div>
+      <div>
+        <label for="mcqCustom">Custom MCQs (optional)</label>
+        <input id="mcqCustom" class="field" type="number" min="1" step="1" placeholder="e.g., 18" />
+      </div>
+      <div>
+        <label for="difficulty">Difficulty (optional)</label>
+        <select id="difficulty" class="field">
+          <option value="">— Not specified —</option>
+          <option>Easy</option><option>Moderate</option><option>Hard</option><option>Mixed</option>
+        </select>
+      </div>
       <div style="grid-column:1/-1">
         <label for="topic">Topic (optional)</label>
-        <input id="topic" class="field" type="text" placeholder="Unit 2 (Dynamics)" />
+        <input id="topic" class="field" type="text" placeholder="Units 3–4" />
       </div>
     </div>
 
@@ -192,7 +239,12 @@
     const CUSTOM_GPT_URL = "https://chatgpt.com/g/g-68697e4c49508191b175d86830b34d85-eduassess-pro-smart-exam-paper-designer";
     const $ = (s)=>document.querySelector(s);
 
-    // Build plain-text prompt (NO stray code outside this function)
+    function normalizeInt(v){
+      const n = parseInt(v, 10);
+      return Number.isFinite(n) && n > 0 ? n : null;
+    }
+
+    // Build plain-text prompt
     function buildPrompt(){
       const grade = $('#grade').value;
       const subject = $('#subject').value;
@@ -201,9 +253,22 @@
       const questionType = $('#questionType').value;
       const duration = $('#duration').value;
       const topic = ($('#topic').value || '').trim();
+      const language = $('#language').value; // may be '' (not specified)
+      const bloom = $('#bloom').value; // 'yes' | 'no'
+      const bloomLevel = $('#bloomLevel').value; // '' or specific
+      const mcqSel = normalizeInt($('#mcqSelect').value);
+      const mcqCustom = normalizeInt($('#mcqCustom').value);
+      const mcqs = mcqCustom ?? mcqSel; // custom overrides select
+      const difficulty = $('#difficulty').value; // may be ''
 
       let p = `I need a ${testType} paper for ${grade} - ${subject}, Board: ${board}.`;
-      p += ` Question Type: ${questionType}. Duration: ${duration}.`;
+      p += ` Question Type: ${questionType}.`;
+      if(duration) p += ` Duration: ${duration}.`;
+      if(typeof mcqs === 'number') p += ` MCQs: ${mcqs}.`;
+      if(language) p += ` Language: ${language}.`;
+      if(bloom === 'yes') p += ` Include Bloom's taxonomy: Yes.`;
+      if(bloomLevel) p += ` Bloom emphasis: ${bloomLevel}.`;
+      if(difficulty) p += ` Difficulty: ${difficulty}.`;
       if(topic) p += ` Topic: ${topic}.`;
       return p;
     }
@@ -223,7 +288,7 @@
 
     $('#copy').addEventListener('click', async ()=>{
       const prompt = $('#output').textContent || buildPrompt();
-      // Try to open immediately (user gesture) — may be blocked by popup rules
+      // Try to open immediately (user gesture)
       const popup = window.open(CUSTOM_GPT_URL, '_blank', 'noopener,noreferrer');
       try{ await navigator.clipboard.writeText(prompt); }catch(e){}
       showToast(popup ? 'Copied & Opening GPT...' : 'Copied! Tap Open GPT');
@@ -231,7 +296,7 @@
       if(link){ link.style.display = 'inline-flex'; link.focus(); }
     });
 
-    // ===== Minimal tests (run once) =====
+    // ===== Minimal tests (keep old behavior intact) =====
     (function runTests(){
       const log = [];
       const save = {
@@ -241,10 +306,16 @@
         testType: $('#testType').value,
         questionType: $('#questionType').value,
         duration: $('#duration').value,
-        topic: $('#topic').value
+        topic: $('#topic').value,
+        language: $('#language').value,
+        bloom: $('#bloom').value,
+        bloomLevel: $('#bloomLevel').value,
+        mcqSelect: $('#mcqSelect').value,
+        mcqCustom: $('#mcqCustom').value,
+        difficulty: $('#difficulty').value
       };
 
-      // Test 1: Default selections, no topic
+      // Ensure new fields do NOT change legacy prompt when left blank/No
       $('#grade').value = 'Grade 9';
       $('#subject').value = 'Physics';
       $('#board').value = 'FBISE (Federal)';
@@ -252,30 +323,35 @@
       $('#questionType').value = 'MCQs';
       $('#duration').value = '45 minutes';
       $('#topic').value = '';
+      $('#language').value = '';
+      $('#bloom').value = 'no';
+      $('#bloomLevel').value = '';
+      $('#mcqSelect').value = '';
+      $('#mcqCustom').value = '';
+      $('#difficulty').value = '';
+
       let out = buildPrompt();
       const expected1 = 'I need a Formative paper for Grade 9 - Physics, Board: FBISE (Federal). Question Type: MCQs. Duration: 45 minutes.';
       console.assert(out === expected1, 'Test 1 failed', {out, expected1});
-      log.push((out === expected1 ? '✅' : '❌') + ' Test 1');
+      log.push((out === expected1 ? '✅' : '❌') + ' Test 1: legacy prompt unchanged');
 
-      // Test 2: With topic
+      // Test 2: With topic only
       $('#topic').value = 'Unit 2 (Dynamics)';
       out = buildPrompt();
       const expected2 = expected1 + ' Topic: Unit 2 (Dynamics).';
       console.assert(out === expected2, 'Test 2 failed', {out, expected2});
-      log.push((out === expected2 ? '✅' : '❌') + ' Test 2');
+      log.push((out === expected2 ? '✅' : '❌') + ' Test 2: topic appends');
 
-      // Test 3: Different selections
-      $('#grade').value = 'Grade 1';
-      $('#subject').value = 'Mathematics';
-      $('#board').value = 'PCTB (Punjab)';
-      $('#testType').value = 'Diagnostic';
-      $('#questionType').value = 'Short Questions';
-      $('#duration').value = '30 minutes';
-      $('#topic').value = 'Numbers';
+      // Test 3: New fields engaged
+      $('#language').value = 'English';
+      $('#bloom').value = 'yes';
+      $('#bloomLevel').value = 'Application';
+      $('#mcqSelect').value = '20';
+      $('#difficulty').value = 'Moderate';
       out = buildPrompt();
-      const expected3 = 'I need a Diagnostic paper for Grade 1 - Mathematics, Board: PCTB (Punjab). Question Type: Short Questions. Duration: 30 minutes. Topic: Numbers.';
+      const expected3 = expected2 + ' MCQs: 20. Language: English. Include Bloom\'s taxonomy: Yes. Bloom emphasis: Application. Difficulty: Moderate.';
       console.assert(out === expected3, 'Test 3 failed', {out, expected3});
-      log.push((out === expected3 ? '✅' : '❌') + ' Test 3');
+      log.push((out === expected3 ? '✅' : '❌') + ' Test 3: new fields appended');
 
       // Restore original values
       $('#grade').value = save.grade;
@@ -285,8 +361,13 @@
       $('#questionType').value = save.questionType;
       $('#duration').value = save.duration;
       $('#topic').value = save.topic;
+      $('#language').value = save.language;
+      $('#bloom').value = save.bloom;
+      $('#bloomLevel').value = save.bloomLevel;
+      $('#mcqSelect').value = save.mcqSelect;
+      $('#mcqCustom').value = save.mcqCustom;
+      $('#difficulty').value = save.difficulty;
 
-      // Optionally expose results (hidden element)
       const tl = document.getElementById('testlog');
       if(tl){ tl.textContent = log.join('\n'); }
     })();