/* eslint-disable @typescript-eslint/no-explicit-any */ "use client"; import { useState } from "react"; import { Head, useForm } from "@inertiajs/react"; import InputError from "@/components/input-error"; import TextLink from "@/components/text-link"; import { Button } from "@/components/ui/button"; import { Input } from "@/components/ui/input"; import { Label } from "@/components/ui/label"; import { Eye, EyeOff, LoaderCircle, ShieldCheck } from "lucide-react"; import {usePage} from "@inertiajs/react"; import styles from "./admin-login.module.scss"; interface LoginProps { status?: string; } export default function AdminLogin({ status }: LoginProps) { const [showPassword, setShowPassword] = useState(false); const { appSettings } = usePage().props as unknown as any const { data, setData, post, processing, errors, reset } = useForm({ email: "", password: "", }); const submit = (e: React.FormEvent) => { e.preventDefault(); post("/admin/login", { onFinish: () => reset("password"), }); }; return ( <>
{/* ======================================== HEADER ======================================== */}
TraderPlus Return to Website
{/* ======================================== CONTENT ======================================== */}
{/* COPY */}
ADMIN PORTAL

Administrator Login

Access admin features and manage the entire platform seamlessly from one dashboard.

{/* FORM */}
{/* EMAIL */}
setData("email", e.target.value) } autoComplete="email" autoFocus required />
{/* PASSWORD */}
setData( "password", e.target.value ) } autoComplete="current-password" required /> setShowPassword( !showPassword ) } > {showPassword ? ( ) : ( )}
{/* SUBMIT */} {/* FOOTER */}
Restricted to authorized administrators only.
{status && (
{status}
)}
); }