'use client';import{useEffect,useState}from'react';export default function Settings(){const[f,setF]=useState<any>({});useEffect(()=>{fetch('/api/admin/settings').then(r=>r.json()).then(d=>setF(d.settings||{}))},[]);async function save(e:any){e.preventDefault();const r=await fetch('/api/admin/settings',{method:'PUT',headers:{'Content-Type':'application/json'},body:JSON.stringify(f)});alert(r.ok?'Settings saved':'Could not save settings')}return <main className="min-h-screen p-6 md:p-10"><div className="max-w-3xl mx-auto"><a href="/admin">← Dashboard</a><h1 className="text-3xl font-black mt-5">HR Settings</h1><form onSubmit={save} className="card p-6 mt-6 space-y-4">{['company_name','meeting_platform','meeting_link','meeting_schedule','task_sheet_url','default_hours','default_work_mode','default_probation'].map(k=><label className="block text-sm font-bold capitalize" key={k}>{k.replaceAll('_',' ')}<input className="input mt-2" value={f[k]||''} onChange={e=>setF({...f,[k]:e.target.value})}/></label>)}<button className="btn bg-slate-900 text-white">Save Settings</button></form></div></main>}