@extends('layouts.guest')

@section('title', 'MFA — Plataforma')

@section('content')
    <div class="flex flex-1 items-center justify-center px-4 py-12">
        <div class="w-full max-w-md rounded-2xl border border-slate-800 bg-slate-900 p-8">
            <h2 class="mb-4 text-lg font-medium text-white">Verificação MFA</h2>
            <form method="POST" action="{{ route('super-admin.mfa.verify') }}" class="space-y-4">
                @csrf
                <input name="code" type="text" inputmode="numeric" maxlength="6" required placeholder="000000"
                       class="w-full rounded-lg border border-slate-700 bg-slate-950 px-3 py-2 text-white">
                <button type="submit" class="w-full rounded-lg bg-emerald-600 px-4 py-2 text-sm font-semibold text-white">Confirmar</button>
            </form>
        </div>
    </div>
@endsection
