@extends('platform::layout')
@section('title','Autenticación de dos factores')
@section('content')<div class="mx-auto max-w-lg"><p class="eyebrow">Seguridad de la cuenta</p><h1 class="mt-3 mb-4">{{ $mode==='recovery'?'Guarde sus códigos':'Verificación en dos pasos' }}</h1><div class="card space-y-5">
@if($mode==='setup')<p class="muted">En su aplicación autenticadora agregue una cuenta TOTP, con 6 dígitos y período de 30 segundos. Introduzca esta clave manualmente:</p><pre class="rounded-xl bg-slate-100 p-4 text-sm break-all whitespace-pre-wrap">{{ $secret }}</pre><p class="muted">Cuenta: {{ auth()->user()->email }} · {{ config('app.name') }}. No comparta esta clave.</p>@endif
@if($mode==='recovery')<p class="muted">Cada código puede utilizarse una sola vez. Guárdelos en un lugar seguro; no volverán a mostrarse.</p><div class="grid grid-cols-2 gap-3">@foreach($codes as $code)<code class="rounded bg-slate-100 p-3 text-sm">{{ $code }}</code>@endforeach</div><a class="btn" href="/dashboard">Ya los guardé</a>
@else<form class="space-y-5" method="post" action="{{ $mode==='setup'?'/mfa/setup':'/mfa/challenge' }}">@csrf<div><label for="code">Código {{ $mode==='challenge'?'o código de recuperación':'' }}</label><input id="code" name="code" autocomplete="one-time-code" required autofocus maxlength="64"></div><button class="btn w-full">Verificar y continuar</button></form>@endif
</div></div>@endsection