@extends('adminlte::auth.auth-page', ['auth_type' => 'login'])

@section('adminlte_css_pre')
  
@stop

@section('auth_header', 'Verifica in Due Passaggi')

@section('auth_body')
<div class="card-body">
    <p class="login-box-msg">Inserisci il codice di autenticazione per procedere</p>

    @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <form method="POST" action="{{ route('two-factor.login') }}" class="mt-3">
        @csrf
        <div class="input-group mb-3">
            <input type="text" name="code" class="form-control @error('code') is-invalid @enderror" 
                   placeholder="Inserisci il codice di autenticazione" autofocus>
            <div class="input-group-append">
                <div class="input-group-text">
                    <span class="fas fa-key"></span>
                </div>
            </div>
            @error('code')
                <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </div>
        <button type="submit" class="btn btn-primary btn-block">
            Verifica Codice
        </button>
    </form>

    <div class="mt-3 text-center">
        <p>
            <a href="{{ route('password.request') }}" class="text-muted">
                <i class="fas fa-key"></i> Ho perso il mio codice
            </a>
        </p>
    </div>
</div>
@endsection

@section('auth_footer')
    <p class="mb-1">
        <a href="{{ route('login') }}">Torna al login</a>
    </p>
@endsection