{Array.from({ length: total }).map((_, i) => (
))}
);
}
function QuoteForm() {
const [step, setStep] = useState(0);
const [services, setServices] = useState([]);
const [urgency, setUrgency] = useState('');
const [form, setForm] = useState({ name: '', phone: '', email: '', zip: '', notes: '' });
const [errors, setErrors] = useState({});
const [submitted, setSubmitted] = useState(false);
const [submitting, setSubmitting] = useState(false);
const jobId = useRef('RDS-' + Math.floor(10000 + Math.random() * 90000));
const total = 3;
function toggleService(id) {
setServices(s => s.includes(id) ? s.filter(x => x !== id) : [...s, id]);
}
function validateContact() {
const e = {};
if (!form.name.trim()) e.name = 'Required';
const phoneDigits = form.phone.replace(/\D/g, '');
if (phoneDigits.length < 10) e.phone = 'Valid phone required';
if (form.email && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(form.email)) e.email = 'Invalid email';
if (form.zip && !/^\d{5}$/.test(form.zip.trim())) e.zip = '5-digit ZIP';
setErrors(e);
return Object.keys(e).length === 0;
}
function formatPhone(v) {
const d = v.replace(/\D/g, '').slice(0, 10);
if (d.length < 4) return d;
if (d.length < 7) return `(${d.slice(0,3)}) ${d.slice(3)}`;
return `(${d.slice(0,3)}) ${d.slice(3,6)}-${d.slice(6)}`;
}
function next() {
if (step === 0 && services.length === 0) {
setErrors({ services: 'Pick at least one' });
return;
}
if (step === 1 && !urgency) {
setErrors({ urgency: 'Pick one' });
return;
}
setErrors({});
setStep(s => Math.min(s + 1, total));
}
function back() { setErrors({}); setStep(s => Math.max(s - 1, 0)); }
async function submit(e) {
e.preventDefault();
if (!validateContact()) return;
setSubmitting(true);
await new Promise(r => setTimeout(r, 900));
setSubmitting(false);
setSubmitted(true);
}
if (submitted) {
return (
JOB TICKET
SUBMITTED
TICKET #
{jobId.current}
Thanks, {form.name.split(' ')[0]}.
We got your request. A licensed tech will call you back at {form.phone} within the hour{urgency === 'emergency' ? ' — marked EMERGENCY, expect a call in minutes.' : '.'}