@extends('layouts.app')
@section('title','Check your remaining spins')
@section('content')
<section class="container auth-shell" style="display:block;max-width:620px"><article class="panel"><h2>Check your email</h2><p>Enter the six-digit code sent to <strong style="overflow-wrap:anywhere">{{ $email }}</strong> to see your remaining spins and receipt status.</p><form class="stack-form" method="post" action="{{ route('spin-check.confirm') }}">@csrf<label>Verification code<input name="verification_code" inputmode="numeric" pattern="[0-9]{6}" maxlength="6" autocomplete="one-time-code" required autofocus></label><small>Expires in 10 minutes. Up to 5 incorrect attempts.</small><button class="button" type="submit">Verify &amp; check my spins</button></form><form method="post" action="{{ route('spin-check.resend') }}" style="margin-top:16px">@csrf<button type="submit" class="button small secondary">Resend verification code</button></form><p><a href="{{ route('wheel') }}#play-wheel">Change email</a></p></article></section>
@endsection