// resources/js/Pages/Auth/Login.tsx import { FieldError, inputPassword, inputWithIcon } from '@/components/ui/FieldError'; import MainLayout from '@/layouts/MainLayout'; import { Head, Link, useForm } from '@inertiajs/react'; import { Eye, EyeOff, LoaderCircle, Lock, Mail, MapPin } from 'lucide-react'; import { FormEventHandler, useState } from 'react'; type LoginForm = { email: string; password: string; remember: boolean; }; interface LoginProps { status?: string; canResetPassword?: boolean; } export default function Login({ status }: LoginProps) { const [showPassword, setShowPassword] = useState(false); 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 (
{/* Header */}

Masuk ke Sistem

Sistem Informasi Desa Cinnong

{/* Status */} {status && (

{status}

)} {/* Form */}
{/* Email */}
setData('email', e.target.value)} placeholder="contoh@email.com" className={inputWithIcon(errors.email)} />
{/* Password */}
setData('password', e.target.value)} placeholder="Masukkan kata sandi" className={inputPassword(errors.password)} />
{/* Remember */}
setData('remember', e.target.checked)} className="h-4 w-4 rounded border-gray-300 text-orange-600 focus:ring-2 focus:ring-orange-500" />
{/* Submit */}
{/* Register link */}

Belum punya akun?{' '} Daftar sekarang

{processing && (

Sedang memverifikasi...

)} ); }