import { useEffect, useState } from 'react'; import { Head, Link, useForm } from '@inertiajs/react'; import { usePage } from '@inertiajs/react'; import Swal from "sweetalert2" import { EyeIcon, EyeSlashIcon } from '@heroicons/react/24/outline'; function Login({ status }) { const { data, setData, post, processing, errors, reset } = useForm({ nis: '', password: '', remember: false, }); const { flash } = usePage().props; const [showPassword, setShowPassword] = useState(false); useEffect(() => { if (flash.success) { Swal.fire({ icon: 'success', title: 'Success', text: flash.success }); } else if (flash.error) { Swal.fire({ icon: 'success', title: 'Success', text: flash.success }); } }, [flash]); useEffect(() => { return () => { reset('password'); }; }, []); const submit = (e) => { e.preventDefault(); post(route('login')); }; return (

Masuk Untuk Melanjutkan

{status &&

{status}

}

Masukkan NIS setData('nis', e.target.value)} /> {errors.nis &&

{errors.nis}

}

Password setData('password', e.target.value)} />

setShowPassword(!showPassword)} > {showPassword ? ( ) : ( )}

{errors.password &&

{errors.password}

}

setData('remember', e.target.checked)} /> Remember me

); } Login.layout = (page) => page; export default Login;