<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="robots" content="noindex, nofollow, noarchive, nosnippet" />
    <title>Login Verification - <?php echo e(config('app.name')); ?></title>
    <?php echo app('Illuminate\Foundation\Vite')(['resources/css/app.css', 'resources/js/app.js']); ?>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" />
    <style>body { font-family: 'Inter', sans-serif; }</style>
</head>
<body class="min-h-screen bg-gradient-to-br from-slate-900 via-blue-900 to-slate-900 flex items-center justify-center p-4">
<div class="w-full max-w-md">
    <div class="bg-white rounded-2xl shadow-2xl p-7">
        <h1 class="text-xl font-bold text-gray-800">OTP Verification</h1>
        <p class="text-sm text-gray-500 mt-1">
            Enter the 6-digit code sent to <strong><?php echo e($maskedTarget); ?></strong> via <?php echo e(strtoupper($channel)); ?>.
        </p>
        <p class="text-xs text-gray-400 mt-1">
            Code expires at <?php echo e($expiresAt->format('h:i A')); ?>. Remaining attempts: <?php echo e($remainingAttempts); ?>.
        </p>

        <?php if(session('status')): ?>
            <div class="mt-4 text-sm text-green-700 bg-green-50 border border-green-200 rounded-lg px-3 py-2">
                <?php echo e(session('status')); ?>

            </div>
        <?php endif; ?>

        <?php if($errors->any()): ?>
            <div class="mt-4 text-sm text-red-700 bg-red-50 border border-red-200 rounded-lg px-3 py-2">
                <?php echo e($errors->first()); ?>

            </div>
        <?php endif; ?>

        <form method="POST" action="<?php echo e(route('login.otp.verify')); ?>" class="mt-5 space-y-4">
            <?php echo csrf_field(); ?>
            <div>
                <label class="block text-sm font-medium text-gray-700 mb-1.5">One-Time Password</label>
                <input
                    type="text"
                    inputmode="numeric"
                    pattern="[0-9]*"
                    maxlength="6"
                    name="otp"
                    value="<?php echo e(old('otp')); ?>"
                    required
                    autofocus
                    class="w-full px-4 py-2.5 rounded-lg border border-gray-300 text-center tracking-[0.3em] text-lg font-semibold focus:outline-none focus:ring-2 focus:ring-blue-500"
                    placeholder="000000"
                />
            </div>
            <button type="submit" class="w-full bg-blue-600 hover:bg-blue-700 text-white font-semibold py-2.5 rounded-lg text-sm transition">
                Verify & Login
            </button>
        </form>

        <form method="POST" action="<?php echo e(route('login.otp.resend')); ?>" class="mt-3">
            <?php echo csrf_field(); ?>
            <button type="submit" class="w-full bg-gray-100 hover:bg-gray-200 text-gray-700 font-semibold py-2.5 rounded-lg text-sm transition">
                Resend OTP
            </button>
        </form>

        <div class="mt-4 text-center">
            <a href="<?php echo e(route($loginRoute ?? 'login')); ?>" class="text-sm text-blue-600 hover:text-blue-700">Back to login</a>
        </div>
    </div>
</div>
</body>
</html>
<?php /**PATH C:\xampp\htdocs\gps-migration\resources\views/auth/otp-challenge.blade.php ENDPATH**/ ?>