import { Head, useForm } from '@inertiajs/react'; import { LoaderCircle } from 'lucide-react'; import { FormEventHandler } from 'react'; import InputError from '@/components/input-error'; import TextLink from '@/components/text-link'; import { Button } from '@/components/ui/button'; import PrimaryButton from '@/components/landing/primary-button'; import GoogleIcon from '@/components/icons/google-icon'; import { Checkbox } from '@/components/ui/checkbox'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import NeuralBackground from '@/components/landing/neural-background'; import AIParticles from '@/components/landing/ai-particles'; import Container from '@/components/landing/container'; import AppLogoIcon from '@/components/app-logo-icon'; import ThemeToggle from '@/components/theme-toggle'; type LoginForm = { email: string; password: string; remember: boolean; }; interface LoginProps { status?: string; canResetPassword: boolean; } export default function Login({ status, canResetPassword }: LoginProps) { const { data, setData, post, processing, errors, reset } = useForm>({ email: '', password: '', remember: false, }); const submit: FormEventHandler = (e) => { e.preventDefault(); post(route('login'), { onFinish: () => reset('password'), }); }; return ( <>
{/* Toggle de tema flotante */}

Iniciar sesión

Ingresa tu email y contraseña para acceder

{/* Google Login Button */} Continuar con Google
o
setData('email', e.target.value)} placeholder="nombre@institucion.edu" />
{canResetPassword && ( ¿Olvidaste tu contraseña? )}
setData('password', e.target.value)} placeholder="**************" />
setData('remember', !data.remember)} tabIndex={3} />
¿No tienes cuenta?{' '} Regístrate
{status &&
{status}
}
); }