@extends('layouts.auth')

@section('title', '2FA')

@section('content')
<div style="max-width: 600px m-auto">
<div class="relative flex flex-col justify-center h-screen overflow-hidden">
    <div class="w-full p-6 m-auto bg-white rounded-md shadow-md lg:max-w-lg">
        <h1 class="text-3xl font-semibold text-center text-purple-700">Autentificación de dos pasos</h1>
        @if($errors->any())
            {!! implode('', $errors->all('<strong class="text-red-200">:message</strong>')) !!}
        @endif

        <form method="POST" action="{{ route('two-factor.login') }}" class="space-y-4">
            @csrf
            <div>
                <label class="label">
                    <span class="text-base label-text">Código de autentificación</span>
                </label>
                <input type="text" name="code" id="code" class="form-control" placeholder="Introducir código" class="w-full @error('code') is-invalid @enderror input input-bordered input-primary" />
            </div>
                @error('code')
                <span class="invalid-feedback" role="alert">
                    <strong class="text-red-200">{{ $message }}</strong>
                </span>
                @enderror
            <div>
                <button  type="submit" class="btn btn-primary">Confirmar código</button>
            </div>
        </form>
    </div>
</div>
</div>
@endsection