@extends('auth.layout.app')
@slot('title', __('Authenticator 2FA'))
@slot('card-title', __('Authenticator 2FA'))
@slot('card-text', __('Enter the code shown on the Authenticator app'))
@section('content')
    <form method="POST" action="{{ route('2fa.verify.check') }}">
        @csrf
        <div class="row g-3">
            <div class="col-12">
                <label for="2fa_code" class="form-label">{{__('Authenticator Code')}}</label>
                <div class="ms-auto position-relative">
                    <div class="position-absolute top-50 translate-middle-y search-icon px-3">
                        <i class="fa-solid fa-qrcode"></i>
                    </div>
                    <input type="text" class="form-control radius-30 ps-5" id="2fa_code" name="2fa_code" autofocus
                           required>
                </div>
                <p class="text-danger">
                    @error('username')
                    {{ $message }}
                    @enderror
                </p>
            </div>
            <div class="col-6">
                <div class="d-grid">
                    <button type="submit" class="btn btn-success radius-30">{{__('Submit')}}</button>
                </div>
            </div>
            <div class="col-6">
                <div class="d-grid">
                    <button type="submit" onclick="window.location.href='#'"
                            class="btn btn-primary radius-30">{{__('Forget?')}}</button>
                </div>
            </div>
        </div>
    </form>
    <div class="col-12 mt-3">
        <div class="d-grid">
            <form action="{{ route('logout') }}" method="POST">
                @csrf
                <button type="submit" class="btn btn-danger radius-30 col-12">{{__('Logout')}}</button>
            </form>
        </div>
    </div>
@endsection