import React from 'react'; import { Head, Link, useForm } from '@inertiajs/react'; import { Play, ArrowLeft, AlertCircle } from 'lucide-react'; import GameLayout from '@/layouts/GameLayout'; export default function LiveEnterPin({ game }: any) { const { data, setData, post, processing, errors } = useForm({ game_pin: '', }); const submit = (e: React.FormEvent) => { e.preventDefault(); post(route('arena.join-live', game.id)); }; return (

Live Arena

{game.title}

setData('game_pin', e.target.value.toUpperCase())} className="w-full bg-surface-dark/50 border border-border/50 text-white rounded-xl px-4 py-4 text-center text-4xl font-black tracking-widest focus:ring-2 focus:ring-primary-500/50 focus:border-primary-500/50 uppercase placeholder:text-text-muted/30" placeholder="XXXXXX" maxLength={6} required autoComplete="off" /> {errors.game_pin && (
{errors.game_pin}
)}
Kembali
); }