Title * setData('title', e.target.value)} required /> {errors.title &&

{errors.title}

}

Summary

setData('summary', e.target.value)} rows={3} />
                            </div>
                            <div className="space-y-1.5">
                                <Label htmlFor="body">Full Description</Label>
                                <Textarea id="body" value={data.body} onChange={(e) => setData('body', e.target.value)} rows={6} />
                            </div>
                        </div>
                    </div>

<div className="space-y-6">
                        <div className="rounded-xl border border-border bg-card p-6 space-y-4">
                            <div className="space-y-1.5">
                                <Label htmlFor="url">Website URL</Label>
                                <Input id="url" type="url" value={data.url} onChange={(e) => setData('url', e.target.value)} placeholder="https://…" />
                                <p className="text-xs text-muted-foreground">Opens in a new tab on the public site.</p>
                                {errors.url && <p className="text-xs text-destructive">{errors.url}</p>}
                            </div>
                            <div className="space-y-1.5">
                                <Label htmlFor="cover_url">Cover Image Path</Label>
                                <Input id="cover_url" value={data.cover_url} onChange={(e) => setData('cover_url', e.target.value)} placeholder="/images/…" />
                            </div>
                            <div className="space-y-1.5">
                                <Label htmlFor="sort_order">Sort Order</Label>
                                <Input id="sort_order" type="number" value={data.sort_order} onChange={(e) => setData('sort_order', e.target.value)} />
                            </div>
                        </div>
                    </div>
                </div>
            </form>

<ConfirmDialog
                open={confirmDelete}
                onOpenChange={setConfirmDelete}
                title="Delete initiative?"
                description="This is permanent and cannot be undone."
                confirmLabel="Delete"
                variant="danger"
                onConfirm={() => router.delete(`/admin/research-initiatives/${initiative.id}`)}
            />
        </>
    );
}

Edit Initiative