"use client"; import Link from "next/link"; import { useEffect, useRef, useState } from "react"; export default function Footer() { const [submitted, setSubmitted] = useState(false); const [submitting, setSubmitting] = useState(false); const [errors, setErrors] = useState>({}); const [backToTopVisible, setBackToTopVisible] = useState(false); const formRef = useRef(null); useEffect(() => { function onScroll() { setBackToTopVisible(window.scrollY > 600); } window.addEventListener("scroll", onScroll, { passive: true }); return () => window.removeEventListener("scroll", onScroll); }, []); function handleSubmit(e: React.FormEvent) { e.preventDefault(); const form = e.currentTarget; const name = (form.elements.namedItem("name") as HTMLInputElement).value.trim(); const phone = (form.elements.namedItem("phone") as HTMLInputElement).value.trim(); const service = (form.elements.namedItem("service") as HTMLSelectElement).value; const email = (form.elements.namedItem("email") as HTMLInputElement).value.trim(); const message = (form.elements.namedItem("message") as HTMLTextAreaElement).value.trim(); const nextErrors: Record = {}; if (!name) nextErrors.name = true; if (!phone) nextErrors.phone = true; if (!service) nextErrors.service = true; if (!message) nextErrors.message = true; if (Object.keys(nextErrors).length) { setErrors(nextErrors); return; } setSubmitting(true); setErrors({}); const token = (() => { try { return sessionStorage.getItem("tsl_token") || ""; } catch { return ""; } })(); const payload = { name, phone, email, service, message, subject: service }; const headers: Record = { "Content-Type": "application/json" }; if (token) headers.Authorization = `Bearer ${token}`; fetch("/api/contact", { method: "POST", headers, body: JSON.stringify(payload), }) .then(async (r) => { const data = await r.json().catch(() => ({})); if (data.needsLogin) { const wa = "Hello, I am " + name + ". " + message + " (Phone: " + phone + (email ? ", Email: " + email : "") + ", Service: " + service + ")"; window.open( "https://wa.me/919836233354?text=" + encodeURIComponent(wa), "_blank", "noopener,noreferrer" ); setSubmitted(true); form.reset(); return; } if (!r.ok || !data.success) { throw new Error( data.error || "Could not send your message. Please try again or WhatsApp us on 9836233354." ); } setSubmitted(true); form.reset(); }) .catch((err: Error) => { setErrors({ form: true }); alert(err.message || "Could not send your message. Please WhatsApp us on 9836233354."); }) .finally(() => { setSubmitting(false); }); } function clearError(field: string) { if (errors[field]) setErrors((e) => ({ ...e, [field]: false })); } return ( <>