@extends('connect.layout')

@section('title', 'Verify Email - American Tire Stores Free WiFi')

@section('content')
    <p class="wifi-eyebrow">Step 2 of 3</p>
    <h1 class="wifi-title" id="page-title">Check your email</h1>
    <p class="wifi-subtitle">Enter the 6-digit verification code sent to <strong>{{ preg_replace('/(^.).*(@.*$)/', '$1***$2', $wifi->email) }}</strong>.</p>

    @if(session('status'))
        <div class="wifi-alert wifi-alert-success" role="status">{{ session('status') }}</div>
    @endif

    @if($errors->any())
        <div class="wifi-alert wifi-alert-error" role="alert">{{ $errors->first() }}</div>
    @endif

    <form class="wifi-form" method="post" action="{{ route('connect.verify', $wifi->portal_token) }}">
        @csrf
        <div class="wifi-field">
            <label class="wifi-label" for="code">Verification code</label>
            <input class="wifi-input wifi-code-input" id="code" name="code" inputmode="numeric" autocomplete="one-time-code" pattern="[0-9]{6}" maxlength="6" placeholder="000000" required autofocus>
        </div>
        <button class="wifi-btn wifi-btn-primary" type="submit">Verify & continue</button>
    </form>

    <div class="wifi-divider"></div>

    <form method="post" action="{{ route('connect.resend', $wifi->portal_token) }}">
        @csrf
        <button class="wifi-btn wifi-btn-secondary" type="submit">Resend verification code</button>
    </form>
    <p class="wifi-helper">If the email is not visible, check your spam or junk folder. You may need cellular data to retrieve email while WiFi access is pending.</p>
@endsection