@php
    $initials = collect(preg_split('/\s+/', trim((string) $identity['title'])) ?: [])
        ->filter(static fn (string $chunk): bool => $chunk !== '')
        ->map(static fn (string $chunk): string => mb_substr($chunk, 0, 1))
        ->take(2)
        ->implode('');
@endphp

<section class="cs-v2-panel p-5">
    <p class="mb-3 text-[11px] font-semibold uppercase tracking-wide text-slate-400">Cardex Identity</p>
    <div class="flex items-center gap-4">
        <div class="inline-flex h-14 w-14 shrink-0 items-center justify-center rounded-2xl bg-gradient-to-br from-slate-900 via-slate-800 to-slate-600 text-base font-bold uppercase tracking-wide text-white shadow-md">
            {{ $initials !== '' ? $initials : '?' }}
        </div>
        <div class="min-w-0">
            <h3 class="truncate text-lg font-semibold text-slate-900">{{ $identity['title'] }}</h3>
            <p class="mt-0.5 truncate text-sm text-slate-500">{{ $identity['subtitle'] }}</p>
        </div>
    </div>

    @if (! empty($identity['badges']))
        <div class="mt-4 flex flex-wrap gap-1.5">
            @foreach ($identity['badges'] as $badge)
                <span class="rounded-full border border-slate-200 bg-slate-50 px-2.5 py-0.5 text-xs font-medium text-slate-600">
                    {{ $badge }}
                </span>
            @endforeach
        </div>
    @endif
</section>