@extends('layouts.app')
@section('title', 'დამადასტურებელი კოდი')

@section('content')
<div class="mx-auto max-w-md px-4 py-16">
    <h1 class="mb-2 text-center font-display text-3xl font-bold">დამადასტურებელი კოდი</h1>
    <p class="mb-8 text-center text-sm text-ink/60">კოდი გამოგზავნილია თქვენს ელფოსტაზე. მოქმედია 10 წუთი.</p>

    <form method="POST" action="{{ route('two-factor.verify', ['locale' => app()->getLocale()]) }}" class="space-y-4">
        @csrf
        <div>
            <label class="mb-1 block text-sm font-medium">6-ნიშნა კოდი</label>
            <input type="text" name="code" maxlength="6" inputmode="numeric" autofocus required
                   class="w-full rounded-md border border-ink/15 px-3 py-3 text-center font-mono text-2xl tracking-[0.3em]">
        </div>
        <button type="submit" class="btn-primary w-full">დადასტურება</button>
    </form>

    <form method="POST" action="{{ route('two-factor.resend', ['locale' => app()->getLocale()]) }}" class="mt-4 text-center">
        @csrf
        <button type="submit" class="text-sm text-forest hover:underline">კოდის ხელახლა გაგზავნა</button>
    </form>

    <p class="mt-6 text-center text-sm">
        <a href="{{ route('login', ['locale' => app()->getLocale()]) }}" class="text-ink/60 hover:underline">← სხვა ანგარიშით შესვლა</a>
    </p>
</div>
@endsection