@extends('admin.layouts.auth')
@section('hide_flash', '1')
@section('title','Google OTP 인증')
@section('heading', 'Google OTP 인증')
@section('subheading', 'Google Authenticator 앱의 6자리 코드를 입력해 주세요.')

@section('content')
    <form method="POST" action="{{ route('admin.totp.store') }}" class="a-form">
        @csrf

        <div class="a-field">
            <label class="a-label" for="code">인증코드</label>
            <input
                class="a-input a-otp-input"
                id="code"
                name="code"
                type="text"
                inputmode="numeric"
                autocomplete="one-time-code"
                maxlength="6"
                placeholder="6자리 입력"
                autofocus
            >
            @error('code')
            <div class="a-error">{{ $message }}</div>
            @enderror
        </div>

        <button class="a-btn a-btn--primary" type="submit">
            인증 완료
        </button>

        <div class="a-help a-otp-help">
            <small class="a-muted">
                앱 시간이 틀어지면 코드가 맞아도 실패할 수 있습니다. (휴대폰 시간 자동 설정 권장)
            </small>
        </div>
    </form>
@endsection
