Editar Institución

Modifica los datos de "{institution.name}"

Información de la Institución Actualiza los datos de la institución

Nombre * setData('name', e.target.value)} className={errors.name ? 'border-red-500' : ''} /> {errors.name && (

{errors.name}

)}

Descripción

setData('description', e.target.value)}
                                            rows={3}
                                            className={errors.description ? 'border-red-500' : ''}
                                        />
                                        {errors.description && (
                                            <p className="text-sm text-red-600 dark:text-red-400">
                                                {errors.description}
                                            </p>
                                        )}
                                    </div>

<div className="space-y-2 sm:col-span-2">
                                        <label htmlFor="address" className="text-sm font-medium text-slate-900 dark:text-white">
                                            Dirección
                                        </label>
                                        <Input
                                            id="address"
                                            type="text"
                                            value={data.address}
                                            onChange={(e) => setData('address', e.target.value)}
                                            className={errors.address ? 'border-red-500' : ''}
                                        />
                                        {errors.address && (
                                            <p className="text-sm text-red-600 dark:text-red-400">
                                                {errors.address}
                                            </p>
                                        )}
                                    </div>

<div className="space-y-2">
                                        <label htmlFor="phone" className="text-sm font-medium text-slate-900 dark:text-white">
                                            Teléfono
                                        </label>
                                        <Input
                                            id="phone"
                                            type="tel"
                                            value={data.phone}
                                            onChange={(e) => setData('phone', e.target.value)}
                                            className={errors.phone ? 'border-red-500' : ''}
                                        />
                                        {errors.phone && (
                                            <p className="text-sm text-red-600 dark:text-red-400">
                                                {errors.phone}
                                            </p>
                                        )}
                                    </div>

<div className="space-y-2">
                                        <label htmlFor="email" className="text-sm font-medium text-slate-900 dark:text-white">
                                            Email
                                        </label>
                                        <Input
                                            id="email"
                                            type="email"
                                            value={data.email}
                                            onChange={(e) => setData('email', e.target.value)}
                                            className={errors.email ? 'border-red-500' : ''}
                                        />
                                        {errors.email && (
                                            <p className="text-sm text-red-600 dark:text-red-400">
                                                {errors.email}
                                            </p>
                                        )}
                                    </div>

<div className="space-y-2 sm:col-span-2">
                                        <label htmlFor="website" className="text-sm font-medium text-slate-900 dark:text-white">
                                            Sitio Web
                                        </label>
                                        <Input
                                            id="website"
                                            type="url"
                                            value={data.website}
                                            onChange={(e) => setData('website', e.target.value)}
                                            className={errors.website ? 'border-red-500' : ''}
                                        />
                                        {errors.website && (
                                            <p className="text-sm text-red-600 dark:text-red-400">
                                                {errors.website}
                                            </p>
                                        )}
                                    </div>
                                </div>

<div className="flex flex-col gap-3 pt-4 sm:flex-row">
                                    <Button
                                        type="submit"
                                        disabled={processing}
                                        className="bg-emerald-600 hover:bg-emerald-700"
                                    >
                                        <Save className="w-4 h-4 mr-2" />
                                        {processing ? 'Guardando...' : 'Actualizar Institución'}
                                    </Button>
                                    <Button variant="outline" asChild>
                                        <Link href="/institutions">
                                            Cancelar
                                        </Link>
                                    </Button>
                                </div>
                            </form>
                        </CardContent>
                    </Card>
                </div>
            </div>
        </AppLayout>
    );
}