@extends('layouts.site')

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

@section('content')
<div class="max-w-md mx-auto px-4 py-16">
    <h1 class="text-2xl font-bold mb-2">İki Faktörlü Doğrulama</h1>
    <p class="text-sm text-slate-500 mb-6">Authenticator uygulamanızdaki 6 haneli kodu girin.</p>

    @if ($errors->any())
        <div class="mb-4 rounded bg-red-100 text-red-800 px-4 py-2 text-sm">
            @foreach ($errors->all() as $error)
                <p>{{ $error }}</p>
            @endforeach
        </div>
    @endif

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