@extends('layouts.app')
@section('title', '2FA einrichten')
@section('heading', 'Zwei-Faktor-Authentifizierung')

@section('content')
<div class="hexahost-card mx-auto max-w-lg p-6">
    <p class="mb-4 text-sm opacity-80">Admins müssen 2FA aktivieren. Scannen Sie den QR-Code mit Ihrer Authenticator-App.</p>
    <div class="mb-4 flex justify-center">{!! $qrSvg !!}</div>
    <p class="mb-4 font-mono text-center text-sm">{{ $secret }}</p>
    <form method="POST" action="{{ route('two-factor.enable') }}" class="space-y-4">
        @csrf
        <input type="text" name="code" inputmode="numeric" pattern="[0-9]{6}" maxlength="6" required placeholder="6-stelliger Code" class="hexahost-input w-full px-3 py-2">
        <button class="hexahost-btn-primary w-full px-4 py-2">Aktivieren</button>
    </form>
</div>
@endsection