import { useForm, Head } from '@inertiajs/react';
import * as Icon from '@/Components/ClassRoom/Icons';
type Props = {
roomKey: string;
title: string;
hasToken: boolean;
};
/** دروازه ورود: دانشآموز باید توکن شخصی خود را وارد کند. */
export default function TokenGate({ roomKey, title, hasToken }: Props) {
const form = useForm({ token: '' });
const submit = (e: React.FormEvent) => {
e.preventDefault();
form.post(`/class-room/${roomKey}/token`);
};
const onChange = (value: string) => {
let v = value.toUpperCase().replace(/[^A-Z0-9]/g, '').slice(0, 8);
if (v.length > 4) v = `${v.slice(0, 4)}-${v.slice(4)}`;
form.setData('token', v);
};
return (
);
}