<x-auth-layout>
<x-slot name="title">Verify Email</x-slot>
<div class="text-center">
<div class="w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center mx-auto mb-4">
<svg class="w-8 h-8 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg>
</div>
<h2 class="text-xl font-bold text-gray-900 mb-2">Check your email</h2>
<p class="text-sm text-gray-500 mb-6">We sent a verification link to your email address. Click it to activate your account.</p>
@if(session('status') === 'verification-link-sent')<p class="text-green-600 text-sm mb-4">A new link has been sent!</p>@endif
<form method="POST" action="{{ route('verification.send') }}">
@csrf
<button type="submit" class="btn-primary">Resend Verification Email</button>
</form>
<form method="POST" action="{{ route('logout') }}" class="mt-4">
@csrf
<button class="text-sm text-gray-500 hover:text-gray-700">Sign out</button>
</form>
</div>
</x-auth-layout>