contact.js

import { isValidEmail } from "/utils/validation.js";

document.addEventListener("DOMContentLoaded", function () {
     const form = document.getElementById("contactForm");
     const statusMessage = document.getElementById("statusMessage");
     const formFailureHelp = document.getElementById("formFailureHelp");

     // Check URL parameters for successful form submission
     const urlParams = new URLSearchParams(window.location.search);
     if (urlParams.get("success") === "true") {
          statusMessage.textContent =
               "Thank you! Your message has been sent successfully.";
          statusMessage.className = "form-status success";
          statusMessage.style.display = "block";
          form.reset();

          // Scroll to status message
          statusMessage.scrollIntoView({
               behavior: "smooth",
               block: "nearest",
          });
     }

     // Basic client-side validation
     form.addEventListener("submit", function (e) {
          // Honeypot: if a bot filled the hidden "website" field, silently abort.
          // We intentionally don't show an error — let the bot think it worked.
          const honeypot = document.getElementById("website");
          if (honeypot && honeypot.value.trim() !== "") {
               e.preventDefault();
               return false;
          }

          // Reset previous errors
          resetErrors();

          // Validate form
          if (!validateForm()) {
               e.preventDefault(); // Prevent form submission
               return false;
          }

          // Handle anonymous email
          const emailInput = document.getElementById("email");
          if (!emailInput.value.trim()) {
               emailInput.value = "anonymous@organize.directory";
          }

          // Show help div after a delay in case submission is slow
          setTimeout(() => {
               formFailureHelp.style.display = "block";
          }, 15000);

          return true; // Allow form submission
     });

     // Form validation function
     function validateForm() {
          let isValid = true;

          // Validate name
          const nameInput = document.getElementById("name");
          const nameError = document.getElementById("nameError");
          if (!nameInput.value.trim()) {
               nameInput.classList.add("error");
               nameError.style.display = "block";
               isValid = false;
          }

          // Validate email if provided
          const emailInput = document.getElementById("email");
          const emailError = document.getElementById("emailError");
          if (emailInput.value.trim() && !isValidEmail(emailInput.value)) {
               emailInput.classList.add("error");
               emailError.style.display = "block";
               isValid = false;
          }

          // Validate inquiry
          const inquiryInput = document.getElementById("inquiry");
          const inquiryError = document.getElementById("inquiryError");
          if (!inquiryInput.value) {
               inquiryInput.classList.add("error");
               inquiryError.style.display = "block";
               isValid = false;
          }

          // Validate message
          const messageInput = document.getElementById("message");
          const messageError = document.getElementById("messageError");
          if (!messageInput.value.trim()) {
               messageInput.classList.add("error");
               messageError.style.display = "block";
               isValid = false;
          }

          // If not valid, scroll to first error
          if (!isValid) {
               document
                    .querySelector(".error")
                    .scrollIntoView({ behavior: "smooth", block: "center" });
          }

          return isValid;
     }

     // Reset error messages
     function resetErrors() {
          const errorInputs = document.querySelectorAll(".error");
          const errorTexts = document.querySelectorAll(".error-text");

          errorInputs.forEach((input) => input.classList.remove("error"));
          errorTexts.forEach((text) => (text.style.display = "none"));
     }

     // Input event listeners to clear errors on typing
     document.querySelectorAll("input, select, textarea").forEach((el) => {
          el.addEventListener("input", function () {
               this.classList.remove("error");
               const errorEl = document.getElementById(this.id + "Error");
               if (errorEl) errorEl.style.display = "none";
          });
     });
});