setData('overview', e.target.value)}
                        />
                        <InputError message={errors.overview} className="mt-1" />
                    </div>

<div className="grid grid-cols-2 gap-4">
                        <div>
                            <InputLabel htmlFor="fee" value="Fee" />
                            <TextInput
                                id="fee"
                                type="number"
                                className="mt-1 block w-full"
                                value={data.fee}
                                onChange={(e) => setData('fee', e.target.value)}
                            />
                            <InputError message={errors.fee} className="mt-1" />
                        </div>
                        <div>
                            <InputLabel htmlFor="currency" value="Currency" />
                            <TextInput
                                id="currency"
                                className="mt-1 block w-full"
                                value={data.currency}
                                onChange={(e) => setData('currency', e.target.value.toUpperCase())}
                                maxLength={3}
                            />
                            <InputError message={errors.currency} className="mt-1" />
                        </div>
                    </div>

<div className="grid grid-cols-3 gap-4">
                        <div>
                            <InputLabel htmlFor="duration_months" value="Duration (months)" />
                            <TextInput
                                id="duration_months"
                                type="number"
                                className="mt-1 block w-full"
                                value={data.duration_months ?? ''}
                                onChange={(e) => setData('duration_months', Number(e.target.value))}
                            />
                            <InputError message={errors.duration_months} className="mt-1" />
                        </div>
                        <div>
                            <InputLabel htmlFor="delivery_mode" value="Delivery Mode" />
                            <select
                                id="delivery_mode"
                                className="mt-1 block w-full rounded border-outline-variant"
                                value={data.delivery_mode}
                                onChange={(e) => setData('delivery_mode', e.target.value)}
                            >
                                <option value="self_paced">Self-Paced</option>
                                <option value="cohort">Cohort</option>
                                <option value="hybrid">Hybrid</option>
                            </select>
                        </div>
                        <div>
                            <InputLabel htmlFor="sequencing" value="Sequencing" />
                            <select
                                id="sequencing"
                                className="mt-1 block w-full rounded border-outline-variant"
                                value={data.sequencing}
                                onChange={(e) => setData('sequencing', e.target.value)}
                            >
                                <option value="locked">Locked</option>
                                <option value="flexible">Flexible</option>
                            </select>
                        </div>
                    </div>

<div>
                        <InputLabel htmlFor="status" value="Status" />
                        <select
                            id="status"
                            className="mt-1 block w-full rounded border-outline-variant"
                            value={data.status}
                            onChange={(e) => setData('status', e.target.value)}
                        >
                            {['draft', 'review', 'scheduled', 'published', 'closed', 'archived'].map((status) => (
                                <option key={status} value={status}>
                                    {status}
                                </option>
                            ))}
                        </select>
                        <InputError message={errors.status} className="mt-1" />
                    </div>

<Button type="submit" variant="primary" disabled={processing}>
                        {programme ? 'Save Changes' : 'Create Programme'}
                    </Button>
                </form>
            </Card>
        </AdminLayout>
    );
}

{programme ? 'Edit Programme' : 'New Programme'}