@props(['settings' => [], 'sites' => collect(), 'totalSites' => 0, 'user' => null, 'stats' => []])

<div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6 h-full flex flex-col">
    <div class="flex items-center justify-between mb-4">
        <h3 class="text-lg font-semibold text-gray-900 dark:text-gray-100">
            <i class="fas fa-graduation-cap text-purple-500 dark:text-purple-400 mr-2"></i>
            Bekleyen Eğitimler
        </h3>
    </div>
    <div class="text-center py-4 flex-1 flex flex-col items-center justify-center">
        <p class="text-3xl font-bold text-purple-600 dark:text-purple-400">{{ $pendingTrainings ?? 0 }}</p>
        <p class="text-sm text-gray-500 dark:text-gray-400 mt-2">Tamamlanmamış eğitim</p>
        <p class="text-xs text-gray-400 dark:text-gray-500 mt-1">Toplam: {{ $totalTrainings ?? 0 }} eğitim</p>
    </div>
</div>