@extends('layouts.partials.auth')

@section('title', 'Autenticação de dois fatores (2FA)')

@push('styles')
<link href="{{ asset('assets/css/forms.css') }}" rel="stylesheet" type="text/css">
<link href="{{ asset('assets/css/cards.css') }}" rel="stylesheet" type="text/css">
@endpush

@section('content')
<form action="{{ route('two_factor_auth.verify') }}" autocomplete="off" method="POST">
    @csrf

    <div class="d-grid p-5 gap-3">
        @if (session('google2fa_url'))
            <div class="text-center mb-3">
                <h2>Digitalize este código QR:</h2>
                {!! session('google2fa_url') !!}
            </div>
        @else
            <p class="text-center"><b>Verificar chave</b></p>
        @endif

        <div>
            <input type="text" name="secret" class="form-control" required />
            @error('error')
                <div class="error handle-error">{{ $message }}</div>
            @enderror
        </div>

        <button class="btn btn-primary">Verificar</button>
    </div>
</form>
@endsection