@extends('admin.layouts.auth')
@section('hide_flash', '1')
@section('title','SMS 인증')
@section('heading', 'SMS 인증')
@section('subheading', '문자로 발송된 6자리 인증번호를 입력해 주세요. (유효시간 내)')

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

        <div class="a-otp-meta">
            <div class="a-otp-meta__label">발송 대상</div>
            <div class="a-otp-meta__value">{{ $masked_phone }}</div>
        </div>

        <div class="a-field">
            <label class="a-label" for="otp">인증번호</label>
            <input
                class="a-input a-otp-input"
                id="otp"
                name="otp"
                type="text"
                inputmode="numeric"
                autocomplete="one-time-code"
                maxlength="6"
                placeholder="6자리 입력"
                autofocus
            >
            @error('otp')
            <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
