@if (empty($suggestions))
    <div></div>
@else
    <ul class="mt-2 rounded-md border border-gray-200 shadow-sm bg-white divide-y divide-gray-100">
        @foreach ($suggestions as $suggestion)
            <li>
                <button
                    type="button"
                    class="w-full text-left px-3 py-2 hover:bg-gray-50"
                    data-attendee-pick
                    data-attendee-email="{{ $suggestion['email'] ?? '' }}"
                    data-attendee-name="{{ $suggestion['name'] ?? '' }}"
                    data-attendee-uri="{{ $suggestion['attendee_uri'] ?? '' }}"
                    data-attendee-verified="{{ !empty($suggestion['verified']) ? '1' : '0' }}"
                >
                    <div class="font-medium text-gray-800">
                        {{ $suggestion['name'] ?? ($suggestion['email'] ?? '') }}
                    </div>
                    @if (!empty($suggestion['name']) && !empty($suggestion['email']))
                        <div class="text-sm text-gray-500">{{ $suggestion['email'] }}</div>
                    @endif
                    @if (!empty($suggestion['verified']))
                        <div class="text-xs text-emerald-700 mt-1">{{ __('calendar.event.attendees.verified') }}</div>
                    @endif
                </button>
            </li>
        @endforeach
    </ul>
@endif
