@extends('layouts.app')

@section('title', 'İki Faktörlü Doğrulama Kurulumu')

@section('content')
<div class="max-w-md bg-white border rounded p-6">
    <p class="text-sm text-slate-600 mb-4">Authenticator uygulamanızla (Google Authenticator, Authy vb.) aşağıdaki QR kodu okutun, ardından üretilen 6 haneli kodu girip onaylayın.</p>

    <div class="mb-4">{!! $qrCodeUrl !!}</div>

    <form method="POST" action="{{ route('panel.two-factor.confirm') }}" class="space-y-3">
        @csrf
        <input type="text" name="code" maxlength="6" required class="w-full border rounded px-3 py-2 text-center text-xl tracking-widest">
        <button class="w-full bg-blue-600 text-white rounded py-2 font-medium hover:bg-blue-700">Onayla ve Etkinleştir</button>
    </form>
</div>
@endsection