<x-guest-layout>
    <h5 class="fw-semibold mb-2">Verify your email address</h5>
    <p class="text-secondary small mb-3">
        Thanks for signing up! Before getting started, please verify your email address by clicking
        the link we just sent you. Didn't receive it? We'll send another.
    </p>

    @if (session('status') == 'verification-link-sent')
        <div class="alert alert-success alert-dismissible fade show py-2 mb-3" role="alert">
            A new verification link has been sent to your email address.
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif

    <div class="d-flex align-items-center justify-content-between gap-2 mt-4">
        <form method="POST" action="{{ route('verification.send') }}">
            @csrf
            <button type="submit" class="btn btn-primary">
                <i class="bi bi-envelope me-1"></i>Resend Verification Email
            </button>
        </form>

        <form method="POST" action="{{ route('logout') }}">
            @csrf
            <button type="submit" class="btn btn-link text-secondary text-decoration-none small p-0">
                Log Out
            </button>
        </form>
    </div>
</x-guest-layout>
