'use client';
import { useState } from 'react';
export default function Contact(){
  const [form, setForm] = useState({ name:'', email:'', subject:'', message:'' });
  const submit = async (e:any)=>{
    e.preventDefault();
    const res = await fetch('/api/v1/contact', { method:'POST', headers:{'Content-Type':'application/json'}, body: JSON.stringify(form) });
    alert(res.ok ? 'Pesan terkirim' : 'Gagal');
  };
  return (
    <main className="card max-w-xl mx-auto space-y-3">
      <h1 className="text-xl font-semibold">Kontak</h1>
      <form onSubmit={submit} className="space-y-3">
        {['name','email','subject'].map((k)=>(
          <input key={k} className="w-full p-2 rounded bg-neutral-800" placeholder={k} value={(form as any)[k]} onChange={e=>setForm({...form, [k]: e.target.value})} />
        ))}
        <textarea className="w-full p-2 rounded bg-neutral-800 min-h-[120px]" placeholder="message" value={form.message} onChange={e=>setForm({...form, message: e.target.value})} />
        <button className="px-4 py-2 bg-blue-600 rounded">Kirim</button>
      </form>
    </main>
  );
}