import { Head, useForm } from '@inertiajs/react'; import React from 'react'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardHeader } from '@/components/ui/card'; import { Checkbox } from '@/components/ui/checkbox'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; // ─── Types ─────────────────────────────────────────────────────────────────── type Props = { status?: string; canResetPassword: boolean; }; // ─── Component ─────────────────────────────────────────────────────────────── export default function Login({ status, canResetPassword }: Props) { const { data, setData, post, processing, errors } = useForm({ email: '', password: '', remember: false as boolean, }); const submit = (e: React.FormEvent) => { e.preventDefault(); post('/login'); }; return ( // Layar penuh, tengah, background abu muda
{/* Logo / Nama Aplikasi */}

HRIS App

Masuk ke panel manajemen

{/* Card Login */} {/* Status (misal: password reset berhasil) */} {status && (
{status}
)}
{/* Email */}
setData('email', e.target.value)} /> {errors.email && (

{errors.email}

)}
{/* Password */}
{canResetPassword && ( Lupa password? )}
setData('password', e.target.value)} /> {errors.password && (

{errors.password}

)}
{/* Remember Me */}
setData('remember', checked === true) } />
{/* Tombol Login */}
{/* Footer */}

© {new Date().getFullYear()} HRIS App. All rights reserved.

); }