@extends('layouts.auth')

@section('content')
    <h1>Two-factor verification</h1>
    <p class="muted">Enter the 6 digit OTP sent to the registered contact.</p>
    @if (session('status'))
        <div class="alert">{{ session('status') }}</div>
    @endif
    <form method="POST" action="{{ route('otp.verify') }}">
        @csrf
        <div class="field">
            <label for="otp">OTP</label>
            <input id="otp" name="otp" inputmode="numeric" maxlength="6" autofocus>
            @error('otp') <span class="error">{{ $message }}</span> @enderror
        </div>
        <button class="btn btn-primary full" type="submit">Verify OTP</button>
    </form>
@endsection