{editing && (

{editing==='new'?'New Template':`Edit Template`}

{fi('Name *','name')}

Type

Delivery Address

setData('delivery_address',e.target.value)} rows={3} className="w-full border rounded-md px-3 py-2 text-sm"/></div>
                        <div><label className="block text-sm font-medium mb-1">Terms</label><textarea value={data.terms} onChange={e=>setData('terms',e.target.value)} rows={3} className="w-full border rounded-md px-3 py-2 text-sm"/></div>
                        <div><label className="block text-sm font-medium mb-1">Notes</label><textarea value={data.notes} onChange={e=>setData('notes',e.target.value)} rows={2} className="w-full border rounded-md px-3 py-2 text-sm"/></div>
                        <div className="flex gap-3"><Button type="submit" disabled={processing}>Save</Button><Button type="button" variant="outline" onClick={()=>setEditing(null)}>Cancel</Button></div>
                    </form>
                )}
                <div className="bg-white rounded-lg border border-border shadow-sm overflow-hidden">
                    <table className="w-full text-sm">
                        <thead className="bg-muted/50 border-b"><tr><th className="text-left px-4 py-3 font-medium">Name</th><th className="text-left px-4 py-3 font-medium">Type</th><th className="w-24 px-4 py-3"></th></tr></thead>
                        <tbody className="divide-y">{templates.map((t:any)=><tr key={t.id} className="hover:bg-muted/30"><td className="px-4 py-3 font-medium">{t.name}{t.is_default&&<span className="ml-2 text-xs bg-blue-100 text-blue-700 px-1.5 py-0.5 rounded">Default</span>}</td><td className="px-4 py-3 text-muted-foreground capitalize">{t.type}</td><td className="px-4 py-3"><div className="flex gap-2 justify-end"><button onClick={()=>openEdit(t)}><Edit className="w-4 h-4 text-muted-foreground hover:text-primary"/></button><button onClick={()=>{if(confirm('Delete?'))router.delete(`/settings/templates/${t.id}`)}}><Trash2 className="w-4 h-4 text-muted-foreground hover:text-destructive"/></button></div></td></tr>)}</tbody>
                    </table>
                    {templates.length===0&&<p className="text-center py-12 text-muted-foreground">No templates yet.</p>}
                </div>
            </div>
        </AuthenticatedLayout>
    );
}