import { useEffect, useState } from 'react'; import { Head, Link, useForm } from '@inertiajs/react'; import { motion, AnimatePresence } from 'framer-motion'; import { AuthBackground } from '@/Components/Auth/AuthBackground'; import { IosInstallPrompt } from '@/Components/IosInstallPrompt'; const eO = 'easeOut' as const; const fadeUp = { hidden: { opacity: 0, y: 22 }, show: { opacity: 1, y: 0 } }; const stagger = { hidden: {}, show: { transition: { staggerChildren: 0.09, delayChildren: 0.28 } }, }; function EyeOpen() { return ( ); } function EyeClosed() { return ( ); } type Props = { schoolBrand?: { name: string; code: string; logoUrl: string | null; primaryColor: string } | null; }; export default function Login({ schoolBrand = null }: Props) { const form = useForm({ username: '', password: '', remember: false }); const [showPass, setShowPass] = useState(false); useEffect(() => { const username = new URLSearchParams(window.location.search).get('u'); if (username) { form.setData('username', username); } }, []); return (
{/* Ambient glows */}
{/* Giant logo watermark behind the card */} {/* Brand header */} {schoolBrand?.name
{schoolBrand?.name ?? 'دانشیار من'} {schoolBrand ? `کد مدرسه: ${schoolBrand.code}` : 'اتوماسیون هوشمند مدارس'}
به سامانه خوش آمدید

ورود به حساب

اطلاعات کاربری خود را وارد کنید
{ e.preventDefault(); form.post('/login'); }} > {/* Username */}
form.setData('username', e.target.value)} autoComplete="username" />
{form.errors.username && ( {form.errors.username} )} {/* Password */}
form.setData('password', e.target.value)} autoComplete="current-password" />
{form.errors.password && ( {form.errors.password} )} {/* Remember + Forgot */} فراموشی رمز {/* Submit */} {form.processing ? ( ) : ( ورود به سامانه )}
بازگشت به صفحه اصلی
); }