@props(['user' => [], 'showRole' => true, 'showStats' => false, 'actions' => []])

<div class="bg-white dark:bg-slate-800 rounded-xl shadow-sm border border-slate-200 dark:border-slate-700 p-4 hover:shadow-md transition-all duration-200">
    <div class="flex items-start gap-3">
        <x-rp-avatar :name="$user['name'] ?? ''" :src="$user['avatar'] ?? null" :online="isset($user['online']) ? $user['online'] : null" />
        <div class="flex-1 min-w-0">
            <div class="flex items-center gap-2">
                <h3 class="text-sm font-semibold text-slate-900 dark:text-slate-100 truncate">{{ $user['name'] ?? '' }}</h3>
                @if($showRole && isset($user['role']))
                    <x-rp-badge :type="in_array($user['role'], ['admin', 'super-admin']) ? 'primary' : (($user['role'] ?? '') === 'teacher' ? 'success' : (($user['role'] ?? '') === 'student' ? 'info' : 'warning'))" :pill="true">{{ ucfirst($user['role']) }}</x-rp-badge>
                @endif
            </div>
            @if(isset($user['email']))
                <p class="text-xs text-slate-500 dark:text-slate-400 truncate">{{ $user['email'] }}</p>
            @endif
        </div>
    </div>

    @if($showStats && isset($user['stats']))
        <div class="flex items-center gap-4 mt-3 pt-3 border-t border-slate-100 dark:border-slate-700">
            @foreach($user['stats'] as $stat)
                <div class="text-center">
                    <p class="text-sm font-bold text-slate-900 dark:text-slate-100">{{ $stat['value'] ?? '' }}</p>
                    <p class="text-xs text-slate-500">{{ $stat['label'] ?? '' }}</p>
                </div>
            @endforeach
        </div>
    @endif

    @if(count($actions) > 0)
        <div class="flex items-center gap-2 mt-3 pt-3 border-t border-slate-100 dark:border-slate-700">
            @foreach($actions as $action)
                <a href="{{ $action['url'] ?? '#' }}" class="px-3 py-1.5 {{ $action['primary'] ?? false ? 'bg-primary-600 hover:bg-primary-700 text-white' : 'bg-slate-100 dark:bg-slate-700 hover:bg-slate-200 dark:hover:bg-slate-600 text-slate-700 dark:text-slate-300' }} text-xs font-semibold rounded-lg transition-colors">{{ $action['label'] ?? '' }}</a>
            @endforeach
        </div>
    @endif
</div>