@extends('layouts.app')

@section('title', 'Verify Email')

@section('content')
<div class="min-h-[70vh] flex items-center justify-center">
    <div class="w-full max-w-md bg-white rounded-2xl shadow-lg p-8 text-center">
        <h2 class="text-2xl font-bold mb-2">Verifikasi Email 📩</h2>
        <p class="text-gray-500 mb-6">
            Terima kasih sudah mendaftar! Silakan cek email kamu dan klik link verifikasi
            untuk mengaktifkan akun.
        </p>

        @if (session('status') == 'verification-link-sent')
            <div class="mb-4 text-sm text-green-600 font-medium">
                Link verifikasi baru sudah dikirim ke email kamu.
            </div>
        @endif

        <div class="flex flex-col sm:flex-row gap-3 justify-center mt-4">
            <form method="POST" action="{{ route('verification.send') }}">
                @csrf
                <button type="submit"
                    class="w-full sm:w-auto px-5 py-2.5 rounded-lg bg-indigo-600 text-white font-semibold hover:bg-indigo-700 transition">
                    Kirim Ulang Email Verifikasi
                </button>
            </form>

            <form method="POST" action="{{ route('logout') }}">
                @csrf
                <button type="submit"
                    class="w-full sm:w-auto px-5 py-2.5 rounded-lg border border-gray-300 text-gray-700 font-semibold hover:bg-gray-100 transition">
                    Logout
                </button>
            </form>
        </div>

        <p class="mt-6 text-sm text-gray-500">
            Belum menerima email?
            <span class="block">Cek folder spam atau klik tombol di atas.</span>
        </p>
    </div>
</div>
@endsection