<div
    class="overflow-hidden relative max-w-sm min-w-80 mx-auto bg-white/40 shadow-lg ring-1 ring-black/5 rounded-xl flex items-center gap-6 dark:bg-neutral-950/40 backdrop-blur dark:highlight-white/5">
    @if($user->avatar)
    <img class="absolute -left-6 w-24 h-24 rounded-full shadow-lg"
        src="https://external-content.duckduckgo.com/iu/?u=https://cdn.discordapp.com/avatars/{{ $user->id }}/{{ $user->avatar }}.webp">
    @else
    <img class="absolute -left-6 w-24 h-24 rounded-full shadow-lg" src="/images/default-avatar.webp">
    @endif
    <div class="flex flex-col py-5 pl-24">
        <strong class="text-slate-900 text-xl font-bold dark:text-slate-200">
            {{ $user->global_name ?? $user->username }}
            @if ($user->is_patreon)
                <a data-te-toggle="tooltip" title="Badge of appreciation for the horny people supporting us! :3"><i
                        class="fa-solid fa-hand-holding-heart text-rose-600 animate-pulse"></i></a>
            @endif
        </strong>
        <span class="text-slate-500 text-sm font-medium dark:text-slate-400">Joined
            {{ $user->created_at->format('Y-m') }}</span>
    </div>
</div>
