@extends('admin.layout')
@section('title', 'Google Authenticator Kurulumu')
@section('content')
<div style="min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px">
    <div class="card" style="width:100%;max-width:520px">
        <h1 style="margin-top:0;color:#39ff14">Google Authenticator</h1>
        <p class="muted">Yönetim paneline erişmek için iki adımlı doğrulamayı kurmanız zorunludur.</p>
        @if($errors->any())
            <div class="flash error">@foreach($errors->all() as $e)<div>{{ $e }}</div>@endforeach</div>
        @endif
        <ol class="muted" style="line-height:1.7;padding-left:18px">
            <li>Telefonunuza Google Authenticator uygulamasını yükleyin.</li>
            <li>Aşağıdaki QR kodu okutun veya anahtarı elle girin.</li>
            <li>Uygulamadaki 6 haneli kodu girerek kurulumu tamamlayın.</li>
        </ol>
        <div style="text-align:center;margin:18px 0">
            <img src="{{ $qrCodeUrl }}" alt="Google Authenticator QR" style="border-radius:12px;background:#fff;padding:10px">
        </div>
        <p class="muted">Manuel anahtar</p>
        <code style="display:block;word-break:break-all;background:#12091d;padding:12px;border-radius:10px">{{ $secret }}</code>
        <form method="post" action="{{ route('admin.2fa.setup.confirm') }}" style="margin-top:18px">
            @csrf
            <label>Doğrulama kodu</label>
            <input type="text" name="code" inputmode="numeric" autocomplete="one-time-code" maxlength="16" required placeholder="000000">
            <button class="btn" type="submit">Kurulumu Tamamla</button>
        </form>
        <form method="post" action="{{ route('admin.2fa.logout') }}" style="margin-top:12px">
            @csrf
            <button class="btn secondary" type="submit">Çıkış Yap</button>
        </form>
    </div>
</div>
@endsection