<!DOCTYPE html>
<html lang="id">
<head><meta charset="UTF-8"><title>2FA — JPN Helpdesk</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/css/bootstrap.min.css">
<style>body{background:linear-gradient(135deg,#1e2a3b,#1a56db);min-height:100vh;display:flex;align-items:center;justify-content:center}</style>
</head>
<body>
<div class="bg-white rounded-4 p-5 shadow-lg" style="max-width:380px;width:100%">
  <h5 class="fw-bold mb-1 text-center">Verifikasi 2FA</h5>
  <p class="text-muted small text-center mb-4">Masukkan kode dari aplikasi authenticator</p>
  @if($errors->any())<div class="alert alert-danger small">{{ $errors->first() }}</div>@endif
  <form action="{{ route('2fa.verify') }}" method="POST">
    @csrf
    <div class="mb-3">
      <input type="text" name="code" class="form-control form-control-lg text-center" maxlength="6" pattern="\d{6}" placeholder="000000" required autofocus>
    </div>
    <button type="submit" class="btn btn-primary w-100 fw-semibold">Verifikasi</button>
  </form>
</div>
</body></html>
