{/* Main */}

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

{errors.title}

}

Location setData('location', e.target.value)} placeholder="e.g. Nairobi, Kenya" /> {errors.location &&

{errors.location}

}

Summary

setData('summary', e.target.value)} rows={4} />
                                {errors.summary && <p className="text-xs text-destructive">{errors.summary}</p>}
                            </div>
                        </div>
                    </div>

{/* Sidebar */}
                    <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="year">Year *</Label>
                                <Input id="year" type="number" value={data.year} onChange={(e) => setData('year', e.target.value)} required />
                                {errors.year && <p className="text-xs text-destructive">{errors.year}</p>}
                            </div>
                            <div className="space-y-1.5">
                                <Label htmlFor="start_date">Start Date</Label>
                                <Input id="start_date" type="date" value={data.start_date} onChange={(e) => setData('start_date', e.target.value)} />
                                {errors.start_date && <p className="text-xs text-destructive">{errors.start_date}</p>}
                            </div>
                            <div className="space-y-1.5">
                                <Label htmlFor="end_date">End Date</Label>
                                <Input id="end_date" type="date" value={data.end_date} onChange={(e) => setData('end_date', e.target.value)} />
                                {errors.end_date && <p className="text-xs text-destructive">{errors.end_date}</p>}
                            </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 summer school?"
                description="This is permanent and cannot be undone."
                confirmLabel="Delete"
                variant="danger"
                onConfirm={() => router.delete(`/admin/summer-schools/${school.id}`)}
            />
        </>
    );
}

Edit Edition