updates

static/index.html

@@ -10,6 +10,22 @@
       <form action="/sepsis/predict" method="get">
         <label for="PRG">PRG:</label>
         <input type="number" name="PRG" step="any" required><br>
+        <label for="PL">PL:</label>
+        <input type="number" name="PL" step="any" required><br>
+        <label for="PR">PR:</label>
+        <input type="number" name="PR" step="any" required><br>
+        <label for="SK">SK:</label>
+        <input type="number" name="SK" step="any" required><br>
+        <label for="TS">TS:</label>
+        <input type="number" name="TS" step="any" required><br>
+        <label for="M11">M11:</label>
+        <input type="number" name="M11" step="any" required><br>
+        <label for="BD2">BD2:</label>
+        <input type="number" name="BD2" step="any" required><br>
+        <label for="Age">Age:</label>
+        <input type="number" name="Age" step="any" required><br>
+        <label for="Insurance">Insurance:</label>
+        <input type="number" name="Insurance" step="any" required><br>
         <!-- Add other input fields for PL, PR, SK, TS, M11, BD2, Age, Insurance -->
 
         <button type="submit">Submit</button>

static/script.js

@@ -0,0 +1,39 @@
+document.addEventListener('DOMContentLoaded', () => {
+    const form = document.querySelector('.text-gen-form');
+    const input = document.getElementById('text-gen-input');
+    const output = document.querySelector('.text-gen-output');
+  
+    form.addEventListener('submit', async (e) => {
+      e.preventDefault();
+  
+      const textPrompt = input.value.trim();
+  
+      if (textPrompt) {
+        try {
+          const response = await fetch('/sepsis/predict', {
+            method: 'GET',
+            headers: {
+              'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({ textPrompt }),
+          });
+  
+          const data = await response.json();
+  
+          if (response.ok) {
+            const { predicted_sepsis, statement, user_input_statement } = data;
+  
+            // Update the output element with the predicted sepsis status and statement
+            output.textContent = `${user_input_statement}\n\n${statement}`;
+          } else {
+            output.textContent = 'Error: Unable to fetch prediction.';
+          }
+        } catch (error) {
+          output.textContent = 'Error: Something went wrong.';
+        }
+      } else {
+        output.textContent = 'Error: Text prompt cannot be empty.';
+      }
+    });
+  });
+