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

@php
    $developerKpis = $developerKpis ?? [];
@endphp

<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-users text-purple-500 dark:text-purple-400 mr-2"></i>
            Developer KPI'lar
        </h3>
    </div>
    
    @if(count($developerKpis) > 0)
    <div class="overflow-x-auto flex-1">
        <table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700 text-sm">
            <thead class="bg-gray-50 dark:bg-gray-900">
                <tr>
                    <th class="px-3 py-2 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Developer</th>
                    <th class="px-3 py-2 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Tamamlanan</th>
                    <th class="px-3 py-2 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Ort. Kurulum</th>
                </tr>
            </thead>
            <tbody class="bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700">
                @foreach($developerKpis as $kpi)
                <tr class="hover:bg-gray-50 dark:hover:bg-gray-700">
                    <td class="px-3 py-2 text-gray-900 dark:text-gray-100">{{ $kpi['name'] ?? '-' }}</td>
                    <td class="px-3 py-2 text-gray-900 dark:text-gray-100">{{ $kpi['completed_count'] ?? 0 }}</td>
                    <td class="px-3 py-2 text-gray-900 dark:text-gray-100">{{ $kpi['avg_setup_time_detail'] ?? '0 saat 00 dakika' }}</td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    @else
    <div class="text-center py-8 text-gray-500 dark:text-gray-400 flex-1 flex flex-col items-center justify-center">
        <i class="fas fa-users text-3xl mb-2"></i>
        <p class="text-sm">Developer KPI verisi yok</p>
    </div>
    @endif
</div>