Update templates/form.html

templates/form.html

@@ -14,6 +14,7 @@
       const fileInput = document.getElementById("image");
       const fileMessage = document.getElementById("upload-message");
       const submitBtn = document.getElementById("submit-btn");
+      const emailBtn = document.getElementById("email-report-btn");
 
       fileInput.addEventListener("change", () => {
         const file = fileInput.files[0];
@@ -43,6 +44,22 @@
           submitBtn.disabled = false;
         }
       });
+
+      if (emailBtn) {
+        emailBtn.addEventListener("click", async () => {
+          const scanId = emailBtn.dataset.scanId;
+          const emailStatus = document.getElementById("email-status");
+          try {
+            const response = await fetch(`/api/email-report/${scanId}`);
+            const data = await response.json();
+            emailStatus.textContent = data.message;
+            emailStatus.style.color = data.success ? "limegreen" : "red";
+          } catch (error) {
+            emailStatus.textContent = "Error sending email.";
+            emailStatus.style.color = "red";
+          }
+        });
+      }
     });
   </script>
 </head>
@@ -141,10 +158,14 @@
                 {% if result.message %}
                   <p class="warning-message">{{ result.message }}</p>
                 {% endif %}
+                <p id="email-status" style="color: {% if result.email_status contains 'Failed' %}red{% else %}limegreen{% endif %}">{{ result.email_status }}</p>
+                <button id="email-report-btn" class="submit-button" data-scan-id="{{ result.scan_id }}">Resend Report to Email</button>
               {% endif %}
             </div>
           </div>
-
+        </div>
+      </div>
+    </div>
   </section>
 
   <footer>
@@ -171,4 +192,4 @@
     </div>
   </footer>
 </body>
-</html>
+</html>