@extends('admin.layouts.auth')
@section('page-title', 'Verify sign-in')
@section('intro', 'Verify your sign-in')
@section('content')
    <p class="auth-help auth-otp-description">Enter the 6-digit code sent to {{ $maskedPhone }}. It expires in 5 minutes.</p>
    <form action="{{ route('admin.login.otp.verify') }}" method="post">
        @csrf
        <label for="code">Verification code</label>
        <input id="code" class="auth-code" name="code" type="text" inputmode="numeric" autocomplete="one-time-code" pattern="[0-9]{6}" minlength="6" maxlength="6" required autofocus @if($errors->has('code')) aria-invalid="true" @endif>
        <button type="submit">Verify &amp; sign in</button>
    </form>
    <form action="{{ route('admin.login.otp.resend') }}" method="post" class="auth-resend">
        @csrf
        <button type="submit" class="auth-secondary">Resend code</button>
    </form>
    <p class="auth-help">Wait at least 60 seconds before resending. <a href="{{ route('login') }}">Sign in again</a></p>
@endsection