import React from 'react'; import GuestLayout from '@/Layouts/GuestLayout'; import { Head, Link, useForm, usePage } from '@inertiajs/react'; interface LoginProps { status?: string; canResetPassword: boolean; } export default function Login({ status, canResetPassword }: LoginProps) { const { system_settings } = usePage().props as any; const isGoogleEnabled = system_settings?.oauth_google_enabled === '1' || system_settings?.oauth_google_enabled === true; const isGithubEnabled = system_settings?.oauth_github_enabled === '1' || system_settings?.oauth_github_enabled === true; const { data, setData, post, processing, errors, reset } = useForm({ email: '', password: '', remember: false, }); const submit = (e: React.FormEvent) => { e.preventDefault(); post(route('login'), { onFinish: () => reset('password') }); }; return ( {/* Heading */}

Sign in

Enter your credentials to access the dashboard.

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

{status}

)} {/* OAuth */} {(isGoogleEnabled || isGithubEnabled) && (

{isGoogleEnabled && ( Google )} {isGithubEnabled && ( GitHub )}

or

)} {/* Form */}

{/* Email */}

Email address setData('email', e.target.value)} placeholder="you@company.com" className={`auth-input${errors.email ? ' !border-red-300 !bg-red-50/50' : ''}`} /> {errors.email && (

{errors.email}

)}

{/* Password */}

Password {canResetPassword && ( Forgot password? )}

setData('password', e.target.value)} placeholder="••••••••" className={`auth-input${errors.password ? ' !border-red-300 !bg-red-50/50' : ''}`} /> {errors.password && (

{errors.password}

)}

{/* Remember me */} setData('remember', e.target.checked)} className="sr-only" />

{data.remember && ( )}

Keep me signed in {/* Submit */}

{/* Register link */}

Don't have an account?{' '} Create one

); }