import { Head, useForm } from '@inertiajs/react'; import { Users } from 'lucide-react'; import StudentLayout from '@/layouts/StudentLayout'; export default function Join() { const { data, setData, post, processing, errors } = useForm({ pin: '' }); return ( <>
{ event.preventDefault(); post(route('team-quest.join')); }} className="glass w-full space-y-6 rounded-3xl border border-emerald-500/20 p-7 text-center" >

Gabung Team Quest

Masukkan PIN dari layar guru. Sistem otomatis menemukan kelompokmu.

setData('pin', event.target.value.replace(/\D/g, '').slice(0, 6))} inputMode="numeric" autoFocus placeholder="000000" className="w-full rounded-2xl border border-border/50 bg-surface px-4 py-4 text-center font-mono text-3xl font-black tracking-[0.35em]" /> {errors.pin &&

{errors.pin}

}
); } Join.layout = (page: React.ReactNode) => <>{page}; Join.layout = (page: any) => {page};