<x-guest-layout>
    <div class="space-y-8">
        <header class="space-y-3 mb-10">
            <h2 class="text-3xl font-display font-black text-white uppercase italic tracking-tighter leading-tight">Verifikasi Identitas</h2>
            <p class="text-[10px] font-bold text-slate-500 uppercase tracking-[0.2em] italic leading-relaxed">
                {{ __('Terima kasih telah bergabung! Sebelum memulai, mohon verifikasi alamat email Anda dengan mengklik tautan yang baru saja kami operasikan ke email Anda. Jika Anda tidak menerimanya, kami akan mengirimkan ulang.') }}
            </p>
        </header>

        @if (session('status') == 'verification-link-sent')
            <div class="p-6 bg-emerald-500/10 border border-emerald-500/20 rounded-2xl animate-in fade-in slide-in-from-top-2 duration-500">
                <p class="text-[9px] font-black text-emerald-400 uppercase tracking-widest italic leading-relaxed">
                    {{ __('Tautan verifikasi baru telah dikirimkan ke alamat email yang Anda berikan saat registrasi.') }}
                </p>
            </div>
        @endif

        <div class="space-y-6 pt-8 border-t border-white/5">
            <form method="POST" action="{{ route('verification.send') }}">
                @csrf
                <x-primary-button class="w-full justify-center">
                    {{ __('Kirim Ulang Email Verifikasi →') }}
                </x-primary-button>
            </form>

            <form method="POST" action="{{ route('logout') }}" class="text-center">
                @csrf
                <button type="submit" class="text-[10px] font-black text-slate-600 uppercase tracking-widest hover:text-white transition-colors italic">
                    {{ __('Keluar dari Sesi Arsitektur') }}
                </button>
            </form>
        </div>
    </div>
</x-guest-layout>
